:root{--ink:#152a35;--muted:#667985;--bg:#f3f7f8;--card:#fff;--accent:#087f8c;--danger:#c43d4b;--line:#dce7ea}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,16px);position:sticky;top:0;z-index:10}.brand{font-size:20px;font-weight:800;color:var(--accent);text-decoration:none}nav{display:flex;gap:18px;align-items:center}nav a{color:var(--ink);text-decoration:none;font-weight:600}main{width:min(1120px,92%);margin:28px auto}h1{font-size:clamp(27px,5vw,44px);line-height:1.1}h2{margin-top:0}.hero{padding:8vh 0;max-width:760px}.hero p{font-size:19px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 22px #18353b0b}.stat strong{display:block;font-size:28px}.muted{color:var(--muted)}.button,button{border:0;border-radius:10px;background:var(--accent);color:#fff;padding:12px 17px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;display:inline-block}.button.secondary,button.secondary{background:#e3f1f2;color:#075e68}.button.danger,button.danger{background:var(--danger)}.button.small{padding:8px 12px}button:disabled{opacity:.42;cursor:not-allowed}form{display:grid;gap:14px}label{font-weight:650}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #bfd0d5;border-radius:9px;background:#fff;font:inherit;margin-top:5px}textarea{min-height:105px}input[type=checkbox]{display:inline;width:auto;margin-right:8px}.alert{padding:13px 16px;border-radius:10px;margin-bottom:16px;background:#e4f4f5}.alert.error{background:#fde8ea;color:#8b2632}.alert.success{background:#e3f6ea;color:#176538}.badge{display:inline-block;background:#e5eef0;border-radius:99px;padding:4px 9px;font-size:12px;text-transform:capitalize}.badge.approved,.badge.active,.badge.paid{background:#dff5e7;color:#176538}.badge.rejected,.badge.expired{background:#fde5e8;color:#952c39}.badge.pending_review,.badge.in_progress{background:#fff1ce;color:#765600}.task-head{display:flex;justify-content:space-between;gap:14px}.coins{font-weight:800;color:var(--accent)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto;border-radius:12px;border:1px solid var(--line)}.timer{position:sticky;top:72px;background:#132f39;color:#fff;padding:13px;border-radius:10px;text-align:center;font-size:20px;font-weight:800}.checklist{list-style:none;padding:0}.checklist li{padding:6px}.checklist li.done{color:#168451}.checklist li.done:before{content:'✓ '}.checklist li:not(.done):before{content:'○ '}.actions{display:flex;gap:8px;flex-wrap:wrap}footer{color:var(--muted);padding:50px 0 90px;text-align:center}@media(max-width:720px){header nav a:not(.button){display:none}main{margin-top:18px}.card{padding:16px}table{font-size:13px}th,td{padding:9px}h1{margin-top:14px}}

/* Professional administration shell */
.admin-body{background:#f4f7f9;overflow-x:hidden}.admin-shell{min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:268px;background:#102d36;color:#d7e9ec;display:flex;flex-direction:column;z-index:40;box-shadow:10px 0 30px rgba(12,38,46,.08)}.admin-brand{height:82px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.09);color:#fff;text-decoration:none}.admin-brand strong{display:block;font-size:20px}.admin-brand small{display:block;color:#8eb7be;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent);font-weight:900;font-size:20px}.admin-nav-scroll{flex:1;overflow-y:auto;padding:14px 12px 22px;scrollbar-width:thin}.nav-section{margin:18px 12px 7px;color:#789da4;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.admin-nav-link{min-height:43px;display:flex;align-items:center;gap:11px;padding:9px 12px;margin:3px 0;border-radius:10px;color:#c9dde1;text-decoration:none;font-weight:650;transition:.15s ease}.admin-nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.admin-nav-link.active{background:#087f8c;color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.15)}.nav-icon{width:25px;text-align:center;font-size:18px}.nav-count{margin-left:auto;min-width:23px;padding:2px 7px;border-radius:99px;background:#e6a91d;color:#192d32;text-align:center;font-size:11px;font-weight:900}.admin-sidebar-foot{padding:14px;border-top:1px solid rgba(255,255,255,.09);display:grid;gap:5px}.admin-sidebar-foot a{color:#a9c7cc;text-decoration:none;padding:7px 10px;border-radius:8px}.admin-sidebar-foot a:hover{color:#fff;background:rgba(255,255,255,.06)}.admin-workspace{margin-left:268px;min-height:100vh}.admin-topbar{height:82px;position:sticky;top:0;padding:0 32px;border-bottom:1px solid #dfe8eb;box-shadow:0 2px 10px rgba(16,45,54,.04)}.admin-topbar>div:first-of-type{margin-right:auto}.admin-topbar .eyebrow{margin:0;color:#6e858c;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em}.admin-topbar strong{font-size:15px}.admin-profile{display:flex;align-items:center;gap:10px}.admin-profile small{display:block;color:#748991;font-size:11px}.admin-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e0f1f2;color:#066c77;font-weight:900}.sidebar-toggle{display:none;background:transparent;color:#17333c;font-size:23px;padding:7px}.admin-main{width:auto;max-width:1500px;margin:0 auto;padding:30px 34px 60px}.admin-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.admin-page-head h1{font-size:30px;margin:0 0 5px}.admin-page-head p{margin:0;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px}.metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dce7ea;border-radius:15px;padding:20px}.metric-card:after{content:'';position:absolute;right:-18px;top:-18px;width:70px;height:70px;border-radius:50%;background:#e7f4f5}.metric-card .metric-label{color:#6b7f86;font-weight:650}.metric-card strong{display:block;margin:8px 0 2px;font-size:31px;line-height:1}.metric-card small{color:#82969c}.metric-icon{position:absolute;right:18px;top:17px;z-index:1;color:#087f8c;font-size:19px}.admin-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:18px;margin-top:18px}.panel{background:#fff;border:1px solid #dce7ea;border-radius:15px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e5edef}.panel-head h2{font-size:17px;margin:0}.panel-body{padding:20px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-action{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #dfe8eb;border-radius:11px;color:#19343d;text-decoration:none;font-weight:700}.quick-action:hover{border-color:#087f8c;background:#f2fafb}.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #edf2f3}.activity-item:last-child{border:0}.activity-dot{width:9px;height:9px;margin-top:7px;border-radius:50%;background:#0a8f9d}.activity-item p{margin:0}.activity-item small{color:#7d9197}.empty-state{padding:30px;text-align:center;color:#748990}.admin-main .table-wrap{background:#fff}.admin-main th{background:#f7fafb;color:#61767e;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.admin-main td{vertical-align:middle}.admin-main form.inline-form{display:flex;align-items:center;gap:8px}.admin-main form.inline-form input,.admin-main form.inline-form select{margin:0}.sidebar-scrim{display:none}.section-note{padding:12px 15px;background:#eff8f9;border:1px solid #d4eaed;border-radius:10px;color:#42636b}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.toolbar .actions{align-items:center}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tabs a{padding:8px 12px;border-radius:8px;background:#e9f0f2;color:#405b63;text-decoration:none;font-weight:650}.filter-tabs a:hover{background:#dcebed}.form-card{max-width:1050px}.danger-zone{border-color:#f0cdd1}.admin-main footer{display:none}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-sidebar{width:244px}.admin-workspace{margin-left:244px}}
@media(max-width:820px){.admin-sidebar{transform:translateX(-100%);transition:transform .2s ease}.admin-sidebar.open{transform:translateX(0)}.admin-workspace{margin-left:0}.sidebar-toggle{display:block}.admin-topbar{padding:0 16px;gap:12px}.admin-profile>span:last-child{display:none}.admin-main{padding:22px 16px 50px}.sidebar-scrim{position:fixed;inset:0;background:rgba(8,30,37,.48);z-index:30}.sidebar-scrim.show{display:block}.admin-page-head{align-items:stretch;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.metric-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.admin-topbar>div:first-of-type .eyebrow{display:none}.admin-main form.inline-form{align-items:stretch;flex-direction:column}.toolbar{align-items:stretch;flex-direction:column}}