:root{--gate-ink:#183a43;--gate-teal:#087f83;--gate-paper:#f3f7f8;--gate-line:#d9e5e8}body{background:var(--gate-paper);color:var(--gate-ink);font-family:Tahoma,Arial,sans-serif}main{max-width:1440px;margin:auto;padding:28px}main>header{background:linear-gradient(125deg,#123d4a,#087f83);color:#fff;border-radius:24px;padding:30px 34px;margin-bottom:22px;box-shadow:0 12px 35px #143e4a18}main>header h1{color:#fff;font-size:30px;letter-spacing:-.7px}main>header p{color:#deeff0;max-width:900px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.nav{gap:9px;flex-wrap:wrap;display:flex;margin:16px 0}.nav a{background:#fff;border:1px solid var(--gate-line);border-radius:12px;padding:10px 15px;color:#244954;text-decoration:none}.nav a.active,.nav a:hover{background:#e1f3f0;color:#076c69;border-color:#89c9bd}.panel{border:1px solid var(--gate-line);border-radius:20px;background:white;padding:26px;margin-bottom:20px;box-shadow:0 5px 18px #183a4305}.panel h2{font-size:20px;margin:0 0 18px}button{background:var(--gate-teal);border-radius:10px;min-height:40px}input,select,textarea{border:1px solid #c9dce0;border-radius:10px;min-height:42px;background:#fbfdfd}label{font-weight:600;font-size:13px}th{background:#eaf3f4;color:#194752;white-space:nowrap}td{vertical-align:top;max-width:330px;overflow-wrap:anywhere}.scroll{max-width:100%;overflow:auto}.cash-cards,.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px;margin:18px 0}.cash-card,.metrics article{background:#f2f8f8;border:1px solid #d7e7e8;border-radius:16px;padding:18px}.cash-card strong,.metrics strong{display:block;font-size:25px;margin-top:8px;font-variant-numeric:tabular-nums}.cash-card small{font-size:13px}.metrics span{font-size:12px;color:#547079}dialog{border:1px solid #b9d5d7;border-radius:18px;padding:25px;width:min(560px,90vw);color:var(--gate-ink)}dialog::backdrop{background:#102c42a0}dialog textarea{display:block;width:100%;margin:12px 0;box-sizing:border-box}.hint{line-height:1.9;color:#5a7480}.danger{background:#a93040}button:disabled{opacity:.5;cursor:wait}.template-card{border-radius:16px;border:1px solid var(--gate-line)}@media(max-width:650px){main{padding:12px}main>header{padding:24px 20px;border-radius:18px}main>header h1{font-size:24px}.panel{padding:17px;border-radius:16px}.grid{grid-template-columns:1fr}.nav a{font-size:12px;padding:9px}td,th{font-size:12px}}

/* 6.4: calm blue operations workspace, consistent keyboard focus and print isolation. */
:root{--brand:#1d4ed8;--ink:#142c49;--surface:#f4f7fc}body{background:var(--surface);color:var(--ink);font-family:Tahoma,Arial,sans-serif}main{max-width:1450px;margin:auto;padding:24px}header{border-radius:18px;background:linear-gradient(115deg,#102c50,#1b527c);color:white;padding:24px;margin-bottom:20px}header h1,header p{color:inherit}.panel,.ops-card{border:1px solid #dce5f0;border-radius:16px;box-shadow:0 5px 20px #102c5009;background:white}.nav{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.nav a,button{border-radius:9px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}th{background:#eaf0f9;color:#183454}td{border-bottom:1px solid #edf1f7}input,select,textarea{min-height:42px}button{cursor:pointer}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-day{background:white;border:1px solid #dae3ef;border-radius:10px;min-height:130px;padding:10px}.calendar-event{border-right:4px solid #2563eb;background:#eff6ff;margin:8px 0;padding:7px;overflow-wrap:anywhere}.calendar-event p{margin:3px 0;font-size:12px}@media(max-width:760px){main{padding:12px}.calendar{grid-template-columns:1fr}.calendar-empty{display:none}header{padding:18px}}@media print{body{background:white}main{padding:0}header{background:white!important;color:black!important;box-shadow:none}.no-print,.nav{display:none!important}.calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-day{min-height:90px;break-inside:avoid;padding:4px}.calendar-event{font-size:9px;padding:3px}.calendar-event p{font-size:9px}.calendar-empty{display:block}}

main>header{background:linear-gradient(115deg,#102c50,#1b527c)!important}main>header h1{color:white!important}
