:root{--blue:#087fe8;--dark:#0759a8;--ink:#152238;--muted:#64748b;--border:#dce3ea;--bg:#f4f6f9;--danger:#dc3545}*{box-sizing:border-box}body{min-height:100vh;margin:0;padding-top:52px;background:var(--bg);color:var(--ink);font:14px Inter,Segoe UI,Arial,sans-serif;display:flex;flex-direction:column}main{flex:1}a{color:var(--dark);text-decoration:none}button,.button{border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--ink);padding:.62rem .85rem;cursor:pointer;font:inherit}.primary{border:0;background:linear-gradient(90deg,var(--dark),var(--blue));color:#fff;font-weight:700}.danger{background:var(--danger);border:0;color:#fff}.edit{background:#ffbd00;color:#172033;padding:.5rem;border-radius:5px}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;height:52px;padding:0 22px;background:linear-gradient(100deg,var(--dark),var(--blue));display:flex;align-items:center;gap:24px;color:#fff;box-shadow:0 2px 8px #142e5030}.topbar img{width:220px;max-height:46px;object-fit:contain}.topbar nav{display:flex;gap:6px;flex:1}.topbar nav a,.link-button{color:#fff;padding:.55rem .7rem;background:transparent;border:0}.topbar nav a:hover{background:#ffffff20;border-radius:5px}.topbar .disabled{opacity:.45;pointer-events:none}.topbar .user{font-size:12px;background:#ffffff20;padding:.42rem .6rem;border-radius:5px}.container{width:100%;padding:24px 3%;max-width:1600px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 18px;margin-bottom:12px}.page-head h1{margin:0;font-size:20px}.page-head p{margin:4px 0 0;color:var(--muted)}.card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:12px;box-shadow:0 5px 16px #1e30480b}.filters,.user-form{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:9px;align-items:end;margin-bottom:14px}label{display:flex;flex-direction:column;gap:5px;color:#52677f;font-size:11px;font-weight:700;text-transform:uppercase}input,select{width:100%;min-height:36px;border:1px solid #bcc7d4;border-radius:5px;background:#fff;padding:6px 9px;font:14px inherit}input:focus,select:focus{outline:2px solid #087fe833;border-color:var(--blue)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{background:#f4f6f8;text-align:left;font-size:12px;padding:10px;border-bottom:1px solid #c8d0da;white-space:nowrap}td{padding:10px;border-bottom:1px solid var(--border);white-space:nowrap}.uppercase-field{text-transform:uppercase}.actions{display:flex;gap:5px}.actions form{margin:0}.empty{text-align:center;color:var(--muted);padding:28px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-grid fieldset{border:1px solid var(--border);border-radius:6px}.wide{grid-column:1/-1}.check{display:flex;flex-direction:row;align-items:center;text-transform:none}.check input{width:auto}.checks,.form-actions{display:flex;gap:18px;align-items:center}.alert{padding:11px 14px;border-radius:7px;margin-bottom:12px}.alert.success{background:#e7f8ed;color:#176b36}.alert.error{background:#fdecec;color:#a31d2b}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.metrics article{background:#fff;border:1px solid var(--border);border-radius:10px;padding:22px}.metrics span{color:var(--muted);display:block}.metrics strong{font-size:25px;display:block;margin-top:9px}.login-shell{min-height:calc(100vh - 30px);display:grid;grid-template-columns:1.25fr .75fr;max-width:1180px;margin:auto;padding:5vh 2rem}.brand-panel{background:linear-gradient(145deg,#171d25,#3d4349);border-radius:28px 0 0 28px;overflow:hidden;display:flex;align-items:center;box-shadow:0 24px 70px #182a482d}.brand-panel img{width:100%}.login-panel{background:#fff;border-radius:0 28px 28px 0;padding:70px 55px;display:flex;flex-direction:column;justify-content:center;gap:28px}.login-panel h1{font-size:35px;margin:8px 0}.login-panel p,.login-panel small{color:var(--muted)}.eyebrow{color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.stack{display:flex;flex-direction:column;gap:18px}.stack button{min-height:48px}.app-version{min-height:30px;padding:7px 12px;color:var(--muted);font-size:11px;text-align:center}@media(max-width:900px){body{padding-top:0}.login-shell{display:block;min-height:calc(100vh - 30px);padding:0}.brand-panel{display:none}.login-panel{min-height:calc(100vh - 30px);border-radius:0;padding:35px}.topbar{position:sticky;height:auto;min-height:52px;padding:6px 12px;gap:6px 10px;flex-wrap:wrap;overflow:visible}.topbar img{width:min(150px,45vw);height:40px;object-position:left}.topbar nav{order:3;flex:1 0 100%;min-width:0;min-height:44px;flex-wrap:wrap;align-items:stretch;gap:4px}.topbar nav>a,.topbar nav>.nav-dropdown{min-height:44px}.topbar nav a,.link-button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem .65rem}.topbar .user{display:none}.topbar .app-version{margin-left:auto}.topbar>form{flex:none}.filters,.user-form,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.metrics{grid-template-columns:1fr}.container{padding:12px}}
.topbar .app-version{flex:none;min-height:auto;padding:.42rem .6rem;border:1px solid #ffffff30;border-radius:5px;color:#fff;font-size:10px;line-height:1;white-space:nowrap}.login-shell{min-height:100vh!important}@media(max-width:900px){.login-shell,.login-panel{min-height:100vh!important}.topbar .app-version{padding:.38rem .5rem}}