:root{font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial;color:#162c3e;background:#f5f8fb}*{box-sizing:border-box}body{margin:0}h1,h2,p{margin-top:0}a{color:#1b6d9d;text-decoration:none}button,.btn{border:0;background:#12648e;color:white;padding:12px 19px;border-radius:9px;cursor:pointer;font-weight:700;font-size:14px;display:inline-block}.shell{display:flex;min-height:100vh}aside{width:235px;background:#122b40;color:white;padding:28px 18px;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.brand{font-weight:900;font-size:30px;letter-spacing:-1px;color:#25a2cc}.brand span{font-size:18px;letter-spacing:2px;color:inherit}nav{flex:1;margin-top:44px}nav a{display:block;padding:13px;border-radius:8px;color:white;background:#21465c}.nav-muted{font-size:13px;color:#9cbecc;padding:20px 12px;line-height:2}.logout{width:100%;background:#29495a}.content{width:100%;max-width:1500px;margin:0 auto;padding:35px 45px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:27px}h1{font-size:28px;margin:8px 0}h2{font-size:19px}.eyebrow{font-weight:750;letter-spacing:2px;color:#648193;font-size:11px}header p{color:#718597;margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stats>div,.panel{background:white;border:1px solid #e0e9ef;border-radius:13px;box-shadow:0 3px 15px #102d4210}.stats>div{padding:22px;display:grid;gap:7px}.stats span{font-size:13px;color:#688193}.stats strong{font-size:29px}.stats small{color:#94a5b2}.panel{margin-bottom:22px;padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h2{margin:0}.panel-head span{color:#8194a3;font-size:13px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#425b6f}input,select,textarea{font:inherit;font-size:15px;color:#1a3344;padding:11px;border:1px solid #cfdde5;border-radius:8px;width:100%;background:white}textarea{resize:vertical}.wide{grid-column:1/-1}.buttons{margin-top:22px;display:flex;gap:15px;align-items:center}.secondary{padding:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}td,th{border-bottom:1px solid #e8eff2;padding:15px 12px}th{color:#75909f;font-size:12px}.pill{font-size:12px;font-weight:750;padding:5px 10px;border-radius:20px;background:#e8f0f5}.pill.urgent{background:#ffe5e3;color:#a42f26}.pill.high{background:#fff2d8;color:#925a07}.success,.alert{padding:14px;border-radius:8px;margin-bottom:18px;background:#e4f7ed;color:#126340}.alert{background:#ffedeb;color:#ac2b22}.login-card{background:white;border:1px solid #e1e8ee;border-radius:16px;padding:36px;max-width:410px;margin:10vh auto;box-shadow:0 12px 45px #16304715}.login-card .brand{margin-bottom:24px}.login-card p{color:#7290a1}.login-card form{display:grid;gap:17px}@media(max-width:850px){aside{width:170px}.content{padding:20px}.stats{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}}@media(max-width:620px){.shell{display:block}aside{width:100%;padding:15px;flex-direction:row;align-items:center}aside nav{display:none}aside .logout{width:auto}.content{padding:15px}.stats{grid-template-columns:1fr 1fr}.stats>div{padding:14px}header{align-items:flex-start}.btn{font-size:12px;padding:10px}.panel{padding:15px}}

nav a{margin-bottom:7px}nav a:not(.selected){background:transparent}.checkrow{display:flex;align-items:center;gap:10px;margin-top:14px}.checkrow input{width:auto;accent-color:#12648e}.search-row{display:flex;align-items:center;gap:10px;margin-bottom:18px}.search-row input{max-width:390px}

/* Martronic company logo on the dark navigation and login panels */
.brand-logo{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:9px;padding:10px 8px;max-width:100%;min-height:62px;text-decoration:none}
.brand-logo img{display:block;width:100%;height:auto;max-height:52px;object-fit:contain}
.login-card .brand-logo{max-width:265px;margin-bottom:24px}
@media(max-width:620px){aside .brand-logo{width:175px;min-height:44px;padding:6px}aside .brand-logo img{max-height:36px}}