/* v2.8.2 UI recovery and admin shell fix. Loaded with cache-busting so old Hostinger/browser CSS cannot mangle menus. */
:root{
  --lc-blue:#00338D;
  --lc-deep:#001f60;
  --lc-gold:#FDB913;
  --lc-bg:#f3f6fb;
  --lc-card:#ffffff;
  --lc-text:#0b1b34;
  --lc-muted:#64748b;
  --lc-line:#dbe5f2;
  --lc-sidebar:#061b4f;
  --lc-sidebar-2:#082b77;
  --lc-shadow:0 16px 44px rgba(0,31,96,.09);
}
*{box-sizing:border-box}
html{min-height:100%}
body{margin:0!important;background:linear-gradient(180deg,#f7f9fd 0%,#eef3fa 100%)!important;color:var(--lc-text)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:15px!important;line-height:1.45!important}
a{color:var(--lc-blue);text-decoration:none}a:hover{text-decoration:none;filter:brightness(.95)}
/* Header */
.top{position:sticky!important;top:0!important;z-index:70!important;min-height:82px!important;background:linear-gradient(90deg,#002b7f 0%,#00338D 52%,#001b4f 100%)!important;color:#fff!important;display:grid!important;grid-template-columns:minmax(260px,1fr) auto!important;align-items:center!important;gap:12px!important;padding:12px 22px!important;box-shadow:0 12px 34px rgba(0,31,96,.22)!important}
.brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}.brand strong{display:block!important;font-size:18px!important;line-height:1.15!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.brand span{display:block!important;color:#dbeafe!important;font-size:12px!important;margin-top:2px!important}.logo-img{width:48px!important;height:48px!important;object-fit:contain!important;background:#fff!important;border-radius:13px!important;padding:4px!important;box-shadow:0 8px 20px rgba(0,0,0,.20)!important;flex:0 0 auto!important}.top-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;min-width:0!important}.top-pin{display:flex!important;align-items:center!important;justify-content:center!important;order:2!important}.top-pin .dgpin,.dgpin{width:54px!important;height:54px!important;object-fit:contain!important;background:#fff!important;border-radius:13px!important;padding:4px!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important}.top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;order:1!important}.userpill{display:inline-flex!important;align-items:center!important;max-width:320px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.32)!important;color:#fff!important;padding:8px 12px!important;border-radius:999px!important;font-size:13px!important}.btn{border:0!important;border-radius:12px!important;padding:10px 14px!important;min-height:40px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;background:var(--lc-blue)!important;color:#fff!important;text-decoration:none!important;line-height:1!important}.btn.gold{background:var(--lc-gold)!important;color:#111!important}.btn.danger{background:#dc2626!important;color:#fff!important}.btn.small{padding:8px 11px!important;min-height:34px!important;font-size:12px!important;border-radius:11px!important}.btn.full{width:100%!important}
.wrap{max-width:1240px!important;margin:0 auto!important;padding:22px 18px!important}.card,.receipt{background:#fff!important;border:1px solid var(--lc-line)!important;border-radius:20px!important;padding:20px!important;margin:14px 0 18px!important;box-shadow:var(--lc-shadow)!important}.card h1,.card h2,.receipt h2{margin:0 0 14px!important;color:var(--lc-blue)!important;letter-spacing:-.35px!important}.hero{background:linear-gradient(135deg,#00338D,#0a5ad8)!important;color:#fff!important;border-radius:24px!important;padding:24px!important;box-shadow:0 20px 60px rgba(0,51,141,.20)!important}.hero h1{margin:0 0 8px!important}.hero p{color:#eef5ff!important}.flash{max-width:1120px!important;margin:14px auto!important;padding:13px 16px!important;border-radius:14px!important;font-weight:900!important}.flash.ok{background:#e9f9f1!important;color:#047857!important}.flash.warn{background:#fff7d6!important;color:#92400e!important;border:1px solid #f4d26a!important}.flash.error{background:#fee2e2!important;color:#991b1b!important}.stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important;margin:16px 0!important}.stats>div{background:#fff!important;border:1px solid var(--lc-line)!important;border-radius:18px!important;padding:17px!important;box-shadow:0 10px 28px rgba(0,31,96,.06)!important}.stats b{display:block!important;color:var(--lc-blue)!important;font-size:25px!important}.stats span{color:var(--lc-muted)!important;font-size:13px!important}.quick{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:14px!important}.cards-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:14px!important}.mini-card{background:#fff!important;border:1px solid var(--lc-line)!important;border-radius:17px!important;padding:16px!important;box-shadow:0 10px 28px rgba(0,31,96,.06)!important}.mini-card b{display:block!important;color:var(--lc-blue)!important;font-size:18px!important}.mini-card span,.mini-card small{color:var(--lc-muted)!important}.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.wide{grid-column:1/-1!important}label{font-weight:850!important;color:#344054!important;font-size:13px!important;display:flex!important;flex-direction:column!important;gap:7px!important}input,select,textarea{width:100%!important;border:1px solid #cdd8e8!important;border-radius:13px!important;padding:11px 12px!important;background:#fff!important;color:var(--lc-text)!important;font:inherit!important}textarea{min-height:98px!important}input:focus,select:focus,textarea:focus{outline:3px solid rgba(253,185,19,.42)!important;border-color:var(--lc-gold)!important}.inline{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.table-wrap{overflow:auto!important;border:1px solid var(--lc-line)!important;border-radius:16px!important;background:#fff!important}table{width:100%!important;border-collapse:collapse!important;background:#fff!important;min-width:760px!important}th,td{text-align:left!important;padding:12px!important;border-bottom:1px solid #edf1f7!important;vertical-align:top!important}th{background:#f8fafc!important;color:#334155!important;font-weight:900!important}.badge{display:inline-flex!important;align-items:center!important;border-radius:999px!important;background:#eaf1ff!important;color:#00338d!important;padding:5px 10px!important;font-weight:900!important;font-size:12px!important}.badge.ok{background:#d1fae5!important;color:#065f46!important}.badge.warn{background:#fff7d6!important;color:#92400e!important}.badge.danger{background:#fee2e2!important;color:#991b1b!important}footer{text-align:center!important;color:#64748b!important;padding:24px!important;font-size:13px!important}
/* Member navigation */
.member-nav{display:flex!important;gap:8px!important;overflow:auto!important;padding:10px 14px!important;background:#fff!important;border-bottom:1px solid var(--lc-line)!important;box-shadow:0 8px 24px rgba(0,31,96,.04)!important;position:sticky!important;top:82px!important;z-index:50!important}.member-nav a{display:inline-flex!important;white-space:nowrap!important;padding:10px 14px!important;border-radius:999px!important;background:#f1f5f9!important;color:#111827!important;font-weight:900!important}.member-nav a.active,.member-nav a:hover{background:#fff7d6!important;color:#7a5400!important}.mobile-bottom-nav{display:none!important}
/* Admin shell - forced, even if old CSS is cached */
.admin-mode .member-nav{display:none!important}.admin-menu-toggle{display:none!important;position:fixed!important;left:14px!important;bottom:18px!important;z-index:95!important;border:0!important;border-radius:999px!important;background:var(--lc-gold)!important;color:#111!important;font-weight:950!important;padding:12px 16px!important;box-shadow:0 14px 38px rgba(0,0,0,.22)!important}.admin-sidebar{position:fixed!important;top:82px!important;left:0!important;bottom:0!important;width:306px!important;z-index:60!important;background:linear-gradient(180deg,var(--lc-sidebar),var(--lc-sidebar-2))!important;color:#fff!important;overflow:auto!important;padding:18px 15px 28px!important;box-shadow:14px 0 36px rgba(0,31,96,.16)!important}.side-head{display:block!important;padding:12px 12px 17px!important;border-bottom:1px solid rgba(255,255,255,.18)!important;margin:0 0 14px!important}.side-head b{display:block!important;font-size:18px!important;color:#fff!important}.side-head span{display:block!important;margin-top:3px!important;font-size:12px!important;color:#cfe1ff!important}.side-group{display:block!important;margin:13px 0!important}.side-group h3{display:block!important;margin:0 0 7px!important;color:#f9d35f!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:950!important}.side-group .nav-link,.admin-sidebar .nav-link{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;color:#eaf2ff!important;padding:10px 11px!important;margin:3px 0!important;border-radius:14px!important;background:transparent!important;font-weight:900!important;text-decoration:none!important;line-height:1.15!important;white-space:normal!important}.admin-sidebar .nav-link:hover,.admin-sidebar .nav-link.active{background:rgba(255,255,255,.12)!important;color:#fff!important}.admin-sidebar .nav-link.active{box-shadow:inset 4px 0 0 var(--lc-gold)!important;background:rgba(253,185,19,.18)!important}.nav-ico{width:26px!important;height:26px!important;min-width:26px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.11)!important;border-radius:9px!important;font-size:14px!important}.admin-mode .wrap{max-width:none!important;margin-left:306px!important;padding:24px 28px!important}.admin-mode footer{margin-left:306px!important}.admin-quick-tabs{display:none!important}.admin-menu-backdrop{display:none!important}.admin-mode .card{max-width:none!important}.admin-mode .hero{border-radius:24px!important}.admin-mode .stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
/* Forms and special blocks */
input[type=checkbox]{width:auto!important;accent-color:var(--lc-blue)!important;transform:scale(1.08)!important}label:has(> input[type=checkbox]){display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-height:42px!important}.consent{display:flex!important;align-items:flex-start!important;gap:12px!important;background:#fffaf0!important;border:1px solid #f5c84c!important;border-radius:16px!important;padding:14px!important}.checklist{list-style:none!important;margin:16px 0!important;padding:0!important;display:grid!important;gap:12px!important}.checklist li{list-style:none!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:8px 12px!important;padding:15px 16px!important;border-radius:16px!important;border:1px solid var(--lc-line)!important;background:#fff!important}.checklist li.done{background:#f0fdf4!important;border-color:#a7f3d0!important}.checklist li.todo{background:#fffdf0!important;border-color:#fde68a!important}.checklist li b{font-size:15px!important;color:var(--lc-blue)!important}.checklist li.done b{color:#047857!important}.checklist li.todo b{color:#92400e!important}.checklist li span{grid-column:2!important;color:var(--lc-muted)!important;font-size:13px!important}.report-template,.report-pre{background:#fff!important;border:1px solid var(--lc-line)!important;border-radius:18px!important;padding:18px!important;overflow:auto!important}.report-pre{white-space:pre-wrap!important;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;background:#f8fafc!important}
@media(max-width:1100px){.top{min-height:74px!important;padding:10px 13px!important}.brand{max-width:calc(100vw - 240px)!important}.top-pin .dgpin{width:46px!important;height:46px!important}.admin-menu-toggle{display:inline-flex!important}.admin-sidebar{top:0!important;width:min(88vw,320px)!important;transform:translateX(-110%)!important;transition:transform .22s ease!important;z-index:100!important}.menu-open .admin-sidebar{transform:translateX(0)!important}.admin-menu-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.35)!important;z-index:98!important}.menu-open .admin-menu-backdrop{display:block!important}.admin-mode .wrap,.admin-mode footer{margin-left:0!important}.admin-quick-tabs{display:flex!important;gap:8px!important;overflow:auto!important;background:#fff!important;border-bottom:1px solid var(--lc-line)!important;padding:9px!important;position:sticky!important;top:74px!important;z-index:49!important}.admin-quick-tabs .nav-link{display:inline-flex!important;align-items:center!important;color:#111827!important;background:#f1f5f9!important;border-radius:999px!important;white-space:nowrap!important;margin:0!important;padding:9px 12px!important;min-width:auto!important}.admin-quick-tabs .nav-link.active{background:#fff7d6!important;color:#7a5400!important;box-shadow:none!important}.admin-quick-tabs .nav-ico{display:none!important}.admin-mode .wrap{padding:16px 13px 88px!important}.grid{grid-template-columns:1fr!important}.table-wrap table,table{min-width:680px!important}.top-actions .userpill{display:none!important}.top-actions .btn{font-size:11px!important;padding:7px 9px!important;min-height:32px!important}}
@media(max-width:760px){.top{grid-template-columns:minmax(0,1fr) auto!important}.brand strong{font-size:14px!important;max-width:210px!important}.brand span{font-size:11px!important}.logo-img{width:42px!important;height:42px!important}.top-actions{gap:5px!important}.top-actions .btn{padding:7px 8px!important}.top-pin{display:none!important}.wrap{padding:12px!important}.stats{grid-template-columns:1fr 1fr!important}.card{padding:16px!important;border-radius:18px!important}.hero{padding:20px!important}.hero h1{font-size:24px!important}.member-mode{padding-bottom:76px!important}.member-mode .member-nav{display:none!important}.member-mode .mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:90!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #dbe7f8!important;box-shadow:0 -10px 28px rgba(0,31,96,.10)!important;padding:7px 6px 8px!important}.mobile-bottom-nav a{display:grid!important;place-items:center!important;gap:2px!important;color:#64748b!important;text-decoration:none!important;border-radius:14px!important;padding:6px 2px!important;font-size:11px!important;font-weight:950!important}.mobile-bottom-nav a b{font-size:18px!important;line-height:1!important;color:#00338D!important}.mobile-bottom-nav a.active{background:#fff7d6!important;color:#5c3d00!important}.mobile-bottom-nav a.active b{color:#8b6500!important}.checklist li{grid-template-columns:1fr!important}.checklist li span{grid-column:1!important}.quick .btn{flex:1 1 100%!important}}
@media(max-width:460px){.stats{grid-template-columns:1fr!important}.top{min-height:68px!important}.admin-quick-tabs{top:68px!important}.btn{width:100%!important}.top-actions .btn{width:auto!important}.inline .btn{width:auto!important}.card h1{font-size:24px!important}.card h2{font-size:21px!important}}
@media print{.admin-sidebar,.admin-menu-toggle,.admin-quick-tabs,.admin-menu-backdrop,.mobile-bottom-nav,.top,.nav,.btn,footer,form,.quick{display:none!important}.admin-mode .wrap,.admin-mode footer{margin-left:0!important}.card,.receipt{box-shadow:none!important;border:0!important}.wrap{max-width:100%!important;padding:0!important}a{color:#000!important}}
