:root{
  --bg:#f4f5f7;--surface:#fff;--surface-2:#151516;--ink:#171719;--muted:#70727a;
  --gold:#d7a43a;--gold-2:#f4d27a;--gold-dark:#8e6418;--line:#e6e7eb;
  --success:#16845b;--warning:#b57408;--danger:#b63434;--radius:18px;--shadow:0 18px 55px rgba(18,18,20,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;background:linear-gradient(180deg,#0d0d0e,#19191b);color:#fff;padding:20px 16px;display:flex;flex-direction:column;z-index:40;box-shadow:12px 0 40px rgba(0,0,0,.15)}.brand-block{display:flex;gap:12px;align-items:center;padding:8px 10px 20px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-block img{width:64px;height:48px;object-fit:cover;object-position:center;border-radius:12px;border:1px solid rgba(244,210,122,.35)}.brand-block strong{font-family:"Playfair Display",serif;font-size:22px;letter-spacing:3px;color:var(--gold-2)}.brand-block small{display:block;color:#b9b9bd;font-size:11px;margin-top:3px}.sidebar-nav{overflow:auto;padding:18px 3px;flex:1}.nav-caption{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#77787e;padding:0 12px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#c9c9cd;margin:4px 0;font-size:14px;transition:.2s}.nav-link:hover,.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(215,164,58,.22),rgba(215,164,58,.07));box-shadow:inset 3px 0 0 var(--gold)}.nav-icon{display:grid;place-items:center;width:26px;height:26px;color:var(--gold-2);font-weight:700}.sidebar-footer{padding:14px 12px;border-top:1px solid rgba(255,255,255,.09)}.sidebar-footer span,.sidebar-footer small{display:block}.sidebar-footer span{font-size:12px;color:#ddd}.sidebar-footer small{font-size:11px;color:#777;margin-top:4px}.main-area{margin-left:280px;min-width:0;width:calc(100% - 280px);display:flex;min-height:100vh;flex-direction:column}.topbar{height:88px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:30}.eyebrow{margin:0;color:var(--gold-dark);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800}.topbar h1{margin:4px 0 0;font-size:24px}.topbar-actions{display:flex;align-items:center;gap:12px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.mobile-menu{display:none}.user-chip{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:7px 12px 7px 7px;border-radius:15px;cursor:pointer}.avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--gold-2),var(--gold-dark));color:#17120b;font-weight:800;display:grid;place-items:center}.user-chip-copy strong,.user-chip-copy span{display:block}.user-chip-copy strong{font-size:13px}.user-chip-copy span{font-size:11px;color:var(--muted);margin-top:2px}.user-menu{display:none;position:absolute;right:0;top:58px;background:#fff;width:190px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px}.user-chip:hover .user-menu{display:block}.user-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:13px}.user-menu a:hover{background:#f5f5f7}.danger-link{color:var(--danger)!important}.content-wrap{padding:28px 30px;flex:1}.app-footer{display:flex;justify-content:space-between;padding:18px 30px;color:var(--muted);font-size:12px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:20px;position:relative;overflow:hidden}.stat-card::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;top:-35px;background:rgba(215,164,58,.12)}.stat-card .label{color:var(--muted);font-size:12px}.stat-card .value{font-size:28px;font-weight:800;margin-top:9px}.stat-card .hint{font-size:11px;color:var(--muted);margin-top:6px}.card{padding:22px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.card-header h2,.card-header h3{margin:0}.card-header p{margin:5px 0 0;color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 16px;font-weight:700;font-size:13px;cursor:pointer}.button-primary{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#22190a}.button-dark{background:#171719;color:#fff}.button-light{background:#f4f4f6;color:#29292d;border:1px solid var(--line)}.button-danger{background:#fff0f0;color:var(--danger);border:1px solid #f1cdcd}.button-sm{padding:7px 10px;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field-full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe0e4;background:#fff;border-radius:11px;padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,164,58,.12)}.field textarea{min-height:100px;resize:vertical}.table-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.search-input{max-width:320px;width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 13px}.table-responsive{overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);background:#fafafa;text-align:left;padding:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-table td{padding:13px 12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.data-table tr:hover td{background:#fffdf7}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}.badge-success{background:#e6f6ef;color:var(--success)}.badge-warning{background:#fff3d9;color:var(--warning)}.badge-danger{background:#fdeaea;color:var(--danger)}.badge-secondary{background:#efeff2;color:#5f6067}.alert{padding:13px 16px;border-radius:12px;margin-bottom:18px;font-size:13px}.alert-success{background:#e8f7f0;color:#126746;border:1px solid #c4ead8}.alert-danger{background:#fff0f0;color:#982d2d;border:1px solid #f1cccc}.hero-panel{background:linear-gradient(115deg,#101011 0%,#25201a 55%,#8e6418 140%);color:#fff;border-radius:24px;padding:28px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-panel::after{content:"W";font-family:"Playfair Display",serif;font-size:220px;color:rgba(244,210,122,.08);position:absolute;right:25px;top:-80px}.hero-panel h2{font-family:"Playfair Display",serif;font-size:32px;margin:0 0 8px}.hero-panel p{max-width:620px;color:#d2d2d4;margin:0;line-height:1.6}.hero-logo{width:120px;height:86px;object-fit:cover;border-radius:16px;border:1px solid rgba(244,210,122,.35);z-index:1}.section-gap{margin-top:22px}.progress{height:9px;background:#ececf0;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2))}.empty-state{text-align:center;padding:35px;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.open{display:flex}.modal-panel{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:24px;box-shadow:0 24px 90px rgba(0,0,0,.3)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.close-button{border:0;background:#f1f1f3;border-radius:9px;width:34px;height:34px;cursor:pointer}.login-page{min-height:100vh;background:#0e0e0f;display:grid;grid-template-columns:1.15fr .85fr}.login-art{position:relative;display:flex;align-items:center;justify-content:center;padding:50px;background:radial-gradient(circle at 35% 35%,#3b2c12 0%,#151515 32%,#090909 72%)}.login-art img{max-width:560px;width:90%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45))}.login-art-copy{position:absolute;left:55px;bottom:45px;color:#fff}.login-art-copy h1{font-family:"Playfair Display",serif;font-size:34px;margin:0}.login-art-copy p{color:#b9b9bd;margin:8px 0 0}.login-form-wrap{background:#fff;display:flex;align-items:center;padding:55px}.login-form{max-width:430px;width:100%;margin:auto}.login-form .kicker{color:var(--gold-dark);font-size:12px;text-transform:uppercase;letter-spacing:1.4px;font-weight:800}.login-form h2{font-size:34px;margin:8px 0}.login-form>p{color:var(--muted);margin:0 0 26px;line-height:1.6}.login-form .field{margin-bottom:15px}.login-submit{width:100%;margin-top:6px}.login-help{font-size:12px;color:var(--muted);margin-top:18px;text-align:center}.role-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.role-strip span{background:#f2f2f4;border-radius:999px;padding:6px 9px;font-size:10px;color:#65666c}.public-apply{min-height:100vh;background:#f5f5f7;padding:30px}.apply-shell{max-width:1000px;margin:auto}.public-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.public-header img{width:90px;height:62px;object-fit:cover;border-radius:12px}.public-brand{display:flex;gap:12px;align-items:center}.public-brand strong,.public-brand span{display:block}.public-brand strong{font-family:"Playfair Display",serif;font-size:24px}.public-brand span{color:var(--muted);font-size:12px}.sidebar-backdrop{display:none}
@media(max-width:1180px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:35}.sidebar-open .sidebar-backdrop{display:block}.main-area{margin-left:0;width:100%}.mobile-menu{display:grid}.login-page{grid-template-columns:1fr}.login-art{min-height:280px}.login-art img{max-width:340px}.login-art-copy{display:none}.login-form-wrap{padding:35px 22px}}
@media(max-width:680px){.topbar{padding:0 15px;height:76px}.topbar h1{font-size:19px}.user-chip-copy{display:none}.content-wrap{padding:18px 14px}.grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}.hero-panel{padding:22px}.hero-panel h2{font-size:25px}.hero-logo{display:none}.card{padding:16px}.table-tools{align-items:stretch;flex-direction:column}.search-input{max-width:none}.app-footer{padding:14px;flex-direction:column;gap:6px}.public-apply{padding:15px}.public-header{align-items:flex-start;gap:10px}.public-header .button{padding:9px 10px}}

/* ===== WELLIPO ERP Premium Admin Upgrade v3.3 ===== */
:root{
  --bg:#f3f7fc;--surface:#ffffff;--surface-soft:#f8fbff;--ink:#10233e;--muted:#6b7d91;
  --navy:#061d38;--blue:#0b67c2;--blue-2:#4aa9ff;--purple:#725cf5;--pink:#ef5aa8;
  --teal:#10b7ae;--green:#23a56d;--orange:#f39b38;--yellow:#f4c64f;--red:#dd5263;
  --gold:#e5ac32;--gold-2:#ffd86f;--line:#dfe8f2;--radius:20px;
  --shadow:0 18px 46px rgba(14,52,92,.09);--shadow-lg:0 28px 80px rgba(10,43,82,.16)
}
body{font-family:"Outfit",Inter,system-ui,sans-serif;background:
  radial-gradient(circle at 98% 0,rgba(114,92,245,.08),transparent 22%),
  radial-gradient(circle at 0 100%,rgba(16,183,174,.07),transparent 20%),var(--bg);color:var(--ink)}
.sidebar{width:286px;background:
  radial-gradient(circle at 15% 8%,rgba(114,92,245,.28),transparent 22%),
  radial-gradient(circle at 95% 70%,rgba(16,183,174,.18),transparent 25%),
  linear-gradient(180deg,#051a32 0%,#082b50 52%,#061c35 100%);padding:18px 15px;box-shadow:18px 0 55px rgba(4,29,55,.18)}
.brand-block{padding:9px 10px 19px;border-bottom-color:rgba(255,255,255,.12)}
.brand-block img{width:68px;height:50px;border:1px solid rgba(255,216,111,.55);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.brand-block strong{font-family:"Playfair Display",serif;font-size:23px;color:#fff;letter-spacing:4px}
.brand-block small{color:#bbcee2}
.sidebar-nav{padding:17px 3px}
.nav-caption{color:#8da8c3;font-size:10px;font-weight:800}
.nav-link{color:#c8d9e9;padding:12px 12px;border-radius:13px;font-weight:600;position:relative;overflow:hidden}
.nav-link:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:99px;background:transparent}
.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,rgba(255,216,111,.19),rgba(114,92,245,.17));box-shadow:none;color:#fff}
.nav-link:hover:before,.nav-link.active:before{background:linear-gradient(180deg,var(--gold-2),var(--pink),var(--purple))}
.nav-icon{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.08);color:var(--gold-2);font-size:13px}
.sidebar-footer{border-top-color:rgba(255,255,255,.12)}
.main-area{margin-left:286px;width:calc(100% - 286px)}
.topbar{height:88px;padding:0 30px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(14,61,110,.09);box-shadow:0 10px 28px rgba(13,50,90,.05)}
.topbar:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold-2),var(--teal),var(--purple),var(--pink),var(--gold-2));background-size:260% 100%;animation:adminGradient 9s linear infinite}
@keyframes adminGradient{to{background-position:260% 0}}
.eyebrow{color:var(--blue);font-size:10px}
.topbar h1{font-size:25px;font-weight:800;color:#142b47}
.icon-button{border:none;background:#f3f7fb;color:#183753;box-shadow:inset 0 0 0 1px #dfe8f2}
.icon-button:hover{background:#eaf4ff;color:var(--blue)}
.user-chip{border:none;box-shadow:0 10px 26px rgba(11,50,90,.08);padding-right:14px}
.avatar{background:linear-gradient(135deg,var(--gold-2),var(--orange));color:#10233e;box-shadow:0 8px 18px rgba(244,188,67,.25)}
.content-wrap{padding:28px 30px 36px}
.stat-card,.card{border:none;box-shadow:var(--shadow)}
.card{padding:23px;background:rgba(255,255,255,.97)}
.card-header h2,.card-header h3{color:#132b48;font-weight:800}
.card-header p{color:var(--muted)}
.button{border-radius:12px;transition:.2s ease;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(135deg,#0b4c87,var(--purple));color:#fff;box-shadow:0 11px 25px rgba(74,69,215,.20)}
.button-dark{background:linear-gradient(135deg,#102d4e,#071d35);color:#fff}
.button-light{background:#f4f8fc;color:#24415f;border:1px solid #dce7f2}
.button-danger{background:#fff0f2;color:#b92c42;border:1px solid #f3cbd2}
.button-success{background:#e9f9f1;color:#117348;border:1px solid #c9ebd9}
.button-view{background:#eaf5ff;color:#0b5da9;border:1px solid #c9e4fa}
.button-edit{background:#f3efff;color:#5b46cd;border:1px solid #dcd3ff}
.button-print{background:#fff7df;color:#9a6100;border:1px solid #f1d897}
.button-glass{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.32)}
.button-sm{padding:7px 10px;font-size:11px}
.hero-panel{background:
  radial-gradient(circle at 85% 15%,rgba(255,216,111,.20),transparent 20%),
  radial-gradient(circle at 10% 100%,rgba(114,92,245,.22),transparent 24%),
  linear-gradient(120deg,#041a31,#0a467b 58%,#725cf5 120%);border-radius:25px;padding:31px 34px;box-shadow:0 25px 70px rgba(8,42,81,.20)}
.hero-panel::after{content:"W";color:rgba(255,255,255,.06);font-size:250px;top:-105px;right:18px}
.hero-panel h2{font-size:36px;color:#fff}
.hero-panel p{color:#dbe9f7;max-width:760px}
.hero-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:var(--gold-2);font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:12px}
.hero-actions{display:flex;gap:11px;margin-top:22px;position:relative;z-index:2}
.hero-logo{width:135px;height:92px;box-shadow:0 20px 45px rgba(0,0,0,.25)}
.admin-summary-grid{gap:17px}
.admin-summary-grid .stat-card{min-height:142px;padding:21px 22px;position:relative;border-radius:20px;overflow:hidden}
.admin-summary-grid .stat-card:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--tone,#0b67c2)}
.admin-summary-grid .stat-card::after{width:120px;height:120px;right:-50px;top:-45px;background:color-mix(in srgb,var(--tone,#0b67c2) 14%,transparent)}
.stat-card.tone-blue{--tone:var(--blue);background:linear-gradient(180deg,#fff,#f5faff)}
.stat-card.tone-green{--tone:var(--green);background:linear-gradient(180deg,#fff,#f2fcf7)}
.stat-card.tone-purple{--tone:var(--purple);background:linear-gradient(180deg,#fff,#f7f4ff)}
.stat-card.tone-orange{--tone:var(--orange);background:linear-gradient(180deg,#fff,#fff8ee)}
.stat-card.tone-pink{--tone:var(--pink);background:linear-gradient(180deg,#fff,#fff3f8)}
.stat-card.tone-teal{--tone:var(--teal);background:linear-gradient(180deg,#fff,#f0fffc)}
.stat-card.tone-yellow{--tone:var(--yellow);background:linear-gradient(180deg,#fff,#fffbe9)}
.stat-card.tone-red{--tone:var(--red);background:linear-gradient(180deg,#fff,#fff3f4)}
.stat-card .label{font-size:11px;font-weight:700;color:#6c7e91;text-transform:uppercase;letter-spacing:.7px}
.stat-card .value{font-size:29px;color:#122d4b}
.stat-card .value.value-text{font-size:19px;line-height:1.25;margin-top:13px}
.stat-card .hint{font-size:10px}
.stat-icon{position:absolute;right:18px;bottom:17px;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--tone,#0b67c2) 15%,white);color:var(--tone,#0b67c2);display:grid;place-items:center;font-size:10px;font-weight:900}
.dashboard-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(360px,.8fr)}
.dashboard-chart-card{min-height:420px}
.bar-chart{height:245px;display:flex;gap:13px;align-items:end;padding:24px 10px 0;border-bottom:1px solid #e1e9f2;background:linear-gradient(180deg,rgba(239,246,253,.65),transparent);border-radius:15px}
.bar-item{height:100%;flex:1;min-width:40px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px}
.bar-value{font-size:8px;color:#6a7b8d;writing-mode:vertical-rl;transform:rotate(180deg);max-height:65px}
.bar-track{height:155px;width:100%;max-width:34px;border-radius:10px 10px 3px 3px;background:#edf2f7;display:flex;align-items:end;overflow:hidden}
.bar-track i{display:block;width:100%;background:linear-gradient(180deg,var(--pink),var(--purple),var(--blue));border-radius:10px 10px 3px 3px;min-height:8px}
.bar-item strong{font-size:10px;color:#51667c}
.collection-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.collection-summary span{padding:13px;border-radius:13px;background:#f7fafd;border:1px solid #e2eaf2}.collection-summary small,.collection-summary strong{display:block}.collection-summary small{font-size:9px;color:#7b8b9a}.collection-summary strong{font-size:14px;margin-top:4px}
.quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-action-grid a{padding:15px;border:1px solid #e0e9f2;border-radius:15px;background:linear-gradient(180deg,#fff,#f9fbfe);transition:.2s}.quick-action-grid a:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(11,49,89,.09);border-color:#b9d6ef}.quick-action-grid a>span{width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,#eaf5ff,#f2edff);display:grid;place-items:center;color:var(--blue);font-weight:900}.quick-action-grid strong,.quick-action-grid small{display:block}.quick-action-grid strong{font-size:12px;margin-top:9px}.quick-action-grid small{font-size:9px;color:#7b8b9b;margin-top:3px}
.premium-table{border-radius:15px;overflow:hidden}.data-table th{background:#f5f8fc;border-top:0;color:#607387;font-weight:800}.data-table td{color:#233d58}.data-table td strong,.data-table td small{display:block}.data-table td small{margin-top:4px;color:#8191a1;font-size:10px}.data-table tr:hover td{background:#f8fbff}.text-right{text-align:right}.compact-table td{padding:11px 10px}
.person-cell{display:flex;align-items:center;gap:10px}.person-cell>span,.person-cell>img{width:39px;height:39px;border-radius:12px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#dff2ff,#ded4ff);color:#153250;font-weight:900;flex:0 0 auto}
.money-positive{color:#138159!important}.money-due{color:#c84455!important}.mini-progress{width:75px;height:6px;background:#e9eef3;border-radius:99px;margin-top:6px;overflow:hidden}.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--blue))}
.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap}.inline-form{display:inline-flex;margin:0}
.filter-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:17px;padding:13px;border-radius:15px;background:#f7fafd;border:1px solid #e1e9f2}.filter-toolbar input,.filter-toolbar select{min-height:40px;padding:9px 11px;border:1px solid #dce6ef;border-radius:10px;background:#fff;color:#334d67}.filter-toolbar .search-input{min-width:250px;flex:1}
.form-section-title{margin-top:7px;padding:10px 12px;border-radius:11px;background:linear-gradient(90deg,#eaf5ff,#f7f2ff,#fff7e3);color:#173653;font-weight:800;font-size:12px;border-left:4px solid var(--purple)}
.form-actions{display:flex!important;flex-direction:row!important;justify-content:flex-end;align-items:center;gap:10px}
.modal{backdrop-filter:blur(4px)}.modal-panel{border-radius:23px;box-shadow:var(--shadow-lg)}.modal-xl{width:min(1120px,100%)}.modal-sm{width:min(480px,100%)}.modal-head h2{margin:0;color:#132d4a}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.close-button{display:grid;place-items:center;color:#24425f;text-decoration:none;font-size:20px}
.profile-summary{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:20px;border-radius:17px;background:linear-gradient(120deg,#f1f8ff,#fff,#f8f3ff);border:1px solid #dfe9f3}.profile-avatar img,.profile-avatar span{width:78px;height:78px;border-radius:20px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue-2),var(--purple));color:#fff;font-size:28px;font-weight:800}.profile-summary h3{font-size:22px;margin:0}.profile-summary p{margin:5px 0 8px;color:var(--muted)}.profile-badges{display:flex;gap:6px}.profile-actions{display:flex;gap:8px}
.detail-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.detail-stat-grid article{padding:16px;border-radius:15px;background:linear-gradient(180deg,#fff,#f7fafd);border:1px solid #e0e9f2}.detail-stat-grid span,.detail-stat-grid strong{display:block}.detail-stat-grid span{font-size:9px;color:#7c8d9e;text-transform:uppercase;letter-spacing:.6px}.detail-stat-grid strong{font-size:18px;margin-top:6px}
.detail-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-columns.two-columns{grid-template-columns:1fr 1fr}.detail-card{padding:18px;border:1px solid #e0e9f2;border-radius:17px;background:#fff}.detail-card h3{margin:0 0 12px;color:#183653;font-size:14px}.detail-list-vertical{margin:0}.detail-list-vertical div{padding:9px 0;border-bottom:1px dashed #e2e8ef}.detail-list-vertical div:last-child{border-bottom:0}.detail-list-vertical dt{font-size:9px;color:#8190a0;text-transform:uppercase;letter-spacing:.5px}.detail-list-vertical dd{margin:3px 0 0;font-size:12px;color:#243f5b;overflow-wrap:anywhere}.mini-list{display:grid}.mini-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e6edf4}.mini-list>div:last-child{border-bottom:0}.mini-list strong,.mini-list small{display:block}.mini-list strong{font-size:11px}.mini-list small{font-size:9px;color:#8493a2;margin-top:3px}.mini-list a{font-size:9px;color:var(--blue);font-weight:800}.compact-empty{padding:18px}.card-header.compact{margin-bottom:8px}
.receipt-detail-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-radius:16px;background:linear-gradient(120deg,#f2f8ff,#fff8e6,#f5f0ff)}.receipt-detail-head span,.receipt-detail-head strong{display:block}.receipt-detail-head span{font-size:10px;color:#718397}.receipt-detail-head strong{font-size:27px;color:var(--blue);margin-top:4px}
.activity-list{display:grid}.activity-item{display:grid;grid-template-columns:16px 1fr;gap:9px;padding:11px 0;border-bottom:1px solid #e6edf4}.activity-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--purple));margin-top:4px}.activity-item strong{font-size:12px}.activity-item p{font-size:10px;color:var(--muted);margin:4px 0}.activity-item small{font-size:8px;color:#96a3af}
.payment-list{display:grid}.payment-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #e6edf4}.payment-row:last-child{border-bottom:0}.payment-icon{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#e6f8f1,#dff1ff);color:var(--green);display:grid;place-items:center;font-weight:900}.payment-row strong,.payment-row small{display:block}.payment-row strong{font-size:11px}.payment-row small{font-size:9px;color:#8795a4;margin-top:3px}.payment-row>a{font-size:9px;color:var(--blue);font-weight:800}
.branch-snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.branch-snapshot-grid article{padding:17px;border-radius:16px;border:1px solid #e0e9f2;background:linear-gradient(180deg,#fff,#f8fbff);position:relative;overflow:hidden}.branch-snapshot-grid article:nth-child(4n+2){background:linear-gradient(180deg,#fff,#fff9ed)}.branch-snapshot-grid article:nth-child(4n+3){background:linear-gradient(180deg,#fff,#f8f4ff)}.branch-snapshot-grid article:nth-child(4n+4){background:linear-gradient(180deg,#fff,#effefb)}.branch-code{font-size:8px;font-weight:900;color:var(--blue);background:#eaf5ff;padding:5px 7px;border-radius:7px}.branch-snapshot-grid h3{font-size:13px;margin:12px 0 4px}.branch-snapshot-grid p{font-size:9px;color:var(--muted);margin:0 0 14px}.branch-snapshot-grid article>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.branch-snapshot-grid small,.branch-snapshot-grid strong{display:block}.branch-snapshot-grid small{font-size:8px;color:#8391a0}.branch-snapshot-grid strong{font-size:12px;margin-top:4px}.branch-snapshot-grid a{display:inline-block;margin-top:13px;font-size:9px;color:var(--blue);font-weight:800}
.progress-ring-row{display:flex;align-items:center;gap:25px}.progress-ring{--value:0;width:125px;height:125px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--value)*1%),#e7edf3 0);display:grid;place-items:center;position:relative;flex:0 0 auto}.progress-ring:after{content:"";position:absolute;width:91px;height:91px;border-radius:50%;background:#fff}.progress-ring span{position:relative;z-index:1;font-size:23px;font-weight:800}.muted-copy{color:var(--muted);font-size:12px;line-height:1.6}.header-buttons{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1250px){.dashboard-main-grid{grid-template-columns:1fr}.branch-snapshot-grid{grid-template-columns:repeat(2,1fr)}.detail-columns{grid-template-columns:1fr 1fr}.admin-summary-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1050px){.admin-summary-grid{grid-template-columns:repeat(2,1fr)}.detail-stat-grid{grid-template-columns:repeat(2,1fr)}.main-area{margin-left:0;width:100%}}
@media(max-width:900px){.sidebar{width:286px}.profile-summary{grid-template-columns:auto 1fr}.profile-actions{grid-column:1/-1}.detail-columns,.detail-columns.two-columns{grid-template-columns:1fr}.dashboard-main-grid{grid-template-columns:1fr}.filter-toolbar{align-items:stretch}.filter-toolbar>*{flex:1 1 180px}.hero-actions{flex-wrap:wrap}}
@media(max-width:680px){.content-wrap{padding:17px 13px 28px}.topbar{padding:0 14px}.hero-panel{padding:24px 20px}.hero-panel h2{font-size:28px}.admin-summary-grid,.detail-stat-grid,.branch-snapshot-grid,.quick-action-grid,.collection-summary{grid-template-columns:1fr}.profile-summary{grid-template-columns:1fr;text-align:center}.profile-avatar{display:flex;justify-content:center}.profile-badges,.profile-actions{justify-content:center;flex-wrap:wrap}.form-actions{flex-direction:column!important}.form-actions .button{width:100%}.payment-row{grid-template-columns:auto 1fr}.payment-row>div:nth-child(3),.payment-row>a{grid-column:2}.progress-ring-row{display:block;text-align:center}.progress-ring{margin:0 auto 20px}.bar-chart{overflow-x:auto}.detail-columns{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.filter-toolbar .search-input{min-width:0}.hero-actions .button{width:100%}}