.app-home-hero{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:20px 0 38px}
.app-home-hero h1{font-size:clamp(38px,6vw,68px);line-height:1;margin:8px 0 14px}
.app-home-hero p:not(.eyebrow){font-size:20px;color:var(--muted);margin:0}
.app-home-hero img{width:300px;max-width:32%}
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.module-card{min-height:170px;border-radius:20px;padding:24px;display:flex;align-items:flex-start;gap:18px;border:1px solid var(--line);text-decoration:none;background:#fff;position:relative}
.module-card.active{box-shadow:0 14px 40px rgba(16,24,32,.08);border-color:#a8d9ec;transition:transform .18s ease,box-shadow .18s ease}
.module-card.active:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(16,24,32,.12)}
.module-card.secondary-module{border-color:#c7d4da}
.module-icon{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:26px;font-weight:900}
.module-copy{display:grid;gap:7px}
.module-copy small{text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-weight:900;font-size:11px}
.module-copy strong{font-size:23px}
.module-copy span{color:var(--muted);line-height:1.45}
.module-card>b{margin-left:auto;font-size:25px;color:var(--blue)}
.module-card.soon{background:#eef2f4;color:#65727e;border-style:dashed}
.module-card.soon .module-icon{background:#d7dfe3;color:#68747c}
.module-card.soon .module-copy small{color:#7b878e}
.app-home-note{display:flex;align-items:center;justify-content:center;gap:18px;margin:42px auto 0;padding:18px;color:var(--muted);text-align:left}
.app-home-note img{width:45px;opacity:.5}
.app-home-note p{margin:0}
@media(max-width:780px){.app-home-hero{display:block;padding-top:5px}.app-home-hero img{max-width:65%;width:220px;margin-top:25px}.module-grid{grid-template-columns:1fr}.module-card{min-height:145px;padding:20px}.module-copy strong{font-size:20px}}
@media(max-width:420px){.module-icon{width:42px;height:42px;flex-basis:42px}.module-card{gap:13px}.module-card>b{display:none}}
.office-hero{padding-top:8px}
.office-grid .module-card.active{background:linear-gradient(135deg,#fff 0%,#eefaff 100%)}
.signature-box{margin:28px 0 22px;padding-top:8px;border-top:1px solid var(--line)}
.signature-box p{color:var(--muted);line-height:1.5}
.signature-box canvas{display:block;width:100%;height:190px;background:#fff;border:2px dashed #8abfd4;border-radius:14px;touch-action:none;cursor:crosshair}
.signature-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
.signature-actions span{font-weight:800;color:var(--muted)}
.signature-actions .signed{color:var(--ok)}
.signature-actions .signature-error{color:var(--bad)}
.module-card.danger-module{background:linear-gradient(135deg,#8f1010,#d32626);border-color:#7d0e0e;color:#fff;box-shadow:0 16px 42px rgba(160,20,20,.24)}
.module-card.danger-module .module-icon{background:#fff;color:#b41717}.module-card.danger-module .module-copy small,.module-card.danger-module .module-copy span,.module-card.danger-module>b{color:#fff}
.chat-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.chat-head h1{font-size:clamp(34px,5vw,54px);margin:6px 0}.chat-tabs{display:flex;background:#e5ecef;padding:5px;border-radius:12px}.chat-tabs a{padding:10px 16px;border-radius:9px;text-decoration:none;font-weight:800}.chat-tabs .selected{background:#fff;box-shadow:0 4px 14px rgba(16,24,32,.08)}.chat-window{min-height:320px;max-height:58vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;align-content:start;gap:12px}.chat-message{max-width:78%;background:#eef3f5;border-radius:15px;padding:12px 15px}.chat-message.office{background:#dff4fc}.chat-message header{display:flex;justify-content:space-between;gap:18px;font-size:13px}.chat-message time{color:var(--muted)}.chat-message p{margin:7px 0 0;line-height:1.45}.empty-chat{text-align:center;color:var(--muted);padding:80px 20px}.chat-compose{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:14px}.chat-compose label{margin:0}.chat-compose textarea{margin:0}.wks-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#7f0909,#cf2626);color:#fff;padding:32px;border-radius:22px;margin-bottom:20px}.wks-hero .eyebrow,.wks-hero p{color:#fff}.wks-hero h1{font-size:clamp(36px,5vw,60px);margin:6px 0}.wks-hero>span{display:grid;place-items:center;width:120px;height:120px;border:4px solid #fff;border-radius:50%;font-size:32px;font-weight:900}.wks-warning{margin-top:24px}.wks-stats a{cursor:default}
@media(max-width:780px){.chat-head{display:block}.chat-tabs{margin-top:16px}.chat-message{max-width:94%}.chat-compose{grid-template-columns:1fr}.wks-hero>span{display:none}}
.module-card.fleet-module{background:linear-gradient(135deg,#102c45,#17668d);border-color:#0d4564;color:#fff;box-shadow:0 16px 42px rgba(15,67,98,.22)}
.module-card.fleet-module .module-icon{background:#fff;color:#155b80}.module-card.fleet-module .module-copy small,.module-card.fleet-module .module-copy span,.module-card.fleet-module>b{color:#fff}
.fleet-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#102c45,#1779a5);color:#fff;padding:32px;border-radius:22px;margin-bottom:20px}.fleet-hero .eyebrow,.fleet-hero p{color:#fff}.fleet-hero h1{font-size:clamp(36px,5vw,60px);margin:6px 0}.fleet-hero>span{display:grid;place-items:center;width:120px;height:120px;border:4px solid #fff;border-radius:50%;font-size:32px;font-weight:900}.fleet-warning{margin-top:24px}@media(max-width:780px){.fleet-hero>span{display:none}}
.module-card.planning-module{background:linear-gradient(135deg,#305c21,#4c8d36);border-color:#315f23;color:#fff;box-shadow:0 16px 42px rgba(48,92,33,.2)}.module-card.planning-module .module-icon{background:#fff;color:#3f772c}.module-card.planning-module .module-copy small,.module-card.planning-module .module-copy span,.module-card.planning-module>b{color:#fff}.planning-layout{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:22px;align-items:start}.planning-layout select[multiple]{min-height:210px}.planning-filter{grid-template-columns:1fr 1fr auto}@media(max-width:900px){.planning-layout{grid-template-columns:1fr}}