:root{--ink:#172033;--muted:#718096;--line:#e6eaf0;--bg:#f6f8fb;--navy:#142b4a;--purple:#6759dc;--teal:#118b75;--danger:#b94f43;--warning:#a66b0c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:70px;padding:0 5%;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--navy);color:#fff;font-size:20px}.brand strong,.brand small{display:block}.brand strong{font-size:13px}.brand small{margin-top:3px;color:#93a0b2;font-size:10px}.topnav{display:flex;align-items:center;gap:16px;font-size:12px}.topnav a{color:#5a687d}.user-pill{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#7a8798;font-size:11px}.logout-link{color:#b94f43!important}.page-shell{max-width:1280px;margin:0 auto;padding:32px 24px 54px}.site-footer{padding:22px 5%;border-top:1px solid var(--line);background:#fff;color:#97a2b1;text-align:center;font-size:11px}.alert{margin:0 0 18px;padding:12px 14px;border-radius:9px;border:1px solid}.alert-success{border-color:#b8e5d8;background:#edfbf6;color:#08735f}.alert-error{border-color:#f3c6bf;background:#fff2ef;color:#a94439}.alert-info{border-color:#c7dff5;background:#eff7ff;color:#336d9e}.hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.eyebrow{margin:0 0 7px;color:#8995a6;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700}.hero h1{margin:0;color:#20304a;font-size:28px;letter-spacing:-.04em}.hero p{margin:8px 0 0;color:#8995a6;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:700}.btn-primary{background:var(--purple);border-color:#5f52cd;color:#fff}.btn-primary:hover{background:#5548c7;text-decoration:none}.btn-secondary{background:#fff;border-color:var(--line);color:#5b687c}.btn-danger{background:#fff;border-color:#f0c5be;color:var(--danger)}.btn-small{padding:7px 10px;font-size:11px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-label{color:#7d899a;font-size:11px;font-weight:700}.stat-value{margin-top:12px;color:#1c2b43;font-size:26px;font-weight:700}.stat-meta{margin-top:5px;color:#9aa5b3;font-size:11px}.positive{color:var(--teal);font-weight:700}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{margin-top:18px}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:16px}.panel-head h2{margin:0;color:#2a3a53;font-size:16px}.panel-head p{margin:5px 0 0;color:#97a2b1;font-size:11px}.filters{display:flex;gap:10px;align-items:center;margin-bottom:14px}.search-input,.input,.select,.textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344258;outline:none}.search-input:focus,.input:focus,.select:focus,.textarea:focus{border-color:#8d84e7;box-shadow:0 0 0 3px #6759dc18}.search-input{max-width:360px}.select{height:39px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;min-width:850px}th{padding:11px 13px;text-align:left;background:#fbfcfe;border-bottom:1px solid var(--line);color:#98a3b1;font-size:10px;text-transform:uppercase;letter-spacing:.06em}td{padding:13px;border-top:1px solid #f0f2f5;color:#536177;font-size:12px;vertical-align:top}.row-title{font-weight:700;color:#33435a}.muted{color:#96a1af;font-size:11px}.badge{display:inline-flex;width:max-content;padding:4px 8px;border-radius:99px;border:1px solid;font-size:10px;font-weight:700}.badge-success{border-color:#bce7d8;background:#ecfbf5;color:#087c64}.badge-danger{border-color:#f2c3bb;background:#fff1ef;color:#b44d42}.badge-warning{border-color:#f2d18c;background:#fff8e7;color:#a66b0c}.badge-info{border-color:#c7ddf3;background:#eff7fe;color:#3479bd}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{display:grid;gap:7px}.form-group.full{grid-column:1/-1}.form-label{color:#69768a;font-size:11px;font-weight:700}.textarea{min-height:90px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.notice{padding:12px 14px;border-radius:9px;background:#f7f8fb;color:#68768a;font-size:12px;line-height:1.5}.login-wrap{max-width:440px;margin:55px auto}.login-wrap .card{padding:28px}.login-wrap h1{margin:0;color:#23334d;font-size:23px}.login-wrap p{color:#8995a6;font-size:12px;line-height:1.5}.login-logo{width:46px;height:46px;display:grid;place-items:center;margin-bottom:15px;border-radius:13px;background:var(--navy);color:#fff;font-size:24px}.login-form{display:grid;gap:14px;margin-top:22px}.kpi-note{margin-top:7px;color:#9aa5b3;font-size:11px}.assignment-list{display:grid;gap:10px}.assignment-row{padding:12px;border:1px solid var(--line);border-radius:9px;display:flex;justify-content:space-between;gap:15px;align-items:center}.assignment-row strong{display:block;color:#3a4a61;font-size:12px}.assignment-row span{display:block;margin-top:4px;color:#97a2b1;font-size:11px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:17px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-label{display:block;color:#98a3b1;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.detail-value{display:block;margin-top:5px;color:#405069;font-size:12px;line-height:1.4}.inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-form .select{width:auto;min-width:150px}.small-table{min-width:700px}.csv-help{margin-top:12px;padding:12px;background:#f7f8fb;border-radius:8px;color:#748197;font-size:11px;line-height:1.55}.csv-help code{color:#4d58a5}.empty{padding:30px;text-align:center;color:#98a3b1}.links-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.topnav{gap:8px}.user-pill{display:none}}@media(max-width:650px){.topbar{height:auto;padding:16px 20px;align-items:flex-start;flex-direction:column}.topnav{width:100%;flex-wrap:wrap}.page-shell{padding:24px 14px 42px}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:24px}.hero .btn{width:100%}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px}.stat-value{font-size:22px}.filters{align-items:stretch;flex-direction:column}.search-input{max-width:none}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.detail-grid{grid-template-columns:1fr 1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}