.portal{--navy:#102d64;--blue:#194faf;--gold:#ffca45;--muted:#78869d;--line:#e4eaf3;color:var(--navy);background:#f5f7fc;min-height:100vh;font-size:14px;line-height:1.5}.portal h1,.portal h2,.portal h3,.portal p{margin:0}.portal a{text-decoration:none}.portal button{color:inherit;background:0 0;border:0}.portal svg{flex-shrink:0}.portal .eyebrow{letter-spacing:1.8px;color:#7b8ca7;margin-bottom:12px;font-size:10px;font-weight:700}.portal-brand{align-items:center;gap:12px;display:flex}.portal-brand strong{letter-spacing:1px;white-space:nowrap;font-size:17px;display:block}.portal-brand small{letter-spacing:2px;color:#8190a8;margin-top:1px;font-size:8px;font-weight:700;display:block}.portal-logo{background:#fff;border-radius:10px;width:52px;height:52px;display:block;position:relative;overflow:hidden}.portal-logo img{width:76px;max-width:none;height:76px;position:absolute;top:-9px;left:-12px}.portal .primary,.portal .secondary{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:12px 18px;font-size:13px;font-weight:700;transition:background .2s;display:inline-flex}.portal .primary{background:var(--blue);color:#fff}.portal .primary:hover{background:#103d91}.portal .secondary{color:var(--blue);background:#eef3fb;border:1px solid #dce5f3}.portal .secondary:hover{background:#e0eafa}.portal .link-button{margin-top:24px}.portal .panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 3px 10px #102d6403}.portal form label{color:#304a72;margin-bottom:17px;font-size:12px;font-weight:700;display:block}.portal input,.portal select,.portal textarea{width:100%;color:var(--navy);min-height:43px;box-shadow:none;background:#fff;border:1px solid #dce3ee;border-radius:7px;outline:none;margin-top:7px;padding:11px 12px;font-size:13px;display:block}.portal input:focus,.portal select:focus,.portal textarea:focus{border-color:#194faf;box-shadow:0 0 0 3px #194faf14}.portal input::placeholder{color:#9aa6b8}:is(.portal button:focus-visible,.portal a:focus-visible){outline-offset:4px;outline:3px solid #ffca45}.portal .password-input{position:relative}.portal .password-input input{padding-right:45px}.portal .password-input button{color:#8795aa;padding:8px;position:absolute;top:5px;right:8px}.portal .hint{color:var(--muted);margin:4px 0 16px;font-size:11px;line-height:1.7}.portal .error{color:#a92631;background:#fff0f1;border:1px solid #f3d3d7;border-radius:8px;margin-bottom:16px;padding:12px;font-size:12px}.portal .success{color:#276848;background:#ecf8f1;border:1px solid #cce9d8}.portal .banner{border-radius:8px;align-items:center;gap:9px;margin-bottom:22px;padding:12px 16px;display:flex}.portal .login-page{background:#f7f9fd;min-height:100vh}.login-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:24px 6%;display:flex}.login-header>a{align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.login-main{grid-template-columns:1.1fr 1fr;align-items:center;gap:90px;max-width:1140px;margin:auto;padding:70px 35px 80px;display:grid}.login-intro{padding-bottom:25px;position:relative}.login-intro h1{letter-spacing:-1.8px;font-size:49px;line-height:1.14}.login-intro h1 em{color:#194faf;font-family:Georgia,serif;font-weight:400}.login-intro>p:not(.eyebrow){color:#74849d;max-width:330px;margin-top:25px;font-size:15px;line-height:1.8}.login-features{gap:23px;margin-top:40px;display:grid}.login-features>div{align-items:center;gap:15px;display:flex}.login-features svg{box-sizing:content-box;color:#194faf;background:#eaf0fa;border-radius:11px;width:21px;height:21px;padding:12px}.login-features strong{font-size:13px;display:block}.login-features small{color:#8693a9;margin-top:4px;font-size:11px;display:block}.login-flower{color:var(--gold);font-size:100px;line-height:1;position:absolute;bottom:15px;right:-5px;transform:rotate(15deg)}.portal .login-card{margin:0;padding:35px;box-shadow:0 15px 60px #102d6408}.login-lock{color:#194faf;background:#edf2fb;border-radius:12px;margin-bottom:19px;padding:13px;display:inline-flex}.login-card h2{letter-spacing:-.5px;font-size:24px}.login-card>p{color:#8b97aa;margin:10px 0 26px;font-size:12px;line-height:1.7}.login-card .primary{justify-content:space-between;width:100%;margin-top:4px}.portal .login-help{text-align:center;color:#8b97aa;margin:22px 0;font-size:11px;line-height:1.9}.login-help a{color:#194faf;align-items:center;gap:3px;font-weight:700;display:inline-flex}.login-setup{text-align:center;color:#8c99ae;border-top:1px solid #e9edf5;padding-top:19px;font-size:10px}.login-footer{text-align:center;color:#9aa6b8;padding:25px;font-size:10px}.portal .loading{flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex}.dashboard{display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:250px;padding:30px 22px 20px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:auto}.sidebar .portal-brand{gap:9px}.sidebar .portal-brand strong{font-size:15px}.sidebar .portal-brand small{font-size:7px}.workspace-tag{color:#7183a0;background:#f9fbfd;border:1px solid #e7edf5;border-radius:8px;align-items:center;gap:9px;margin:32px 0 20px;padding:11px;font-size:11px;font-weight:700;display:flex}.sidebar nav{gap:7px;display:grid}.sidebar nav button{color:#7b8ba4;text-align:left;border-radius:8px;align-items:center;gap:11px;padding:13px 12px;font-size:12px;display:flex}.sidebar nav button.active{color:#194faf;background:#eef3fd;font-weight:700}.sidebar nav button svg:last-child:not(:first-child){margin-left:auto}.sidebar nav button:hover{background:#f4f7fc}.sidebar-bottom{margin-top:auto;padding-top:45px}.help-box{color:#fff;background:#102d64;border-radius:10px;padding:20px 16px;position:relative}.help-box>svg{color:#ffca45;margin-bottom:8px}.help-box strong{font-family:Georgia,serif;font-size:20px;font-weight:400;display:block}.portal .help-box p{color:#b1c0db;margin:8px 0 15px;font-size:10px;line-height:1.7}.help-box a{color:#ffca45;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.site-back{color:#8594ac;align-items:center;gap:8px;padding:20px 8px 0;font-size:11px;display:flex}.dashboard-body{width:calc(100% - 250px);margin-left:250px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:84px;padding:0 38px;display:flex}.topbar-title{color:#95a1b4;letter-spacing:2px;font-size:9px;font-weight:700}.user-chip{align-items:center;gap:11px;display:flex}.avatar{color:#9c7612;background:#fff3d2;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;font-weight:700;display:flex}.user-chip strong{font-size:11px;display:block}.user-chip small{color:#8a97ab;font-size:9px;display:block}.user-chip button{color:#8d9ab0;border-left:1px solid #e6ebf3;margin-left:10px;padding:5px 0 5px 18px}.dashboard-main{max-width:1320px;margin:auto;padding:35px 38px 20px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.portal .page-heading .eyebrow{margin-bottom:9px;font-size:9px}.page-heading h1{letter-spacing:-.7px;font-size:29px;line-height:1.3}.portal .page-heading p:not(.eyebrow){color:#8a97aa;margin-top:8px;font-size:12px}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:11px;justify-content:space-between;gap:10px;padding:21px;display:flex}.stat>div>span{color:#8493aa;font-size:11px}.stat strong{letter-spacing:-1px;margin:13px 0 7px;font-size:30px;line-height:1.2;display:block}.stat small{color:#9aa6b8;font-size:9px}.stat-icon{color:#194faf;background:#edf2fc;border-radius:10px;height:38px;padding:10px;display:inline-flex}.stat-icon svg{width:18px;height:18px}.stat:last-child .stat-icon{color:#b5911e;background:#fff5d9}.group-select{align-items:center;gap:16px;margin-bottom:20px;display:flex}.group-select label{color:#7b8aa3;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.portal .group-select select{background:#fff;width:auto;min-width:230px;max-width:100%;margin:0}.panel-heading{border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:center;gap:15px;padding:23px 25px;display:flex}.panel-heading h2{letter-spacing:-.2px;font-size:16px}.portal .panel-heading p{color:#8c99ac;margin-top:5px;font-size:10px}.badge{color:#7b8eae;white-space:nowrap;background:#f0f4fb;border-radius:5px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.table-wrap{width:100%;overflow-x:auto}.portal table{border-collapse:collapse;text-align:left;white-space:normal;width:100%;min-width:500px;font-size:12px}.portal th{color:#9aa6b7;letter-spacing:.4px;background:#fafbfd;font-size:9px;font-weight:600}.portal th,.portal td{border-bottom:1px solid #edf0f6;padding:16px 25px}.portal tbody tr:last-child td{border-bottom:0}.portal td{color:#6d7e98}.table-name{color:#30496f;font-size:12px;font-weight:700}.portal td small{color:#9aa6b8;margin-top:4px;font-size:9px;display:block}.score-badge{color:#3d866b;white-space:nowrap;background:#eff7f4;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:700}.note-cell{overflow-wrap:anywhere;max-width:320px;font-size:11px}.empty{text-align:center;max-width:520px;margin:auto;padding:50px 25px}.empty>span{color:#8fa5c6;background:#f0f4fb;border-radius:14px;margin-bottom:17px;padding:15px;display:inline-flex}.empty h3{font-size:16px;font-weight:600}.portal .empty p{color:#929fb2;margin-top:9px;font-size:12px;line-height:1.8}.empty-action{justify-content:center;padding-bottom:35px;display:flex}.chart{padding:25px 25px 10px}.chart svg{width:100%;max-height:270px;display:block}.chart .hint{text-align:center;margin:8px 0 10px;font-size:9px}.compact-label{color:#97a3b5;font-size:9px}.portal .compact-label select{max-width:300px;min-height:36px;margin-top:4px;font-size:11px}.ranking-summary{color:#194faf;background:#f8faff;align-items:center;gap:10px;padding:18px 25px;display:flex}.ranking-summary strong{font-size:12px}.ranking-summary span{color:#8b9bb5;margin-left:auto;font-size:10px}.rank{color:#8091aa;background:#f4f6fa;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.rank-1{color:#aa7d0e;background:#fff2c5}.rank-2{color:#68758c;background:#e9eff8}.rank-3{color:#a57d64;background:#f8ebe2}.my-row{background:#f1f6ff}.you{color:#194faf;background:#e0eaff;border-radius:4px;margin-left:10px;padding:2px 6px;font-size:8px;display:inline-block}.result-meter{align-items:center;gap:12px;min-width:120px;font-size:11px;display:flex}.result-meter i{background:#edf1f7;border-radius:5px;width:90px;height:5px;display:block;overflow:hidden}.result-meter b{background:#305fac;border-radius:5px;height:100%;display:block}.portal .table-footnote{color:#99a5b8;background:#fafbfd;border-top:1px solid #edf0f6;padding:17px 25px;font-size:9px;line-height:1.7}.test-list article{border-bottom:1px solid #edf0f6;align-items:center;gap:14px;padding:20px 25px;display:flex}.test-list article:last-child{border:0}.test-icon{color:#738fb9;background:#eff3fb;border-radius:10px;padding:11px;display:inline-flex}.test-icon svg{width:20px;height:20px}.test-list article>div{flex:1}.test-list h3{font-size:13px}.portal .test-list p{color:#9aa6b8;margin-top:5px;font-size:10px}.test-list .secondary{min-height:34px;padding:7px 10px;font-size:10px}.portal .icon-button{padding:8px;display:flex}.portal .danger{color:#b98589}.assessment-form .form-grid{padding:24px 25px 4px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid.three{grid-template-columns:2fr 1fr 1fr}.form-info{color:#7e91b0;background:#f9fbff;align-items:center;gap:9px;margin-bottom:12px;padding:10px 25px;font-size:10px;display:flex}.portal .assessment-form .score-input{width:90px;margin:0}.portal .assessment-form td input,.portal .assessment-form td label{margin:0}.form-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:22px 25px;display:flex}.portal .form-actions p{color:#97a5bb;font-size:10px}.section-tabs{gap:8px;margin-bottom:24px;display:flex}.section-tabs button{border:1px solid var(--line);color:#8d9bb1;background:#fff;border-radius:7px;align-items:center;gap:7px;padding:10px 16px;font-size:11px;display:flex}.section-tabs button.active{color:#194faf;background:#eaf1ff;border-color:#d6e2f7;font-weight:700}.manage-grid{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.padded-form{padding:25px}.setup-guide{background:#fafbfd;border:1px solid #edf0f6;border-radius:8px;margin:0 25px 25px;padding:15px}.setup-guide h3{margin-bottom:12px;font-size:11px}.portal .setup-guide p{color:#95a3b8;align-items:center;gap:8px;margin:8px 0;font-size:10px;display:flex}.setup-guide b{color:#194faf;background:#e9f0fc;border-radius:4px;padding:1px 6px}.narrow-form{max-width:450px;padding:25px}.narrow-form h3{margin-bottom:23px;font-size:14px}.dashboard-footer{color:#9aa8bd;border-top:1px solid #e4eaf3;justify-content:space-between;gap:15px;margin-top:30px;padding:18px 0 4px;font-size:9px;display:flex}.setup-wrap{max-width:600px;margin:auto;padding:50px 20px}.setup-wrap .back{color:#8a99b2;margin-bottom:25px;font-size:12px;display:inline-block}.setup-card{padding:35px}.setup-card h1{letter-spacing:-.7px;font-size:26px}.portal .setup-card>p:not(.eyebrow){color:#8c9ab0;margin:16px 0 25px;font-size:13px;line-height:1.8}.setup-card form{margin-top:25px}@media (min-width:1500px){.dashboard-main{padding-top:45px}.login-main{padding-top:100px}.login-intro h1{font-size:57px}}@media (max-width:1100px){.sidebar{width:218px;padding:25px 15px}.dashboard-body{width:calc(100% - 218px);margin-left:218px}.dashboard-main{padding:28px 24px}.topbar{padding:0 24px}.stat{padding:17px}.stat-icon{display:none}.portal th,.portal td{padding:15px 18px}.login-main{gap:45px}.login-intro h1{font-size:43px}.login-flower{font-size:65px;right:0}.manage-grid{grid-template-columns:1fr}.manage-grid .panel{margin-bottom:0}.manage-grid{margin-bottom:24px}}@media (max-width:800px){.dashboard{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:16px 20px;display:block;position:static}.sidebar .portal-brand{float:left}.workspace-tag{float:right;margin:9px 0 0;font-size:10px}.sidebar nav{clear:both;gap:5px;padding-top:16px;display:flex;overflow:auto}.sidebar nav button{white-space:nowrap;flex-shrink:0;padding:10px;font-size:10px}.sidebar nav button svg{width:16px}.sidebar nav button svg:last-child:not(:first-child),.sidebar-bottom{display:none}.dashboard-body{width:100%;margin:0}.topbar{height:62px}.dashboard-main{padding:25px 20px}.page-heading h1{font-size:25px}.page-heading{margin-bottom:24px}.login-main{grid-template-columns:1fr;gap:35px;max-width:550px;padding:40px 25px}.login-intro h1{font-size:42px}.login-intro{padding:0}.login-features{display:none}.login-flower{bottom:10px;right:10px}.login-intro>p:not(.eyebrow){margin-top:14px}.login-card{padding:27px!important}.login-header{padding:17px 25px}.login-footer{padding:20px}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid.three>label:first-child{grid-column:1/-1}.topbar-title{font-size:8px}.page-heading>.primary{white-space:nowrap;padding:10px 13px;font-size:10px}.panel-heading{padding:20px}.stats{gap:10px}.stat{padding:14px}.stat>div>span{font-size:9px}.stat strong{font-size:25px}.stat small{font-size:8px}}@media (max-width:520px){.portal-brand strong{font-size:14px}.portal-brand small{font-size:7px}.portal-logo{width:43px;height:43px}.portal-logo img{width:63px;height:63px;top:-8px;left:-10px}.workspace-tag{gap:5px;padding:8px;font-size:8px}.workspace-tag svg{width:13px}.sidebar{padding:14px 15px}.dashboard-main{padding:23px 15px}.topbar{padding:0 15px}.topbar-title{letter-spacing:1px}.user-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:135px;font-size:10px;overflow:hidden}.user-chip small{font-size:8px}.avatar{width:29px;height:29px;font-size:12px}.user-chip{gap:7px}.user-chip button{margin-left:2px;padding-left:10px}.page-heading{display:block}.page-heading>.primary{margin-top:15px}.page-heading h1{font-size:24px}.portal .page-heading p:not(.eyebrow){font-size:11px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.stat{padding:12px 10px}.stat>div>span{font-size:8px}.stat strong{margin:10px 0 5px;font-size:24px}.stat small{display:none}.group-select{gap:10px}.portal .group-select select{width:100%;min-width:0;font-size:11px}.group-select label{font-size:10px}.panel-heading{align-items:flex-start;padding:18px}.panel-heading h2{font-size:14px}.panel-heading .primary{white-space:nowrap;min-height:36px;padding:9px 12px;font-size:10px}.portal .panel-heading p{font-size:9px}.panel-heading .compact-label{max-width:55%}.portal .compact-label select{width:100%;padding:8px;font-size:10px}.ranking-summary{flex-wrap:wrap;padding:15px 18px}.ranking-summary span{width:100%;margin:0 0 0 30px;font-size:9px}.portal .empty{padding:35px 20px}.empty h3{font-size:14px}.portal .empty p{font-size:11px}.chart{padding:18px 8px 10px}.portal .chart .hint{font-size:8px}.form-grid{grid-template-columns:1fr;gap:0}.form-grid.three{gap:10px}.padded-form{padding:20px}.form-actions{padding:20px;display:block}.form-actions .primary{width:100%;margin-top:15px}.form-info{padding:12px 18px;font-size:9px}.test-list article{flex-wrap:wrap;gap:10px;padding:16px}.test-list article>div{min-width:180px}.test-list .secondary{margin-left:52px}.dashboard-footer{font-size:8px;display:block}.dashboard-footer span{margin-top:7px;display:block}.login-intro h1{letter-spacing:-1.2px;font-size:36px}.login-flower{font-size:50px;bottom:25px;right:0}.login-intro>p:not(.eyebrow){max-width:260px;font-size:12px}.login-header{padding:15px 20px}.login-header>a{font-size:10px}.login-main{padding:35px 20px}.setup-card{padding:25px}.setup-card h1{font-size:23px}.portal .login-card{padding:25px}.login-card h2{font-size:22px}}.portal .credential-button{margin-bottom:20px;font-size:11px}.portal .field-help{color:#8595ae;margin-top:6px;font-size:10px;font-weight:400;line-height:1.6;display:block}.created-account{overflow-wrap:anywhere;background:#f0faf5;border:1px solid #cee7d9;border-radius:9px;margin:0 25px 25px;padding:18px}.created-account h3{color:#286b4c;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.portal .created-account p{color:#496855;margin:6px 0;font-size:12px}.created-account .secondary{min-height:34px;margin-top:12px;padding:8px 12px;font-size:10px}.created-account small{color:#6f907f;margin-top:12px;font-size:9px;display:block}.portal .delete-test-button{color:#a12c39;background:#fff4f5;border-color:#f0d1d6}.portal .delete-test-button:hover{background:#ffe7eb}.question-editor{background:#f8faff;border:1px solid #dfe5ef;border-radius:14px;padding:20px}.question-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.question-heading h3{margin:0}.question-item{background:#fff;border:1px solid #dfe5ef;border-radius:10px;gap:14px;margin:16px 0;padding:18px;display:grid}.question-buttons{gap:6px;display:flex}.question-buttons .secondary{padding:8px 10px}.question-item label{margin:0}@media (max-width:600px){.question-editor,.question-item{padding:14px}.question-buttons .secondary{font-size:11px}}.portal .classroom-entry{color:#517dbf;background:#eef4ff;border:1px solid #dce6f6;border-radius:9px;align-items:center;gap:10px;margin:14px 18px;padding:13px 15px;font-size:12px;font-weight:700;display:flex}.portal .classroom-entry svg:last-child{margin-left:auto}