.page{display:none}.page.active{display:block}nav a{cursor:pointer}.wide{min-height:300px}.hint{margin:-7px 0 18px;color:var(--muted);font-size:11px}.panelhead{display:flex;justify-content:space-between;align-items:flex-start}.secondary{padding:8px 13px;box-shadow:none}.data-row{display:grid;grid-template-columns:1.05fr .8fr 1.7fr .65fr;gap:15px;align-items:center;padding:12px 8px;border-top:1px solid #edf1f5;font-size:11px}.data-row.head{color:#758396;background:#f7f9fc;border-radius:6px}.data-row small{display:block;margin-top:3px;color:#8794a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.danger{padding:6px 10px;background:#fff;color:#a72a34;border:1px solid #e8c5c8;box-shadow:none}.danger:hover{background:#fff1f2}.settings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings>div{padding:16px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.settings span,.settings strong{display:block}.settings span{margin-bottom:7px;color:var(--muted);font-size:10px}.settings strong{color:var(--mar);font-size:12px}@media(max-width:850px){.data-row{grid-template-columns:1fr 1fr}.data-row.head{display:none}.settings{grid-template-columns:1fr}}
.actions{display:flex;gap:8px}.filters,.settings-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:14px;margin:12px 0 18px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.filters label,.settings-form label{color:var(--muted);font-size:10px}.filters input,.filters select,.settings-form input,.data-row select{display:block;min-width:145px;height:36px;margin-top:5px;padding:0 9px;border:1px solid #ced9e5;border-radius:6px;background:#fff;color:var(--ink)}.report-metrics{margin:14px 0}.chart{height:210px;display:flex;align-items:end;gap:10px;padding:20px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(#fff,#f7fafe)}.chart-col{height:100%;flex:1;min-width:24px;display:flex;flex-direction:column;justify-content:end;text-align:center}.chart-bars{height:160px;display:flex;gap:2px;align-items:end;justify-content:center}.chart-bars i{display:block;width:12px;min-height:2px;border-radius:4px 4px 0 0;background:var(--mar)}.chart-bars i.productive{background:var(--mar-cyan)}.chart-col small{margin-top:7px;color:var(--muted);font-size:9px}.section-title{margin-top:22px!important}@media print{aside,header,.notice,.filters,.actions,#addDevice{display:none!important}main{margin:0;padding:10px}.page{display:none!important}#reports{display:block!important}.panel{border:0;box-shadow:none}}
.status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:9px;font-weight:800}.status.online{background:#ddf7e8;color:#147443}.status.offline{background:#fff0d8;color:#9a5a00}.status.never{background:#eef1f5;color:#667483}
.login-screen{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#061a36ee,#0c3c78ee),url('/assets/mar-roof-hero.png') center/cover}.login-screen.hidden{display:none}.login-card{width:min(380px,92vw);padding:30px;border-radius:14px;background:#fff;box-shadow:0 30px 90px #00142e99}.login-card img{display:block;max-width:190px;max-height:70px;margin:0 auto 20px}.login-card h2,.login-card p{text-align:center}.login-card label{display:block;margin:12px 0;color:var(--muted);font-size:11px}.login-card input{display:block;width:100%;height:40px;margin-top:5px;padding:0 10px;border:1px solid var(--line);border-radius:7px}.login-card button{width:100%;margin-top:8px}.login-card small{display:block;margin-top:14px;text-align:center;color:#8794a3}.login-card #loginError{margin-top:10px;color:#a72a34;font-size:11px;text-align:center}
.grow{flex:1 1 100%}.grow input{width:100%}.backup-box{display:flex;gap:16px;align-items:center;padding:16px;margin:10px 0 18px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.backup-box form{display:flex;gap:10px;align-items:center}