:root{--bg:#f7f9fc;--ink:#173044;--muted:#617587;--brand:#087f98;--brand2:#056b80;--line:#e3eaf0;--shadow:0 8px 28px #193d5610}
body{line-height:1.5}.app-shell{grid-template-columns:238px minmax(0,1fr)}.sidebar{background:white;color:var(--ink);border-right:1px solid var(--line);padding:24px 14px;gap:14px}.brand{padding:0 10px 18px;border-bottom:1px solid var(--line)}.brand .logo{background:#087f98;color:white;width:40px;height:40px;border-radius:12px;font-size:16px;flex-shrink:0}.brand strong{font-size:12px;letter-spacing:.6px;line-height:1.6}.brand span{color:#6b8192}.sidebar nav{gap:3px}.nav{color:#516879;font-size:13px;padding:10px 13px;min-height:41px;border-radius:8px}.nav:hover{background:#f0f7fa;color:#076c82}.nav.active{background:#e5f4f8;color:#07647b;box-shadow:inset 3px 0 #0795ac;font-weight:700}.nav-group{color:#7b8995;font-size:10px;letter-spacing:1px;padding:17px 13px 5px}.sidebar-note{color:#6b7d8b;border-color:var(--line);font-size:11px}.main{padding:28px clamp(20px,3vw,48px) 48px;max-width:1640px;width:100%;margin:auto}.topbar{gap:16px;margin-bottom:8px}.topbar h1{font-size:24px;color:#193749}.topbar p{font-size:13px}.pill{background:#fff;border:1px solid var(--line);font-size:12px;max-width:320px;overflow-wrap:anywhere}.account-bar{margin:0 0 24px;padding:4px 0 12px;border-bottom:1px solid var(--line);gap:12px}.account-bar .btn{padding:6px 12px;font-size:11px}.language-switcher{border-color:var(--line);color:#546c80;background:white}.btn{border-radius:9px;min-height:38px;padding:10px 18px;font-weight:650}.btn.primary{background:#087f98;color:white;border:1px solid #087f98}.btn.primary:hover{background:#06677d}.btn.secondary{background:white;border:1px solid #ccdce5;color:#285268}.btn.secondary:hover{background:#edf7fa}.panel,.card{box-shadow:0 3px 16px #1b445a06;border:1px solid var(--line);border-radius:14px}.panel{padding:24px}.panel-head{gap:15px;flex-wrap:wrap}.panel h3{color:#24475b}.notice{border-radius:10px;font-size:12px;line-height:1.75;padding:14px 18px}.form-grid{gap:18px}.form-grid label{line-height:1.6;font-weight:550}input,select,textarea{border-color:#cbd9e2;min-height:40px}input[type=checkbox],input[type=radio]{min-height:0;accent-color:#087f98}th{color:#516b7e;background:#f3f7fa;font-size:11px}td{padding-top:15px;padding-bottom:15px}.table-wrap{border:1px solid #e6edf2;border-radius:10px}.page-help{border-color:#d8e8ef;background:#f2f9fc;padding:13px 18px}.page-help summary{color:#18637b}.overview-banner{background:#eaf6fa;border:1px solid #d4eaf2}.overview-banner h2{color:#155169}.overview-banner p{color:#547287}.eyebrow{color:#47778d;letter-spacing:1.5px;font-size:10px}.home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(245px,.8fr);gap:36px;align-items:center;padding:38px;background:linear-gradient(115deg,#edf8fc 0%,#f0f7fb 65%,#e5f3f5 100%);border:1px solid #dcecf3;border-radius:20px}.hero-copy h2{font-size:clamp(28px,3vw,43px);line-height:1.25;letter-spacing:-1.4px;margin:16px 0}.hero-copy h2 span{color:#087f98}.hero-copy p{max-width:470px;font-size:14px;line-height:1.8;color:#526e82;margin-bottom:24px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-tags{display:flex;flex-wrap:wrap;gap:16px;margin-top:23px;font-size:10px;color:#56768a}.hero-tags span:before{content:'✓';color:#078297;margin-right:6px}.month-card{background:white;border:1px solid #dfeaf0;border-radius:15px;padding:24px;box-shadow:0 12px 32px #29627c0b}.month-card label{display:grid;gap:8px;font-size:12px;margin:17px 0}.month-card input{width:100%;background:#f8fbfd}.home-stat{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f5;font-size:12px}.home-stat strong{font-size:21px}.month-card>small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:16px}.home-section{margin-top:34px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-title h2{font-size:23px;letter-spacing:-.5px;margin:6px 0}.section-title p{font-size:13px;color:var(--muted);margin:6px 0}.text-action{border:0;background:transparent;color:#067a94;cursor:pointer;font:inherit;font-size:12px;font-weight:650}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;background:white;border:1px solid #e0e9ef;border-radius:14px;padding:23px;cursor:pointer;color:var(--ink);font:inherit;transition:transform .15s,border-color .15s,box-shadow .15s}.module-card:hover{transform:translateY(-3px);border-color:#8bc8d4;box-shadow:0 10px 25px #1c728611}.module-card strong{font-size:16px}.module-card small{font-size:12px;color:#647b8b;line-height:1.7;max-width:90%}.module-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e4f4f8;color:#087f98}.module-icon svg{width:25px;height:25px}.module-1 .module-icon{background:#fff3d5;color:#936b0a}.module-2 .module-icon{background:#f1edff;color:#7662ae}.module-4 .module-icon{background:#e7f5ed;color:#377659}.module-5 .module-icon{background:#fceef1;color:#a95e73}.module-open{position:absolute;right:22px;top:26px;color:#8aa2b2}.workflow-phase{margin-bottom:14px;padding:22px;background:white;border:1px solid #e1eaf0;border-radius:14px}.phase-heading,.workflow-phase summary{display:flex;align-items:center;gap:13px;list-style:none;margin-bottom:18px}.workflow-phase:not([open]) summary{margin-bottom:0}.workflow-phase summary:after{content:'⌄';margin-left:auto;color:#587c90}.phase-heading small,.workflow-phase summary small{display:block;color:#718392;font-size:11px;margin-top:3px;font-weight:400}.phase-number{background:#eaf5f8;color:#087f98;border-radius:9px;padding:6px 10px;font-size:13px;font-weight:750}.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.guide-card{background:#fbfcfe;border-color:#e4ecf1;padding:16px;border-radius:9px}.guide-card:hover{background:#f0f9fc;border-color:#b5d9e6}.guide-number{background:#e7f2f7;color:#1a687e;width:27px;height:27px;font-size:12px}.guide-card strong{font-size:13px}.guide-card small{font-size:11px;color:#627c8d}.workspace-footer{background:#eaf5fa;padding:24px;border:1px solid #dbeaf1;border-radius:14px;margin-top:28px}.workspace-footer p{font-size:12px;color:var(--muted)}.auth-story{background:linear-gradient(135deg,#edf9fc,#e4f1f8);color:#143c52}.auth-story h1{color:#12526c}.auth-story p{color:#526f83}.auth-story .eyebrow{color:#087f98}.auth-brand{color:#176079}.trial-highlight{border-color:#b8dce7;background:#ffffffa0}.auth-card{background:white;padding:36px;border-radius:18px;box-shadow:var(--shadow)}.auth-shell{background:#f6f9fb;gap:20px}.mobile-menu{display:none}.workspace-brand{font-size:10px;letter-spacing:1px;color:#568197;margin:0 0 8px}
@media(min-width:1400px){.guide-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.home-hero{grid-template-columns:1fr;padding:26px;gap:24px}.month-card{display:block}.hero-copy h2{font-size:34px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:14px 16px;min-height:0}.brand{padding:0;border:0}.brand strong{font-size:11px}.mobile-menu{display:block;margin-top:12px;width:100%;border:1px solid #d5e6ed;background:#eef7fa;color:#1b617a;border-radius:8px;padding:10px;text-align:left;font:inherit;font-size:13px}.sidebar nav{display:none}.sidebar.menu-open nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.main{padding:20px 14px}.topbar{align-items:flex-start;flex-wrap:wrap}.topbar h1{font-size:22px}.account-bar{justify-content:flex-start}.home-hero{padding:23px 20px}.hero-copy h2{font-size:30px;letter-spacing:-.7px}.month-card{padding:18px}.module-card{padding:17px;gap:10px}.module-card strong{font-size:14px}.module-card small{max-width:100%;font-size:11px}.module-open{right:16px;top:20px}.section-title h2{font-size:21px}.guide-cards{grid-template-columns:1fr}.workflow-phase{padding:16px}.phase-heading small,.workflow-phase summary small{line-height:1.6}.panel{padding:16px}.auth-card{padding:24px;margin:20px auto}.auth-story{padding:30px}.section-title{align-items:flex-start}.workspace-footer .actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.module-card,.btn{transition:none}.module-card:hover{transform:none}}