:root{color-scheme:dark;--bg:#071b23;--card:#102d35;--ink:#eaf5ed;--mint:#7ce4af;--gold:#ffd36b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0,#204e58,transparent 60%),var(--bg);font:16px/1.9 Tahoma,Arial,sans-serif;color:var(--ink)}header,main,footer{max-width:1160px;margin:auto;padding:24px}header{padding-top:54px}.brand{font:800 18px Arial;letter-spacing:4px;color:var(--gold)}h1{font-size:38px;margin:12px 0}h2{font-size:23px;margin-top:0}h3{margin:0 0 12px}p{color:#c2d9d3}nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}section{background:linear-gradient(140deg,#153741,#0d2931);border:1px solid #31535a;border-radius:22px;padding:28px;margin-bottom:22px;box-shadow:0 14px 38px #0002}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid section{margin-bottom:0}label{display:block;margin:12px 0;color:#d9f0e4}input,textarea,select{display:block;width:100%;padding:13px 14px;border-radius:10px;border:1px solid #4b6a70;background:#071d26;color:var(--ink);font:inherit}input[type=datetime-local]{direction:ltr}textarea{resize:vertical}button,.pill{background:var(--gold);color:#13222a;border:0;border-radius:10px;padding:12px 21px;font:700 15px Tahoma;cursor:pointer;margin:5px 0}button.secondary,nav button{background:#21434c;color:var(--ink)}button:hover{filter:brightness(1.12)}button:disabled{opacity:.4;cursor:default}.check{display:flex;gap:12px;align-items:center}.check input{width:auto}.preview{background:#163e46;border:2px solid var(--gold);border-radius:22px;padding:35px;text-align:center;min-height:270px;overflow-wrap:anywhere}.preview p{white-space:pre-wrap}.eyebrow,.muted,.timezone,small{color:#9ab8b3;font-size:13px}.notice{border-right:4px solid var(--gold);padding:12px 16px;background:#4d452b55}.row{border-top:1px solid #3c5960;padding:20px 0;overflow-wrap:anywhere}.row:first-child{border:0}.row button{margin-left:9px}.tag{display:inline-block;border-radius:20px;padding:3px 13px;background:#254f4c;color:var(--mint);font-size:13px}#feedback:empty{display:none}#feedback{padding:14px;border:1px solid var(--gold);border-radius:12px;white-space:pre-wrap}.error{color:#ffb7a4}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#d0e8de;direction:rtl}footer{font-size:13px;color:#93b1ad;padding-bottom:50px}[hidden]{display:none!important}@media(max-width:700px){.grid{grid-template-columns:1fr}header,main,footer{padding:18px}h1{font-size:30px}section{padding:20px}nav button{flex:1;min-width:100px}}

.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.metric{display:grid;background:#09242b;border-radius:12px;padding:14px}.metric strong{color:var(--mint);font-size:30px}.metric span{font-size:14px;color:#c2d9d3}.hours{display:flex;align-items:stretch;gap:3px;direction:ltr}.hours meter{writing-mode:vertical-lr;direction:rtl;height:70px;flex:1;min-width:0;accent-color:#64d5ba}summary{cursor:pointer;color:var(--gold)}.monitor h2{margin-top:0}