:root{font-family:Segoe UI,Arial,sans-serif;color:#102133;background:#eef3f7;--blue:#1166a8;--navy:#0b2942;--red:#b42318}*{box-sizing:border-box}body{margin:0}.wrap{max-width:980px;margin:auto;padding:18px}.brand{background:var(--navy);color:white;padding:18px;border-radius:0 0 18px 18px}.brand h1{margin:0;font-size:1.35rem}.brand p{margin:.3rem 0 0;color:#cbd9e5}.card{background:white;border:1px solid #d4dee6;border-radius:14px;padding:18px;margin-top:16px;box-shadow:0 3px 12px #10213310}.clock{font-size:2.6rem;font-weight:800}.muted{color:#607080}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}label{display:block;font-weight:650;margin-bottom:5px}input,select,button{font:inherit;border-radius:9px;min-height:46px}input,select{width:100%;border:1px solid #9eb0bd;padding:10px;background:white}button{border:0;padding:10px 16px;background:var(--blue);color:white;font-weight:700;cursor:pointer}button.secondary{background:#e6edf3;color:#18344a}button.danger{background:var(--red)}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.msg{margin-top:12px;padding:11px;border-radius:8px;background:#eef6ff}.error{background:#fff0ee;color:#8a1c12}.hidden{display:none!important}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #d9e1e7;text-align:left;font-size:.9rem}.scroll{overflow:auto}.topline{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{background:#dfe9f0;color:#17364d}.tabs button.active{background:var(--blue);color:#fff}@media(max-width:520px){.actions{grid-template-columns:1fr}.clock{font-size:2rem}}