:root{--bg:#0f1115;--panel:#151922;--border:#2a3140;--text:#f4f6f8;--muted:#98a2b2;--soft:#c8d0dc;--green:#3ddc97;--orange:#f2b84b;--red:#ff6b6b;--shadow:0 20px 60px rgba(0,0,0,.3)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#0b0d11 0%,#11141a 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}[hidden]{display:none!important}button{cursor:pointer}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:var(--shadow)}
.brand-lockup{display:flex;gap:14px;align-items:center}.brand-lockup h1{font-size:22px;margin:0}.brand-lockup p{margin:3px 0 0;color:var(--muted)}.brand-mark{width:42px;height:42px;border-radius:12px;background:#fff;color:#111318;display:grid;place-items:center;font-weight:900}
.brand-lockup.compact h1{font-size:17px}.brand-lockup.compact p{font-size:11px}.brand-lockup.compact .brand-mark{width:36px;height:36px;border-radius:10px}
.auth-form{display:grid;gap:16px;margin-top:28px}.auth-form label span{display:block;font-size:12px;color:var(--soft);margin-bottom:6px}
input,select{width:100%;background:#11151d;border:1px solid var(--border);color:var(--text);border-radius:11px;padding:11px 12px;outline:none}.button{border:0;border-radius:10px;padding:10px 14px;font-weight:750}.button.primary{background:#fff;color:#111318}.button.ghost{background:#1a202a;color:var(--soft);border:1px solid var(--border)}
.form-error{margin:0;color:#ff9292;font-size:12px}
.topbar{max-width:1500px;margin:12px auto 0;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;background:rgba(21,25,34,.95);border:1px solid var(--border);border-radius:15px;position:sticky;top:10px;z-index:20;box-shadow:var(--shadow)}
.topbar-user{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.container{max-width:1500px;margin:0 auto;padding:26px 18px 48px}
.page-heading{display:flex;gap:24px;justify-content:space-between;align-items:end;margin-bottom:18px}.page-heading h2{margin:0 0 5px;font-size:28px}.page-heading p{margin:0;color:var(--muted)}
.summary-cards{display:flex;gap:9px;flex-wrap:wrap}.summary-card{min-width:115px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:11px}.summary-card strong{display:block;font-size:18px}.summary-card span{font-size:11px;color:var(--muted)}
.attention-card{background:linear-gradient(135deg,#1a1f2a,#171b24);border:1px solid #35405a;border-radius:20px;padding:22px;margin-bottom:18px;box-shadow:var(--shadow)}
.eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#aab5ff;font-weight:850}.attention-grid{display:grid;grid-template-columns:1.25fr 1fr .9fr;gap:24px;margin-top:12px}.attention-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.attention-title h3{font-size:26px;margin:0}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.tag{font-size:11px;padding:5px 8px;border:1px solid #323b4d;background:#202635;color:#ccd4e4;border-radius:8px}
.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:850;border:1px solid}.status.green{color:#79e8b5;border-color:rgba(61,220,151,.28);background:rgba(61,220,151,.1)}.status.orange{color:#ffd37e;border-color:rgba(242,184,75,.28);background:rgba(242,184,75,.1)}.status.red{color:#ff9a9a;border-color:rgba(255,107,107,.28);background:rgba(255,107,107,.1)}
.metric-label{font-size:11px;color:var(--muted);margin-bottom:5px}.metric-main{font-size:18px;font-weight:850}.metric-sub{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.45}.progress-row{display:flex;justify-content:space-between;font-size:11px;color:var(--soft);margin:9px 0 6px}.progress{height:8px;background:#2b313d;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#7788ff,#a37cff)}.progress.over i{background:linear-gradient(90deg,#ffb45f,#ff6b6b)}
.action-preview{background:#11151d;border:1px solid #2b3343;border-radius:13px;padding:13px}.action-preview strong{display:block;font-size:13px;margin-bottom:5px}.action-preview span{font-size:11px;color:var(--muted)}
.controls{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;margin:14px 0 10px}.list-header,.client-row{display:grid;grid-template-columns:1.35fr .95fr .85fr .8fr 1.15fr 42px;gap:12px;align-items:center}.list-header{padding:0 16px 7px;font-size:10px;color:var(--muted);text-transform:uppercase}
.client-card{border:1px solid var(--border);background:var(--panel);border-radius:14px;margin-bottom:9px;overflow:hidden}.client-row{padding:15px 16px;cursor:pointer}.client-row:hover{background:#191e28}.name-wrap{display:flex;gap:10px;align-items:center}.name-wrap b{display:block}.name-wrap small,.cell small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px}.dot.green{background:var(--green)}.dot.orange{background:var(--orange)}.dot.red{background:var(--red)}.cell{font-size:12px;color:var(--soft)}.hours-inline{display:flex;gap:8px;align-items:center}.mini-progress{width:72px;height:6px;background:#2b313e;border-radius:99px;overflow:hidden}.mini-progress i{display:block;height:100%;background:#8796ff}
.expand-button{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center;color:var(--muted);transition:.2s}.client-card.open .expand-button{transform:rotate(180deg)}.client-detail{display:none;border-top:1px solid var(--border);background:#11151d;padding:18px}.client-card.open .client-detail{display:block}
.detail-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}.info-card{background:#171c25;border:1px solid #282f3d;border-radius:13px;padding:14px}.info-card h4{margin:0 0 10px;font-size:12px}.info-card .big{font-size:18px;font-weight:850}.info-card p{margin:5px 0 0;color:var(--muted);font-size:11px}.discipline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.discipline-item{background:#11151d;border:1px solid #2b3240;border-radius:9px;padding:9px}.discipline-item b{display:block;font-size:13px}.discipline-item span{font-size:10px;color:var(--muted)}
.detail-columns{display:grid;grid-template-columns:.9fr 1.4fr;gap:16px}.section{background:#171c25;border:1px solid #282f3d;border-radius:13px;padding:14px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.section-heading h4{margin:0;font-size:12px}.text-button{background:none;border:0;color:#aab5ff;padding:0;font-size:11px;font-weight:700}.action-item,.log-item{padding:11px 0;border-bottom:1px solid #252c38}.action-item:last-child,.log-item:last-child{border-bottom:0}.log-title{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.pill{font-size:9px;padding:3px 6px;border:1px solid #394255;border-radius:999px;color:#bec8d8}.log-body{font-size:11px;color:#c4ccd9;line-height:1.5;margin-top:5px}.meta{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.45}.empty-inline,.empty-state{color:var(--muted);font-size:11px;padding:12px 0}.empty-state{text-align:center;padding:30px}
.loading-line{height:12px;background:#222a35;border-radius:6px;margin:7px 0}
.modal-backdrop{position:fixed;inset:0;background:rgba(5,7,10,.72);z-index:100;display:grid;place-items:center;padding:24px}.modal{width:min(1050px,100%);max-height:88vh;background:#11151d;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column}.modal-header{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:4px 0 0;font-size:20px}.icon-button{border:1px solid var(--border);background:#1a202a;color:var(--text);width:34px;height:34px;border-radius:9px;font-size:20px}.modal-toolbar{display:grid;grid-template-columns:220px 1fr;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border)}.modal-content{padding:8px 20px 22px;overflow:auto}.modal-row{padding:14px 0;border-bottom:1px solid #252c38}.modal-row:last-child{border-bottom:0}.modal-row h4{margin:0;font-size:13px}.modal-row p{font-size:11px;color:#c4ccd9;line-height:1.55;margin:6px 0}.toast{position:fixed;right:18px;bottom:18px;background:#181e28;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:11px;padding:12px 14px;color:var(--soft);font-size:11px;z-index:200}
@media(max-width:1000px){.attention-grid{grid-template-columns:1fr}.list-header{display:none}.client-row{grid-template-columns:1.4fr 1fr 1fr 42px}.optional{display:none}.detail-top,.detail-columns{grid-template-columns:1fr}}
@media(max-width:680px){.topbar{margin:6px 8px 0}.topbar-user span{display:none}.container{padding:18px 10px 36px}.page-heading{align-items:flex-start;flex-direction:column}.summary-cards{width:100%}.summary-card{flex:1}.controls{grid-template-columns:1fr}.client-row{grid-template-columns:1fr 42px}.client-row .cell{display:none}.discipline-grid{grid-template-columns:1fr 1fr}.modal-backdrop{padding:8px}.modal-toolbar{grid-template-columns:1fr}}