:root{--bg:#f4f2f3;--surface:#fff;--text:#1b1b1b;--muted:#5d6b7a;--border:#cfc9bf;--nav-blue:#1c3461;--nav-blue2:#2b4574;--green:#2f5e2e;--green-dark:#205320;--math:#2f6f2d;--ela:#c56a1b;--science:#9e1f17;--social:#32508d7f;--radius-sm:10px;--radius-md:12px;--radius-lg:18px;--shadow-card:0 10px 30px #0000001f;--shadow-soft:0 6px 18px #0000001a;--container:1440px;--gutter:24px;--focus:3px solid #3b82f6cc;--navy:#112b45;--navy-2:#1c3c60;--paper:#f4f2ee;--panel:#fffc;--card:#fff;--link:#1e5baa;--green-hover:#264d25;--orange:#d48a2b;--red:#d94b4b;--blue:#2c7bc3;--ink-900:#1f2a3a;--ink-700:#334155;--ink-500:#64748b;--shadow:0 8px 24px #0000001f;--navy-900:#22324a;--navy-700:#2d3f5c;--navy-500:#3f587f;--green-700:#2f6b3a;--green-800:#25562e;--gold-600:#caa13a;--red-600:#b04e41;--blue-600:#2d6db3;--max-width:1200px}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background-color:var(--paper);background-image:url(/assets/images/paper-bg-2.jpg);background-repeat:repeat;background-size:contain;margin:0;line-height:1.35}img{max-width:100%;height:auto}a{text-decoration:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{border:2px solid var(--navy);z-index:9999;background:#fff;border-radius:10px;padding:10px 12px;position:absolute;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.container{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.site-header{background-color:var(--navy);color:#fff;background-image:url(/assets/textures/nav-texture.png);background-repeat:repeat;box-shadow:0 4px 14px #00000040}.header-inner{align-items:center;gap:14px;padding-top:14px;padding-bottom:14px;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:#ffffff0f;border-radius:12px;padding:4px;box-shadow:0 2px 10px #0000002e}.brand-wordmark{letter-spacing:.2px;font-size:20px;line-height:1}.brand-free{color:#fff}.brand-k{color:#50b848}.brand-12{color:#f5a623}.brand-practice{color:#fff}.brand-dot{color:#ffffffe6;font-weight:700}.brand-logo{width:44px;height:44px}.brand-logo--sm{width:34px;height:34px}.brand-text{letter-spacing:.2px;text-transform:lowercase;font-size:18px}.brand-dot{opacity:.85}.primary-nav{flex:1;justify-content:center;align-items:center;gap:18px;margin-left:8px;display:flex}.nav-link{color:#ffffffeb;border-radius:10px;padding:8px 6px;font-size:15px;font-weight:600;text-decoration:none}.nav-link:hover{background:#ffffff1a;text-decoration:none}.header-actions{align-items:center;gap:10px;display:flex}.nav-toggle{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:12px;padding:10px 12px;display:none}.nav-toggle:focus-visible{outline-offset:2px;outline:3px solid #ffffff8c}.nav-toggle-lines{background:#fff;width:20px;height:2px;display:inline-block;position:relative}.nav-toggle-lines:before,.nav-toggle-lines:after{content:"";background:#fff;width:20px;height:2px;position:absolute;left:0}.nav-toggle-lines:before{top:-6px}.nav-toggle-lines:after{top:6px}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-weight:700;text-decoration:none;transition:transform 30ms,background .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,#3b7a3a,var(--green));color:#fff;border-color:#00000026;box-shadow:0 8px 18px #0000002e}.btn-primary:hover{background:linear-gradient(180deg,#336a32,var(--green-hover));text-decoration:none}.btn-secondary{color:#fff;background:#0a141e26;border-color:#ffffff4d}.btn-secondary:hover{background:#ffffff24;text-decoration:none}.btn-block{width:100%}.btn-oauth{color:#1b1b1b;background:#fff;border-color:#0000002e;font-weight:700}.btn-oauth:hover{background:#f7f7f7;text-decoration:none}.oauth-icon{display:inline-flex}.btn-icon{cursor:pointer;color:#687583;background:0 0;border:0;border-radius:12px;padding:8px 10px}.btn-icon:hover{background:#0000000d}.btn-icon:focus-visible{outline-offset:2px;outline:3px solid #1e5baa59}.auth-layout{grid-template-columns:minmax(360px,520px) 1fr;align-items:start;gap:46px;display:grid}.auth-panel{background:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid #785a3c33;padding:24px 22px 18px}.brand-inline{font-weight:900}.page-subtitle{color:#000000b8;margin:0 0 18px}.auth-card{box-shadow:var(--shadow-card);background:#ffffffa8;border:1px solid #0000001f;border-radius:16px;overflow:hidden}.tablist{background:#ffffffd9;grid-template-columns:1fr 1fr;display:grid}.tab{cursor:pointer;color:#0000009e;background:0 0;border:0;padding:14px 10px;font-size:16px;font-weight:900;position:relative}.tab.is-active{color:var(--navy)}.tab.is-active:after{content:"";background:var(--green);border-radius:999px;height:3px;position:absolute;bottom:6px;left:14%;right:14%}.tab:focus-visible{outline-offset:-3px;outline:3px solid #1e5baa59}.tabpanel{padding:18px 18px 16px}.form{gap:14px;display:grid}.input-with-icon{background:#ffffffeb;border:1px solid #0000001f;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;display:grid;position:relative;overflow:hidden}.field-icon{color:#00000073;justify-content:center;align-items:center;width:42px;display:inline-flex}.input-with-icon input{background:0 0;border:0;outline:0;min-width:0;padding:12px}.input-with-icon input::placeholder{color:#00000059}.input-with-icon:focus-within{border-color:#1e5baa73;box-shadow:0 0 0 4px #1e5baa24}.row{align-items:center;gap:10px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between}.checkbox{color:#000000b3;align-items:center;gap:10px;font-weight:700;display:inline-flex}.checkbox input{width:18px;height:18px}.link-muted{color:var(--link)}.divider{color:#00000073;letter-spacing:.8px;align-items:center;gap:12px;margin:6px 0;font-weight:900;display:flex}.divider:before,.divider:after{content:"";background:#0000002e;flex:1;height:1px}.divider span{font-size:12px}.hint{color:#0000008c;margin:6px 0 0;font-size:13px;font-weight:650}.field-error{color:#b00020;min-height:18px;margin:6px 0 0;font-size:13px}.form-alert{color:#7e1a1a;background:#fce8ea;border:1px solid #d94b4b8c;border-radius:12px;padding:10px 12px}.switch-text{color:#000000b3;text-align:center;margin:6px 0 0;font-weight:700}.link-button{color:var(--link);cursor:pointer;background:0 0;border:0;padding:0 2px;font-weight:900}.link-button:hover{text-decoration:underline}.link-button:focus-visible{outline-offset:3px;border-radius:8px;outline:3px solid #1e5baa59}.panel-footer{color:#0009;justify-content:center;gap:10px;padding-top:14px;font-weight:700;display:flex}.panel-footer a{color:#000000b3}.panel-footer a:hover{color:#000000e6;text-decoration:underline}.sep{opacity:.55}.auth-promo{padding:0 8px}.promo-illustration{box-shadow:var(--shadow-soft);background:#ffffff59;border-radius:18px}.benefits{gap:12px;margin:18px 0 14px;padding:0;font-size:20px;line-height:1.25;list-style:none;display:grid}.benefits li{color:#000000c7;align-items:flex-start;gap:12px;display:flex}.check{color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-weight:1000;display:inline-flex;box-shadow:0 6px 12px #0000002e}.check-yellow{background:#d8a020}.check-red{background:#c84a4a}.check-green{background:#2f7a3c}.free-word{color:#8a2d7a}.cta-banner{box-shadow:var(--shadow-soft);background:#ffffff8c;border:1px solid #0000001a;border-radius:16px;padding:14px 16px;font-size:18px}.site-footer{color:#fff;margin-top:26px;padding:18px 0}.footer-inner{text-align:center;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.footer-links a{color:#fff;font-size:12px}.footer-links a:hover{opacity:.7}.copyright{color:#fff;margin:0;font-size:12px}.footer-links .sep{color:#fff;margin:0 15px}@media (max-width:991px){body .footer-inner{justify-content:center}}@media (max-width:1100px){.auth-layout{grid-template-columns:1fr}.auth-promo{padding:0}.benefits{font-size:18px}}@media (max-width:900px){.primary-nav{padding:14px var(--gutter)16px;background:#112b45fa;flex-direction:column;justify-content:flex-start;gap:8px;display:none;position:absolute;top:74px;left:0;right:0;box-shadow:0 10px 20px #00000040}.primary-nav .nav-link{text-align:center;width:100%;padding:12px 10px}.nav-toggle{display:inline-flex}.header-inner{position:relative}body.nav-open .primary-nav{display:flex}}@media (max-width:560px){.page{padding-top:28px}.page-title{font-size:28px}.auth-panel{padding:18px 16px 14px}.tabpanel{padding:16px 14px 14px}.benefits{font-size:16px}}.hero{background:linear-gradient(#ffffff59,#fff0);padding:38px 0 34px}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:26px;display:grid}.hero-kicker{color:#1f2937d9;margin:0 0 6px;font-size:20px}.hero-title{letter-spacing:-.8px;margin:0;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.05}.hero-accent{color:var(--green)}.hero-subtitle{color:#1f2937cc;margin:14px 0 18px;font-size:18px;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-note{color:#1f2937a6;max-width:52ch;margin:14px 0 0;font-size:14px}.hero-media{justify-content:flex-end;display:flex}.hero-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.quickstart{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.label{margin-bottom:8px;font-size:14px;display:inline-block}.select{border:1px solid var(--border);background:#ffffffd9;border-radius:14px;width:100%;padding:12px;font-size:16px;box-shadow:0 6px 16px #0000000d}.select:focus{outline:var(--focus)}.subject-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.subject-tile{border-radius:var(--radius-md);box-shadow:var(--shadow-soft);color:#fff;border:1px solid #0000001a;grid-template-rows:auto auto;grid-template-columns:44px 1fr;gap:4px 12px;min-height:72px;padding:14px;text-decoration:none;display:grid}.subject-tile:focus{outline:var(--focus)}.subject-tile__icon{background:#ffffff2e;border-radius:12px;grid-row:span 2;place-items:center;width:44px;height:44px;display:grid}.subject-tile__icon img{width:28px;height:28px}.subject-tile__title{font-size:16px;font-weight:900;line-height:1.1}.subject-tile__cta{opacity:.95;font-size:13px;font-weight:700}.subject-tile--math{background:linear-gradient(180deg,var(--math),#214f1f)}.subject-tile--ela{background:linear-gradient(180deg,var(--ela),#9d4f10)}.subject-tile--science{background:linear-gradient(180deg,var(--science),#6e140f)}.subject-tile--social{background:linear-gradient(180deg,var(--social),#1f3765)}.card-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.card-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.audience-card{grid-template-columns:1.2fr .8fr;align-items:center;gap:14px;padding:20px;display:grid}.audience-card__body h3{margin:0 0 8px;font-size:22px}.audience-card__body p{color:#1f2937c7;margin:0 0 14px;line-height:1.55}.audience-card__media{justify-content:flex-end;align-items:center;display:flex}.audience-card__media img{border-radius:14px}.feature-card{grid-template-rows:auto auto 1fr auto;gap:8px;padding:18px;display:grid}.feature-card__icon{background:#1f293714;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.feature-card__icon img{filter:invert()drop-shadow(0 2px 3px #0000001f);width:26px;height:26px}.feature-card h3{margin:0;font-size:20px}.feature-card p{color:#1f2937c2;margin:0;line-height:1.55}.steps{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.step{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#ffffffd9;border:1px solid #00000014;padding:16px}.step h3{margin:0 0 6px;font-size:18px}.step p{color:#1f2937c7;margin:0;line-height:1.55}.trust{text-align:center;max-width:820px;margin:0 auto}.trust h2{margin:0 0 10px;font-size:clamp(1.4rem,2.3vw,2rem)}.trust p{color:#1f2937c2;max-width:70ch;margin:0 auto 14px}.trust-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.section{padding:56px 0}.section--tight{padding-top:18px}.section--muted{background:#ffffff8c;border-top:1px solid #0000000d;border-bottom:1px solid #0000000d}.section-header{text-align:center;max-width:760px;margin:0 auto 28px}.section-header h2{letter-spacing:-.3px;margin:0 0 8px;font-size:clamp(1.5rem,2.6vw,2.2rem)}.section-header p{color:var(--muted);margin:0}.topbar{background:url(/assets/textures/header-noise.png) repeat,linear-gradient(180deg,var(--brand-blue-700),var(--brand-blue-900));color:#fff;align-items:center;height:72px;display:flex;box-shadow:0 6px 18px #00000040}.topbar .inner{align-items:center;gap:18px;width:100%;display:flex}.brand{letter-spacing:.2px;align-items:center;gap:12px;font-weight:800;display:flex}.brand img{background:#fff;border-radius:10px;width:44px;height:44px;padding:6px}.brand .text{font-size:20px}.brand .text .k12{color:#7ee27b}.topnav{opacity:.95;gap:18px;margin-left:18px;font-weight:600;display:flex}.topnav a{border-radius:10px;padding:10px 8px}.topnav a[aria-current=page]{background:#ffffff24}.topbar .spacer{flex:1}.userpill{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;display:flex}.userpill .avatar{background:#fff;border-radius:50%;width:30px;height:30px;overflow:hidden}.userpill .avatar img{object-fit:cover;width:100%;height:100%}.userpill .meta{flex-direction:column;line-height:1.05;display:flex}.userpill .meta .name{font-size:13px;font-weight:800}.userpill .meta .role{opacity:.9;font-size:12px}.page{min-height:calc(100dvh - 155px);padding:26px 0 60px}.breadcrumbs{color:var(--muted);margin:10px 0 0;font-size:13px}.shell{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:18px;margin-top:18px;display:grid}.shell:has(>:nth-child(3)){grid-template-columns:260px minmax(0,1fr) 320px}@media (max-width:991px){.shell-teacher,.shell-admin,.shell,.shell.shell-classes,.shell{display:block!important}body .page-title{font-size:24px}.shell .right-panel{margin-top:20px}}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px}.cardHeader{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.cardHeader h2{letter-spacing:-.2px;margin:0;font-size:18px}.cardHeader .link{color:var(--muted);font-size:13px;font-weight:700}.cardBody{padding:16px}.sidebar{position:sticky;top:92px}.navlist{flex-direction:column;gap:8px;padding:12px;display:flex}.navitem{background:#ffffff6b;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:10px;padding:12px;font-weight:800;display:flex}.navitem svg{opacity:.9;width:18px;height:18px}.navitem.active{background:#2e77b826;border-color:#2e77b840}.navitem .badge{color:#fff;background:#c84b3de6;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:12px}.kpiRow{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kpi{color:#fff;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.kpi svg{opacity:.95;width:20px;height:20px;margin-top:1px}.kpi .value{font-size:26px;font-weight:900;line-height:1}.kpi .label{opacity:.95;font-size:12px;font-weight:800}.kpi .sub{opacity:.9;margin-top:6px;font-size:12px}.kpi.math{background:linear-gradient(180deg,#4aa35a,var(--math))}.kpi.alert{background:linear-gradient(#f1c54b,#d89a20)}.kpi.assign{background:linear-gradient(180deg,#e06654,var(--science))}.kpi.progress{background:linear-gradient(180deg,#3d8ad0,var(--social))}.subjectGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.subjectCard{background:#ffffff8c;border:1px solid #0000000f;border-radius:12px;padding:12px}.subjectCard .top{justify-content:space-between;align-items:center;gap:10px;display:flex}.subjectCard .name{font-weight:900}.subjectCard .pct{font-size:22px;font-weight:900}.subjectCard .bar{background:#00000014;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.subjectCard .bar>div{border-radius:999px;width:50%;height:100%}.subjectCard.math .bar>div{background:var(--math)}.subjectCard.ela .bar>div{background:var(--ela)}.subjectCard.science .bar>div{background:var(--science)}.subjectCard.social .bar>div{background:var(--social)}.list{flex-direction:column;gap:10px;display:flex}.activityItem{align-items:flex-start;gap:12px;display:flex}.activityItem .avatar{background:#fff;border:1px solid #00000014;border-radius:50%;flex:none;width:42px;height:42px;overflow:hidden}.activityItem .avatar img{width:100%;height:100%}.activityItem .main{flex:1}.activityItem .who{font-weight:900}.activityItem .msg{color:var(--muted);margin-top:2px;font-size:14px}.activityItem .meta{color:var(--muted);align-items:center;gap:10px;margin-top:6px;font-size:12px;font-weight:700;display:flex}.tag{background:#fff9;border:1px solid #00000014;border-radius:999px;align-items:center;padding:2px 8px;display:inline-flex}.actionList{flex-direction:column;gap:10px;display:flex}.actionBtn{background:#fff9;border:1px solid #00000014;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;font-weight:900;display:flex}.actionBtn svg{opacity:.8;width:18px;height:18px}.alertItem{background:#ffffff8c;border:1px solid #0000000f;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.alertItem .label{font-weight:900}.alertItem .due{color:var(--muted);font-size:12px;font-weight:800}.classList{flex-direction:column;gap:10px;display:flex}.classRow{background:#ffffff8c;border:1px solid #0000000f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.classRow .name{font-weight:900}.classRow .count{color:var(--muted);font-size:12px;font-weight:800}@media (max-width:1100px){.shell{grid-template-columns:220px minmax(0,1fr)}.rightcol{grid-column:2}}@media (max-width:860px){.hero,.shell{grid-template-columns:1fr}.sidebar{margin-bottom:30px;position:static}.kpiRow,.subjectGrid{grid-template-columns:repeat(2,1fr)}.pagination{flex-direction:column;gap:20px;padding:15px!important}.pagination span{font-size:12px}}@media (max-width:520px){.kpiRow,.subjectGrid{grid-template-columns:1fr}.topnav{display:none}}.modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--paper);border-radius:8px;width:90%;max-width:500px;max-height:calc(100vh - 40px);margin:auto;padding:30px;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-content h2{color:var(--navy);margin:0 0 20px;font-size:24px}.form-success{border:1px solid var(--green);color:var(--green);background:#2f5e2e1a;border-radius:6px;margin-bottom:20px;padding:12px 16px;font-weight:500}.ql-container{font-size:15px}.ql-editor{min-height:120px;max-height:300px;overflow-y:auto}.ql-editor.ql-blank:before{color:#0006;font-style:normal}.ql-toolbar{background:#00000005;border:1px solid #0000001f;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px}.ql-container{background:#fff;border:1px solid #0000001f;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.ql-snow .ql-stroke{stroke:#0009}.ql-snow .ql-fill{fill:#0009}.ql-snow .ql-picker-label{color:#000000b3}.ql-toolbar button:hover,.ql-toolbar button:focus,.ql-toolbar button.ql-active{color:var(--navy)}.ql-toolbar button:hover .ql-stroke,.ql-toolbar button:focus .ql-stroke,.ql-toolbar button.ql-active .ql-stroke{stroke:var(--navy)}.ql-toolbar button:hover .ql-fill,.ql-toolbar button:focus .ql-fill,.ql-toolbar button.ql-active .ql-fill{fill:var(--navy)}.auth-card-shadow{box-shadow:1px 2px 19px -7px gray}.text-blue{color:var(--navy)}.text-blue-2{color:#3d4869}.bg-brand-paper{background:linear-gradient(#f7f5f1,#ece7df);border:1px solid #0000000f}.bg-brand-paper:hover{text-decoration: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}.btn{cursor:pointer;letter-spacing:.2px;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:700;display:inline-flex;box-shadow:0 2px #0000001f}.btn:active{box-shadow:none;transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,#3a8147,var(--green-700));color:#fff;border-color:#00000014}.btn-secondary{border-color:var(--border);color:var(--ink-900);background:linear-gradient(#f6f4ef,#e8e3da)}.btn-danger{background:linear-gradient(180deg,#cc6a5c,var(--red-600));color:#fff;border-color:#00000014}.btn-small{border-radius:10px;padding:.45rem .65rem;font-size:.9rem}.btn-gold{background:linear-gradient(180deg,#e3c36b,var(--gold-600));color:#1b1b1b;border-color:#0000001f}.brand-logo{filter:drop-shadow(0 2px #00000026);width:56px;height:auto}.brand-text{font-family:var(--font-display);letter-spacing:.3px;align-items:baseline;font-size:28px;display:flex}.brand-text .k12{color:#5fe37b;margin:0 3px}.top-nav{flex-wrap:wrap;gap:14px;display:flex}.top-nav a{color:#fff;opacity:.92;font-weight:700;text-decoration:none}.top-nav a:hover{opacity:1;text-decoration:underline}.account-chip{justify-content:flex-end;align-items:center;gap:10px;min-width:220px;margin-left:auto;display:flex}.account-chip img{border:2px solid #ffffff59;border-radius:999px;width:44px;height:44px;box-shadow:0 2px #0000002e}.page{padding:26px 0 40px}.layout{max-width:var(--max-width);grid-template-columns:260px 1fr 320px;align-items:start;gap:20px;margin:0 auto;padding:0 18px;display:grid}@media (max-width:1080px){.layout{grid-template-columns:260px 1fr}.right-panel{grid-column:1/-1}}@media (max-width:740px){.layout{grid-template-columns:1fr}}.side-nav{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.side-nav .side-title{border-bottom:1px solid #0000000d;padding:16px 16px 12px}.side-nav .side-title .title{font-family:var(--font-display);margin:0;font-size:20px;font-weight:800}.side-nav .nav-list{flex-direction:column;gap:10px;margin:0;padding:10px;list-style:none;display:flex}.side-nav .nav-item{color:var(--ink-900);background:linear-gradient(#f7f5f1,#ece7df);border:1px solid #0000000f;border-radius:14px;align-items:center;gap:10px;padding:12px;font-weight:800;text-decoration:none;display:flex}.side-nav .nav-item .nav-icon{color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 2px #0000001f}.side-nav .nav-item.is-active{background:linear-gradient(180deg,#4b8b57,var(--green-700));color:#fff;border-color:#00000014}.side-nav .nav-item.is-active .nav-icon{background:#ffffff29}.side-nav .nav-icon.dashboard{background:linear-gradient(#142d46,#1e3e5d)}.side-nav .nav-icon.profile{background:linear-gradient(180deg,#3c8ad5,var(--blue-600))}.side-nav .nav-icon.security{background:linear-gradient(180deg,#e0c15e,var(--gold-600))}.side-nav .nav-icon.notifications{background:linear-gradient(180deg,#d76c5f,var(--red-600))}.side-nav .nav-icon.privacy{background:linear-gradient(#2f7d7a,#1f6b69)}.help-box{border-top:1px solid #0000000f;padding:14px 16px 18px}.help-box h3{font-family:var(--font-display);margin:0 0 8px;font-size:18px}.help-box p{color:var(--ink-700);margin:0;font-size:14px}.content{min-width:0}.page-title{color:var(--navy-900);margin:0 0 14px;font-size:34px;font-weight:700}.subtitle{margin:0 0 18px}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.card-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 10px;display:flex}.card-title{align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.card-title .badge{color:var(--navy-900);font-family:var(--font-sans);background:#2d3f5c14;border:1px solid #2d3f5c26;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:12px;font-weight:800;display:inline-flex}.card-body{padding:18px}.form{flex-direction:column;gap:14px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:740px){.grid-2{grid-template-columns:1fr}}.field .hint{color:var(--ink-500);margin:6px 0 0;font-size:13px;line-height:1.35}.input:focus,select:focus{border-color:#2d6db3b3;box-shadow:0 0 0 3px #2d6db326}.checkbox-list{flex-wrap:wrap;gap:10px 18px;padding:6px 0 0;display:flex}.checkbox{align-items:center;gap:8px;font-weight:700;display:flex}.actions{flex-wrap:wrap;gap:10px;padding-top:8px;display:flex}hr.sep{border:0;border-top:1px solid #00000014;margin:10px 0}.tabs{background:#0000000f;border-radius:14px;gap:10px;width:fit-content;max-width:100%;padding:2px;display:flex;overflow:auto}.tab{appearance:none;cursor:pointer;color:var(--ink-700);white-space:nowrap;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-weight:900;display:flex}.tab[aria-selected=true]{background:linear-gradient(180deg,#4b8b57,var(--green-700));color:#fff;box-shadow:0 2px #0000001f}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid #00000014;padding:10px}.table th{color:var(--ink-700);font-weight:900}.right-panel{min-width:0}.callout{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.callout img{width:100%;height:auto;display:block}.toast{color:#fff;background:#22324aeb;border-radius:14px;max-width:min(520px,100vw - 28px);padding:12px 14px;display:none;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000040}.toast.is-visible{display:block}.pill{color:var(--ink-700);background:#ffffffb3;border:1px solid #0000001a;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:12px;font-weight:900;display:inline-flex}.input,select{background:#fffc;border:1px solid #00000026;border-radius:12px;outline:none;width:100%;padding:12px;font-size:16px}.header-actions .btn-secondary:hover{color:#fff}.cmb-0{margin-bottom:0!important}@media (max-width:767px){.container{padding:0 15px}}