:root{
  --blue:#256b98;
  --blue-dark:#174d70;
  --blue-soft:#eaf4fa;
  --teal:#5ca6b4;
  --text:#243746;
  --muted:#6d7d88;
  --border:#d6e0e6;
  --surface:#ffffff;
  --bg:#f5f8fa;
  --danger:#a74646;
  --success:#2d7456;
  --shadow:0 10px 28px rgba(36,55,70,.06)
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.45}
a{color:var(--blue-dark)}
.site-header{background:#fff;border-bottom:1px solid var(--border);padding:12px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px;position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text);min-width:220px}
.brand img{display:block;max-width:190px;max-height:54px;width:auto;height:auto;object-fit:contain}
.brand span{border-left:1px solid var(--border);padding-left:14px;color:var(--muted);font-weight:600;white-space:nowrap}
nav{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
nav a,.nav-button{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:9px;font-size:14px;font-weight:600;background:transparent}
nav a:hover,.nav-button:hover{background:var(--blue-soft)}
nav form{margin:0}.nav-button{border:0;cursor:pointer}
main{max-width:1180px;margin:34px auto;padding:0 22px 50px}
h1{font-size:30px;margin:4px 0 6px;letter-spacing:-.02em}h2{font-size:21px;margin:26px 0 12px}p{margin:6px 0 14px}
.section-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--blue);font-weight:700}
.login-card,.clock-card,.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:var(--shadow)}
.login-card{max-width:500px;margin:58px auto}.clock-card{max-width:650px;margin:20px 0}.card{max-width:600px;margin:18px 0}.wide-card{max-width:none}
.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.metrics>div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:17px;box-shadow:0 4px 16px rgba(36,55,70,.035)}
.metrics span{display:block;color:var(--muted);margin-bottom:6px;font-weight:600}.metrics strong{display:block;font-size:28px;letter-spacing:-.02em}.metrics small{color:var(--muted)}
label{display:block;margin:14px 0;font-weight:700}input,select,textarea{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #b9c8d1;border-radius:10px;font:inherit;background:#fff;color:var(--text)}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(37,107,152,.13);border-color:var(--blue)}
button,.button-link{border:0;border-radius:10px;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer}.primary,.button-link{background:var(--blue);color:#fff}.primary:hover,.button-link:hover{background:var(--blue-dark)}
.secondary{background:#edf2f5;color:var(--text);border:1px solid var(--border)}.secondary-link{background:#edf2f5;color:var(--text)}.danger{background:var(--danger);color:#fff}.small{padding:8px 11px;font-size:13px}.full{width:100%}
.timer{font-size:44px;font-weight:700;letter-spacing:-.03em}.status{color:var(--muted);font-weight:700;margin:0}.status.on{color:var(--success)}.clock-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:14px;margin:14px 0 20px;box-shadow:0 4px 18px rgba(36,55,70,.03)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--border);white-space:nowrap}th{background:var(--blue-soft);font-size:13px}tbody tr:last-child td{border-bottom:0}
.list{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.list>div{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px;border-bottom:1px solid var(--border)}.list>div:last-child{border-bottom:0}.list span{color:var(--muted)}.empty{padding:14px;color:var(--muted);margin:0}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:10px}.page-head p{color:var(--muted);margin:0}.summary-number{text-align:right}.summary-number strong{display:block;font-size:32px}.summary-number span{color:var(--muted)}
.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.filter-grid{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:16px}.form-action{display:flex;align-items:flex-end;padding-bottom:14px}.form-action button{min-height:45px}
.alert{background:#fdecec;color:#7d2d2d;padding:12px 14px;border-radius:10px;margin:12px 0}.success{background:#e9f6ef;color:#275e47;padding:12px 14px;border-radius:10px;margin:12px 0}.button-link{text-decoration:none;display:inline-block}.muted{color:var(--muted)}
.badge{display:inline-block;background:var(--blue-soft);color:var(--blue-dark);padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.badge.good{background:#e9f6ef;color:var(--success)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}.section-heading h2{margin:0}.manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inline-actions{display:flex!important;gap:8px;align-items:center}.inline-actions form{margin:0}
.qr-wrap{text-align:center;padding:18px}.qr-wrap img{width:240px;height:240px;max-width:100%}.secret{display:block;word-break:break-all;background:#f0f4f6;padding:10px;border-radius:8px;margin:10px 0}.security-card details{margin:12px 0 20px}.status-line{margin:12px 0}.report-note{color:var(--muted);font-size:13px;max-width:880px}.date-control{display:block;margin-top:7px;border:1px solid #b9c8d1;border-radius:10px;padding:12px 13px;background:#fff}.date-control input{border:0;margin:0;padding:0;outline:0}
@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column}.brand{min-width:0}.metrics.four,.metrics.five{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid .form-action{grid-column:1/-1;padding:0}}
@media(max-width:650px){main{margin-top:22px;padding:0 14px 40px}.site-header{padding:12px 16px}.brand img{max-width:160px}.brand span{font-size:13px}.metrics,.metrics.four,.metrics.five,.grid-form,.filter-grid{grid-template-columns:1fr}.timer{font-size:36px}.page-head,.clock-top{align-items:flex-start;flex-direction:column}.summary-number{text-align:left}.list>div{align-items:flex-start;flex-direction:column}.inline-actions{width:100%}.inline-actions form{flex:1}.inline-actions button{width:100%}}
.span-two{grid-column:1/-1}.login-brand{text-align:center;margin-bottom:16px}.login-brand img{max-width:260px;max-height:135px;width:auto;height:auto}.login-help{text-align:center;margin-top:18px}.choice-fieldset{border:0;padding:0;margin:14px 0}.choice-fieldset legend{font-weight:700;margin-bottom:8px}.choice-row{display:flex;gap:20px;flex-wrap:wrap}.radio-choice{display:flex;align-items:center;gap:8px;margin:0;font-weight:600}.radio-choice input{width:auto;margin:0}.brand img{max-width:145px;max-height:72px}.brand{gap:12px}
@media(max-width:650px){.span-two{grid-column:auto}.choice-row{flex-direction:column;gap:10px}}