:root{--bg:#f5f7fb;--panel:#fff;--line:#e6eaf0;--ink:#152033;--muted:#6c778a;--primary:#1e5eff;--success:#14804a;--danger:#c93939;--warning:#8a6500;--shadow:0 10px 30px rgba(19,35,62,.07)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh}.topbar{height:72px;background:#10213b;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 2px 12px rgba(0,0,0,.16)}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:10px;background:#fff;color:#10213b;display:grid;place-items:center;font-size:21px;font-weight:800}.brand-mark.large{width:52px;height:52px;font-size:28px}.brand{font-weight:800;letter-spacing:.2px}.brand.big{font-size:21px}.brand-sub{font-size:12px;opacity:.72}.top-actions{display:flex;align-items:center;gap:10px;font-size:13px}.live-dot{width:8px;height:8px;border-radius:50%;background:#32d583;box-shadow:0 0 0 4px rgba(50,213,131,.13)}.user-chip{padding:8px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 72px)}.sidebar{padding:20px 14px;background:#fff;border-right:1px solid var(--line)}.nav-link{display:block;padding:12px 14px;border-radius:9px;margin-bottom:6px;color:#425066;font-weight:600}.nav-link:hover,.nav-link.active{background:#edf3ff;color:var(--primary)}.content{padding:24px;max-width:1600px;width:100%;margin:0 auto}.page-head,.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.page-head{margin-bottom:20px}.page-head h1{margin:0 0 5px}.page-head p{margin:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px}.filters{margin-bottom:18px}.filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:end}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#445167}input,select,textarea{font:inherit;border:1px solid #d9dfe9;border-radius:9px;padding:10px 11px;color:var(--ink);background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#9db8ff;box-shadow:0 0 0 3px rgba(30,94,255,.09)}.btn{border:0;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{filter:brightness(.95)}.btn-ghost{background:#fff;color:#354158;border:1px solid #d9dfe9}.btn.full{width:100%;margin-top:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat span{font-size:13px;color:var(--muted)}.stat strong{display:block;font-size:30px;margin-top:8px}.records-card{margin-bottom:18px}.table-wrap{overflow:auto;margin-top:14px}.table-wrap table{width:100%;border-collapse:collapse;min-width:1050px}.table-wrap th,.table-wrap td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px;white-space:nowrap}.table-wrap th{color:#5f6b7d;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.clickable:hover{background:#f7f9fd;cursor:pointer}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.badge.success{background:#e6f7ee;color:var(--success)}.badge.danger{background:#fdecec;color:var(--danger)}.muted{color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:flex;justify-content:space-between;padding:10px 12px;background:#f7f9fd;border-radius:9px}.shift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shift-panel{padding:16px;border:1px solid var(--line);border-radius:11px;background:#fbfcff}.shift-panel span,.shift-panel small{display:block}.shift-panel strong{display:block;font-size:28px;margin:7px 0}.shift-panel small{color:var(--muted)}.empty{padding:25px;text-align:center;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(10,20,35,.52);display:grid;place-items:center;padding:20px;z-index:20}.modal.hidden{display:none}.modal-box{position:relative;background:white;width:min(720px,100%);max-height:85vh;overflow:auto;border-radius:16px;padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.24)}.modal-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:30px;color:#667083;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.detail-grid div{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafbfe}.detail-grid span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase}.detail-grid strong{display:block;margin-top:4px}.detail-grid .wide{grid-column:1/-1}.form-card{max-width:1100px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.required-star{display:none;color:var(--danger)}.show-required .required-star{display:inline}.validation-box{margin-top:18px;padding:12px 14px;border-radius:10px;background:#f3f6fb;color:#536177;font-size:13px}.validation-box.good{background:#eaf8f0;color:var(--success)}.validation-box.bad{background:#fff0f0;color:var(--danger)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.alert{border-radius:10px;padding:12px 14px;margin-bottom:16px;font-size:13px}.alert.error{background:#fff0f0;color:#9c2a2a}.alert.success{background:#eaf8f0;color:#126a3f}.alert.warn{background:#fff7df;color:#7b5b00}.alert ul{margin:6px 0 0 18px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eaf0ff,#f8fafc);padding:20px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 24px 80px rgba(19,35,62,.12)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-card h1{margin:0 0 6px}.login-card form{display:flex;flex-direction:column;gap:16px;margin-top:22px}@media(max-width:1000px){.layout{grid-template-columns:1fr}.sidebar{display:flex;gap:7px;border-right:0;border-bottom:1px solid var(--line)}.nav-link{margin:0}.stat-grid{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:1fr 1fr}.filter-actions{display:flex;gap:8px}.two-col,.shift-grid{grid-template-columns:1fr}}@media(max-width:620px){.topbar{padding:0 14px}.top-actions .muted{display:none}.content{padding:14px}.stat-grid{grid-template-columns:1fr}.filter-grid,.form-grid,.detail-grid{grid-template-columns:1fr}.wide{grid-column:auto}.detail-grid .wide{grid-column:auto}}