:root{--navy: #12102e;--navy-2: #1a1740;--abyss: #0a0820;--bg: #f4f5f9;--bg-soft: #f8f9fc;--panel: #ffffff;--line: #e5e7f0;--line-soft: #eef0f6;--gold: #9a6f17;--gold-bright: #e6b84c;--gold-deep: #a97c1f;--gold-ink: #9a6f17;--gold-soft: #f5e0a8;--cream: #f6efdd;--heading: #17153a;--text: #232640;--text-dim: #5b5f78;--text-faint: #8f93ab;--success: #148a5c;--warning: #b26a09;--danger: #d4383e;--info: #2f6bd0;--shadow-card: 0 1px 2px rgba(23, 21, 58, .05), 0 8px 24px -18px rgba(23, 21, 58, .18);--shadow-pop: 0 12px 40px -12px rgba(23, 21, 58, .25);--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--sidebar-w: 244px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--serif: "Playfair Display", Georgia, "Times New Roman", serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{font-family:var(--serif);font-weight:700;color:var(--heading);letter-spacing:-.2px}::selection{background:#e6b84c59}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#17153a29;border-radius:8px}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;position:sticky;top:0;height:100vh;padding:22px 14px;border-right:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,var(--navy-2) 0%,var(--navy) 55%,var(--abyss) 100%);display:flex;flex-direction:column;gap:6px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:4px 10px 18px}.brand-mark{width:38px;height:38px;border-radius:11px;flex-shrink:0;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));display:grid;place-items:center;font-family:var(--serif);font-weight:800;font-size:20px;color:var(--navy);box-shadow:0 8px 20px -8px #e6b84c99}.brand-logo{border-radius:50%;flex-shrink:0;object-fit:cover;display:block;border:1.4px solid rgba(230,184,76,.55);box-shadow:0 8px 22px -8px #e6b84c8c}.brand-name{font-family:var(--serif);font-size:19px;font-weight:800;letter-spacing:3px;color:var(--cream)}.brand-sub{font-size:9.5px;letter-spacing:2.4px;color:var(--gold-bright);font-weight:600;margin-top:1px}.nav-group-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#ece8f76b;padding:16px 12px 6px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);color:#ece8f7b8;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;position:relative}.nav-item:hover{background:#ffffff0f;color:#f2effb}.nav-item.active{background:#e6b84c24;color:var(--gold-soft);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep))}.nav-ico{width:18px;height:18px;flex-shrink:0;opacity:.9}.nav-badge{margin-left:auto;min-width:20px;height:18px;padding:0 6px;border-radius:9px;background:#e4494f;color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center}.nav-badge.gold{background:var(--gold-bright);color:var(--navy)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:18px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar h1{font-size:22px}.topbar .eyebrow{font-size:10.5px;letter-spacing:1.8px;color:var(--gold-ink);font-weight:700;text-transform:uppercase}.topbar-spacer{flex:1}.topbar-pill{display:flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;color:var(--text-dim);background:var(--panel)}.admin-chip{display:flex;align-items:center;gap:9px}.admin-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#243357,#12102e);border:1.4px solid rgba(201,150,46,.55);display:grid;place-items:center;font-family:var(--serif);font-weight:700;color:var(--gold-soft);font-size:13px}.page{padding:26px 28px 60px;max-width:1320px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card.gold{border-color:#c9962e73;box-shadow:0 8px 28px -18px #c9962e59}.card-pad{padding:20px}.page-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:18px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px}.section-title h2{font-size:19px}.section-title .eyebrow{font-size:10.5px;letter-spacing:1.8px;color:var(--gold-ink);font-weight:700;text-transform:uppercase;margin-bottom:3px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.stat{padding:16px 18px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-card)}.stat-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);font-weight:500}.stat-ico{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#c9962e1f;color:var(--gold-ink)}.stat-value{font-family:var(--serif);font-size:28px;font-weight:700;color:var(--heading);margin-top:10px;line-height:1.05}.stat-foot{font-size:11.5px;color:var(--text-faint);margin-top:4px}.stat-foot.up{color:var(--success)}.stat-foot.down{color:var(--danger)}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-card)}table.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}.tbl thead th{text-align:left;padding:13px 16px;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);font-weight:700;background:var(--bg-soft);border-bottom:1px solid var(--line);white-space:nowrap}.tbl tbody td{padding:13px 16px;border-bottom:1px solid var(--line-soft);color:var(--text-dim);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--bg-soft)}.tbl .strong{color:var(--text);font-weight:600}.tbl .num{font-variant-numeric:tabular-nums}.cell-main{display:flex;align-items:center;gap:11px}.mini-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#243357,#12102e);border:1.2px solid rgba(201,150,46,.45);display:grid;place-items:center;font-family:var(--serif);font-weight:700;color:var(--gold-soft);font-size:12px}.mini-avatar.sq{border-radius:9px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.2px;white-space:nowrap;border:1px solid transparent}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.gold{color:var(--gold-ink);background:#c9962e1f;border-color:#c9962e59}.badge.green{color:var(--success);background:#148a5c1a;border-color:#148a5c4d}.badge.amber{color:var(--warning);background:#b26a091a;border-color:#b26a094d}.badge.red{color:var(--danger);background:#d4383e17;border-color:#d4383e4d}.badge.blue{color:var(--info);background:#2f6bd017;border-color:#2f6bd04d}.badge.gray{color:var(--text-dim);background:var(--bg-soft);border-color:var(--line)}.badge.plat{color:#47546b;background:#47546b14;border-color:#47546b47}.btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid transparent;transition:transform .08s,filter .15s,background .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#241c04;box-shadow:0 8px 20px -10px #a97c1f8c}.btn-gold:hover{filter:brightness(1.05)}.btn-ghost{border-color:#9a6f1773;color:var(--gold-ink);background:#c9962e0f}.btn-ghost:hover{background:#c9962e1f}.btn-danger{border-color:#d4383e66;color:var(--danger);background:#d4383e0d}.btn-danger:hover{background:#d4383e1a}.btn-plain{border-color:var(--line);color:var(--text-dim);background:var(--panel)}.btn-plain:hover{color:var(--text);background:var(--bg-soft)}.btn-sm{padding:6px 12px;font-size:12px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.tab{padding:8px 15px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--text-dim);border:1px solid var(--line);background:var(--panel)}.tab:hover{color:var(--text);background:var(--bg-soft)}.tab.active{background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#241c04;border-color:transparent}.tab .count{opacity:.7;margin-left:4px}.search{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);min-width:240px}.search:focus-within{border-color:#c9962e99;box-shadow:0 0 0 3px #c9962e1f}.search input{background:none;border:none;outline:none;color:var(--text);font-size:13px;flex:1}.search input::placeholder{color:var(--text-faint)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#12102e73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100;padding:20px}.modal{width:100%;max-width:520px;max-height:88vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 30px 80px -20px #12102e59;padding:24px}.modal h3{font-size:20px;margin-bottom:6px}.modal .sub{color:var(--text-dim);font-size:13px;margin-bottom:18px;line-height:1.5}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}label.field{display:block;margin-bottom:14px}label.field .lbl{display:block;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--text-faint);font-weight:600;margin-bottom:6px}.input,textarea.input,select.input{width:100%;padding:11px 13px;border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:13.5px;font-family:inherit;outline:none}.input:focus,textarea.input:focus,select.input:focus{border-color:#c9962ea6;box-shadow:0 0 0 3px #c9962e1f}textarea.input{resize:vertical;min-height:84px}select.input option{background:#fff}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px;margin:14px 0}.detail-grid .k{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);margin-bottom:3px}.detail-grid .v{font-size:14px;color:var(--text);font-weight:500}.receipt-thumb{height:150px;border-radius:var(--radius-sm);border:1px dashed rgba(154,111,23,.4);background:#c9962e0d;display:grid;place-items:center;color:var(--gold-ink);gap:6px;text-align:center}.flag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:#d4383e12;border:1px solid rgba(212,56,62,.3);color:var(--danger);font-size:11.5px;font-weight:600}.empty{text-align:center;padding:60px 20px;color:var(--text-faint)}.empty .ico{font-size:34px;margin-bottom:12px;opacity:.6}.grid-2{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:start}@media (max-width: 900px){.grid-2,.detail-grid{grid-template-columns:1fr}}.gold-divider{height:1px;margin:16px 0;background:linear-gradient(90deg,transparent,rgba(169,124,31,.4),transparent)}.toast-wrap{position:fixed;bottom:22px;right:22px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:12px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-pop);font-size:13px;color:var(--text);max-width:360px;animation:slidein .2s ease}@keyframes slidein{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.list-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.list-row:last-child{border-bottom:none}.progress{height:7px;border-radius:999px;background:#e9ebf3;overflow:hidden}.progress>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright))}.mono{font-variant-numeric:tabular-nums}.muted{color:var(--text-faint)}.right{text-align:right}.topbar-title h1{line-height:1.1}.nav-toggle{display:none;flex-direction:column;gap:4px;padding:8px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.nav-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:var(--gold-ink)}.drawer-close{display:none;margin-left:auto;background:none;border:none;color:#ece8f7b3}.nav-backdrop{display:none}.admin-menu{position:relative}.bell-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--text-dim)}.bell-btn:hover{color:var(--gold-ink);background:#c9962e14;border-color:#c9962e59}.bell-dot{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;border:2px solid #fff}.notif-pop{width:340px;max-width:calc(100vw - 32px);padding:8px}.notif-list{max-height:60vh;overflow-y:auto}.notif-row{display:flex;gap:11px;padding:11px 12px;border-radius:10px}.notif-row:hover{background:var(--bg-soft)}.notif-ico{width:28px;height:28px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;background:#c9962e1f;color:var(--gold-ink)}.notif-title{font-size:13px;font-weight:600;color:var(--text)}.notif-body{font-size:12px;color:var(--text-dim);line-height:1.4;margin:2px 0}.notif-time{font-size:11px;color:var(--text-faint)}.admin-chip{background:none;border:none;color:inherit;display:flex;align-items:center;gap:9px;padding:4px;border-radius:999px}.admin-chip:hover{background:var(--bg-soft)}.admin-meta{text-align:left;line-height:1.2}.admin-name{font-size:13px;font-weight:600;color:var(--text)}.admin-role{font-size:10.5px;color:var(--gold-ink);letter-spacing:.3px}.menu-pop{position:absolute;top:48px;right:0;min-width:220px;z-index:60;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-pop);padding:8px;overflow:hidden}.menu-head{padding:10px 12px;border-bottom:1px solid var(--line-soft);margin-bottom:6px}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;background:none;border:none;color:var(--danger);font-size:13px;font-weight:600}.menu-item:hover{background:#d4383e12}.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-faint);padding:6px;display:grid;place-items:center}.link-btn{background:none;border:none;color:var(--gold-ink);font-weight:600;font-size:inherit;padding:0}.auth-shell{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.auth-aside{padding:54px 52px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(600px 400px at 20% 10%,rgba(74,43,131,.22),transparent 60%),radial-gradient(500px 400px at 90% 90%,rgba(230,184,76,.08),transparent 60%),linear-gradient(160deg,#1a1740,#12102e);border-right:1px solid rgba(255,255,255,.06)}.auth-aside h1,.auth-aside h2,.auth-aside h3{color:var(--cream)}.auth-hero{font-size:40px;line-height:1.08;letter-spacing:-.5px}.auth-hero-sub{color:#ece8f7b8;font-size:15px;line-height:1.6;margin:18px 0 30px;max-width:440px}.auth-points{display:flex;flex-direction:column;gap:14px}.auth-point{display:flex;align-items:center;gap:12px;font-size:13.5px;color:#ece8f7b8;font-weight:500}.auth-panel{display:grid;place-items:center;padding:40px 24px}.auth-card{width:100%;max-width:400px;padding:30px 28px}.auth-brand-sm{display:none;align-items:center;gap:10px;margin-bottom:18px}@media (max-width: 1080px){.auth-hero{font-size:34px}}@media (max-width: 860px){:root{--sidebar-w: 260px}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:80;transform:translate(-100%);transition:transform .25s ease;box-shadow:40px 0 80px -30px #12102e80}.sidebar.open{transform:none}.drawer-close{display:block}.nav-toggle{display:flex}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#12102e66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:70}.hide-sm{display:none!important}.topbar{padding:14px 16px;gap:12px}.topbar-title h1{font-size:18px}.topbar .eyebrow{font-size:9.5px}.page{padding:18px 16px 60px}.section-title{flex-direction:column;align-items:flex-start;gap:12px}.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.auth-brand-sm{display:flex}.auth-panel{padding:28px 18px}}@media (max-width: 520px){.stat-value{font-size:24px}.modal{padding:20px}.tabs{gap:5px}.tab{padding:7px 12px;font-size:12px}.btn{padding:8px 13px;font-size:12.5px}}