:root{
  --teal:#2d7b7c;--teal-dark:#225f60;--magenta:#d70a75;--ink:#283238;--muted:#66757d;
  --bg:#f5f7f7;--card:#fff;--line:#d8e0e1;--soft:#eef5f5;--danger:#a62a2a;--ok:#287a4a;--warn:#9b6a09;
}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45}
a{color:var(--teal-dark)} .topbar{background:#fff;border-bottom:1px solid var(--line);min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:10px 4vw;position:sticky;top:0;z-index:10}
.brand{text-decoration:none;color:#222;font-size:1.45rem;font-weight:700;display:flex;gap:10px;align-items:baseline}.brand small{font-size:.78rem;color:var(--muted);font-weight:600}.brand-4{color:var(--magenta)}
.nav{display:flex;gap:18px;align-items:center}.nav a{text-decoration:none;font-weight:700;font-size:.95rem}.container{max-width:1100px;margin:28px auto;padding:0 18px 50px}.footer{text-align:center;color:var(--muted);font-size:.83rem;padding:24px}
h1{font-size:2rem;margin:0 0 8px}.lede{color:var(--muted);margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.kpi{font-size:2rem;font-weight:800;margin:4px 0}.kpi-label{color:var(--muted);font-size:.88rem}.kpi-sub{font-size:.85rem;color:var(--muted)}
.btn{display:inline-block;border:none;border-radius:8px;padding:11px 16px;font-weight:800;text-decoration:none;cursor:pointer;background:var(--teal);color:#fff;font-size:.95rem}.btn:hover{background:var(--teal-dark)}.btn.secondary{background:#fff;color:var(--teal-dark);border:1px solid var(--teal)}.btn.danger{background:var(--danger)}.btn.small{padding:7px 10px;font-size:.83rem}.btn.magenta{background:var(--magenta)}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.section-title{font-size:1.15rem;margin:0 0 14px;color:var(--teal-dark)}
label{font-weight:700;display:block;margin-bottom:6px}.field{margin-bottom:16px}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],select,textarea{width:100%;padding:11px 12px;border:1px solid #bdc9cb;border-radius:7px;background:#fff;font:inherit}textarea{min-height:95px;resize:vertical}.hint{color:var(--muted);font-size:.83rem;margin-top:5px}.inline{display:flex;gap:12px;align-items:center}.inline>*{flex:1}.checkline{display:flex;gap:9px;align-items:center;margin:8px 0}.checkline input{width:auto}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:var(--soft);color:var(--teal-dark);font-size:.85rem}.table tr:last-child td{border-bottom:0}
.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:800;background:#e9eef0;color:#435057}.badge.approved{background:#e5f4ea;color:var(--ok)}.badge.pending,.badge.cancellation_requested{background:#fff0d7;color:var(--warn)}.badge.declined,.badge.cancelled{background:#f8e7e7;color:var(--danger)}
.flash{padding:12px 14px;border-radius:8px;margin:0 0 18px;border:1px solid}.flash.success{background:#e9f6ed;border-color:#b5ddc3;color:#245d3b}.flash.error{background:#fdeaea;border-color:#efbbbb;color:#842828}.flash.info{background:#eaf3f6;border-color:#bddbe3;color:#275e6b}.flash.warning{background:#fff7e7;border-color:#e6c173;color:#805807}
.notice{padding:14px;border-left:4px solid var(--teal);background:var(--soft);border-radius:5px;margin:14px 0}.notice.warn{border-color:#d6951c;background:#fff7e7}.notice.danger{border-color:var(--danger);background:#fff0f0}.muted{color:var(--muted)}
.pattern-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.pattern-day{padding:10px 6px;border:1px solid var(--line);border-radius:8px;text-align:center;background:#fff}.pattern-day strong{display:block}.pattern-day .normal{color:var(--ok)}.pattern-day .occasional,.pattern-day .none{color:var(--muted)}.pattern-day .variable,.pattern-day .alternating{color:var(--warn)}
.login-shell{max-width:440px;margin:55px auto}.login-shell .card{padding:28px}.auth-title{text-align:center}.auth-title .brandword{font-size:1.7rem;font-weight:800}.tiny{font-size:.77rem}.right{text-align:right}
.stat-strip{display:flex;gap:18px;flex-wrap:wrap}.stat-strip>div{min-width:135px}.status-row{display:flex;justify-content:space-between;gap:12px;align-items:center}
@media(max-width:800px){.span-3{grid-column:span 12}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.nav{gap:11px;flex-wrap:wrap}.span-8,.span-6,.span-4{grid-column:span 12}.pattern-grid{grid-template-columns:repeat(2,1fr)}.inline{flex-direction:column;align-items:stretch}.container{margin-top:20px}.table{font-size:.9rem}}