:root{font-family:Inter,ui-sans-serif,system-ui,Arial;color:#e9edf5;background:#0a101c}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}aside{width:250px;background:#101929;border-right:1px solid #283449;padding:28px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-weight:900;letter-spacing:.06em;font-size:18px;color:#f4c741;padding:5px 14px 30px}.brand small,.account small{display:block;font-size:10px;letter-spacing:.18em;color:#8290a5;margin-top:6px}nav{display:grid;gap:5px}nav a{color:#a9b5c8;padding:12px 14px;border-radius:9px;font-size:14px}nav a:hover,nav a.active{background:#263342;color:#ffd25d}.account{margin-top:auto;border-top:1px solid #303a4a;padding:20px 14px}main{width:min(1300px,100%);padding:35px 45px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}header small,.card small{color:#a8b5c9;letter-spacing:.15em;font-size:11px}h1{font-size:34px;margin:5px 0}h2{font-size:20px;margin:0 0 20px}.pill{color:#84d2a8;background:#143329;padding:9px 14px;border-radius:30px;font-size:12px}.card{background:#152033;border:1px solid #29374c;border-radius:14px;padding:24px;margin-bottom:18px;box-shadow:0 8px 30px #03081230}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics strong{display:block;font-size:27px;margin:12px 0}.metrics span,p{color:#9baac0;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;align-items:end}label{font-size:13px;color:#c2ccdb;display:block}input,select{display:block;width:100%;background:#0e1727;color:#f4f5f8;border:1px solid #36435a;border-radius:8px;padding:11px;margin-top:7px;font:inherit}button{background:#eabf44;color:#151b21;border:0;border-radius:8px;padding:12px 18px;font-weight:800;cursor:pointer;min-height:43px}.subtle{background:#29374c;color:white;margin-top:15px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px;text-align:left;font-size:13px}td,th{padding:13px;border-bottom:1px solid #29374c;white-space:nowrap}th{color:#9cabc0;font-size:11px;text-transform:uppercase}.danger,.alert{color:#ff9f9f}.alert,.success{padding:13px 18px;border-radius:8px;background:#42242b;margin-bottom:15px}.success{background:#1c3b32;color:#b5e8cf}.login{max-width:410px;margin:12vh auto}.login input{margin-bottom:17px}.login button{width:100%}@media(max-width:950px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}main{padding:25px}}@media(max-width:650px){.app{display:block}aside{position:static;width:100%;height:auto;padding:15px}nav{display:flex;overflow:auto}.account{display:none}main{padding:18px}.metrics,.grid{grid-template-columns:1fr}header{align-items:start}h1{font-size:26px}.pill{display:none}}

/* Jackhammer ERP sign-in artwork */
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:flex-start;padding:clamp(20px,6vw,110px);background:linear-gradient(90deg,rgba(7,13,22,.88) 0%,rgba(7,13,22,.66) 38%,rgba(7,13,22,.08) 78%),url('assets/jackhammer-login.png') center center/cover no-repeat #111b27}
.login-page .login{width:min(100%,440px);max-width:440px;margin:0;background:rgba(20,31,48,.91);border:1px solid rgba(242,199,80,.28);box-shadow:0 24px 80px rgba(0,0,0,.5);backdrop-filter:blur(10px);padding:32px}
.login-page .login h1{font-size:clamp(26px,3vw,36px);line-height:1.1}
@media(max-width:650px){.login-page{align-items:flex-end;padding:18px;background-position:60% center}.login-page .login{padding:25px}}