:root{--ink:#020617;--navy:#0f172a;--slate:#475569;--line:#e2e8f0;--bg:#f8fafc;--card:#fff;--blue:#0369a1;--green:#059669;--amber:#d97706;--violet:#7c3aed}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:var(--bg);margin:0;font-family:Tahoma,Segoe UI,sans-serif;line-height:1.6}.skip-link{z-index:99;background:var(--navy);color:#fff;border-radius:8px;padding:10px 16px;position:fixed;top:-60px;right:16px}.skip-link:focus{top:12px}.shell{grid-template-columns:1fr 250px;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;grid-column:2;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{color:#fff;border-bottom:1px solid #ffffff18;align-items:center;gap:12px;padding:0 8px 25px;text-decoration:none;display:flex}.brand-mark{background:#0ea5e9;border-radius:11px;place-items:center;width:40px;height:40px;font:700 20px Georgia;display:grid}.brand span:last-child{flex-direction:column;line-height:1.2;display:flex}.brand small{color:#94a3b8;letter-spacing:.08em;font-size:10px}.sidebar nav{gap:6px;margin-top:24px;display:grid}.sidebar nav a{color:#cbd5e1;border-radius:9px;align-items:center;min-height:44px;padding:8px 14px;text-decoration:none;transition:background .2s,color .2s;display:flex}.sidebar nav a:hover,.sidebar nav a:focus-visible{color:#fff;background:#ffffff12}.sidebar-health{border:1px solid #ffffff18;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.sidebar-health span:last-child{flex-direction:column;display:flex}.sidebar-health small{color:#94a3b8}.pulse{background:#34d399;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #34d39922}.workspace{grid-area:1/1}.workspace header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;justify-content:space-between;align-items:center;height:76px;padding:0 36px;display:flex}.workspace header>div:first-child{flex-direction:column;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:11px;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.header-actions button,.avatar{border:1px solid var(--line);background:#fff;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.avatar{color:#1d4ed8;background:#dbeafe;font-weight:700}main{max-width:1500px;margin:0 auto;padding:32px 36px}.page-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-title h1{margin:5px 0;font-size:clamp(24px,3vw,36px);line-height:1.25}.page-title p{color:var(--slate);margin:0}.primary,.plan button{background:var(--blue);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 20px;font-weight:700;transition:transform .2s,background .2s;box-shadow:0 7px 18px #0369a126}.primary:hover,.plan button:hover{background:#075985;transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #38bdf8}.notice{color:#78350f;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;display:flex}.notice span{color:#92400e}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 1px 2px #0f172a0a}.metric-icon{background:var(--blue);border-radius:5px;width:10px;height:44px}.metric.violet .metric-icon{background:var(--violet)}.metric.green .metric-icon{background:var(--green)}.metric.amber .metric-icon{background:var(--amber)}.metric p,.metric small{color:var(--slate);margin:0}.metric strong{font-size:28px;line-height:1.2;display:block}.grid-two{grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 1px 2px #0f172a0a}.card-head{justify-content:space-between;align-items:start;display:flex}.card h2{margin:3px 0 20px;font-size:19px}.card-head a{color:var(--blue);font-weight:700;text-decoration:none}.tag{color:#075985;background:#e0f2fe;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700}.resource{margin:22px 0}.resource>div:first-child{justify-content:space-between;margin-bottom:7px;display:flex}.resource span{color:var(--slate);font-size:13px}.bar{background:#e8ecf1;border-radius:10px;height:8px;overflow:hidden}.bar i{background:var(--blue);height:100%;display:block}.empty{text-align:center;min-height:210px;color:var(--slate);place-items:center;display:grid}.empty b{color:var(--ink)}.empty p{max-width:360px;margin:0}.empty-icon{color:#047857;background:#d1fae5;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.empty-page{text-align:center;place-content:center;min-height:280px;display:grid}.empty-page p{color:var(--slate)}.plan-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.plan h2{font-size:24px}.plan ul{margin:22px 0;padding:0;list-style:none}.plan li{border-bottom:1px solid var(--line);padding:8px 0}.plan button{width:100%}@media (max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-two,.plan-grid{grid-template-columns:1fr}}@media (max-width:720px){.shell{display:block}.sidebar{height:auto;padding:14px;position:static}.brand{padding-bottom:14px}.sidebar nav{margin-top:12px;display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.sidebar-health{display:none}.workspace header{height:66px;padding:0 18px}main{padding:24px 18px}.page-title{flex-direction:column;align-items:stretch}.metrics{grid-template-columns:1fr}.notice{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.button-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.wizard-page{max-width:1000px;margin:0 auto}.back-link{min-height:44px;color:var(--blue);align-items:center;margin-bottom:12px;font-weight:700;text-decoration:none;display:inline-flex}.wizard-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px;box-shadow:0 10px 35px #0f172a0a}.wizard-step{align-items:start;gap:14px;margin:6px 0 18px;display:flex}.wizard-step>span{background:var(--navy);color:#fff;border-radius:10px;flex:0 0 34px;place-items:center;height:34px;font-weight:700;display:grid}.wizard-step h2{margin:0;font-size:19px}.wizard-step p{color:var(--slate);margin:2px 0}.template-grid{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 48px 32px 0;padding:0;display:grid}.template-option{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:start;gap:10px;min-height:78px;padding:14px;transition:border-color .2s,background .2s;display:flex}.template-option:has(input:checked){background:#f0f9ff;border-color:#0284c7;box-shadow:inset 0 0 0 1px #0284c7}.template-option input{accent-color:var(--blue);margin-top:5px}.template-option span{flex-direction:column;display:flex}.template-option small{color:var(--slate)}.form-grid{grid-template-columns:1fr 1fr;gap:14px;margin:0 48px 16px 0;display:grid}.form-grid label,.account-select{flex-direction:column;gap:7px;font-weight:700;display:flex}.form-grid small{color:var(--slate);font-weight:400}input,select{width:100%;min-height:46px;font:inherit;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:8px 12px}input:focus,select:focus{border-color:#0284c7;outline:3px solid #0ea5e933}.account-select{max-width:460px;margin:0 48px 20px 0}.form-message{border-radius:9px;margin:14px 48px 0 0;padding:11px 14px}.form-message.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.form-message.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.wizard-submit{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding-top:20px;display:flex}.wizard-submit p{color:var(--slate);margin:0}.primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:720px){.wizard-card{padding:18px}.template-grid,.form-grid,.account-select,.form-message{margin-right:0}.template-grid,.form-grid{grid-template-columns:1fr}.wizard-submit{flex-direction:column;align-items:stretch}.wizard-submit .primary{width:100%}}