@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg1: #f3f4fa;--bg2: rgba(255, 255, 255, .72);--bg3: rgba(238, 242, 255, .45);--header-bg: rgba(255, 255, 255, .65);--glass: rgba(255, 255, 255, .4);--gradient: linear-gradient(135deg, #4f46e5 0%, #ec4899 100%);--gradient-soft: linear-gradient(135deg, rgba(79, 70, 229, .09) 0%, rgba(236, 72, 153, .09) 100%);--border: rgba(99, 102, 241, .12);--border-hover: rgba(99, 102, 241, .28);--txt1: #0f172a;--txt2: #475569;--txt3: #8294ad;--sidebar-bg: linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, rgba(238, 242, 255, .7) 100%);--sidebar-border: rgba(99, 102, 241, .1);--sidebar-btn-hover: rgba(99, 102, 241, .04);--sidebar-btn-active: rgba(99, 102, 241, .08);--sidebar-icon: #818cf8;--sidebar-icon-active: #4f46e5;--sidebar-section-text: #4f46e5;--sidebar-section-line: rgba(79, 70, 229, .18);--green: #059669;--red: #dc2626;--yellow: #d97706;--blue: #2563eb;--purple: #7c3aed;--accent: #4f46e5;--accent-glow: rgba(79, 70, 229, .15);--badge-green-bg: #d1fae5;--badge-red-bg: #fee2e2;--badge-yellow-bg: #fef3c7;--badge-blue-bg: #dbeafe;--badge-purple-bg: #ede9fe;--sidebar-w: 268px;--shadow-sm: 0 2px 8px -1px rgba(99, 102, 241, .04), 0 1px 3px -1px rgba(99, 102, 241, .03);--shadow-md: 0 16px 36px -12px rgba(99, 102, 241, .08), 0 4px 12px -2px rgba(99, 102, 241, .04);--shadow-lg: 0 32px 64px -16px rgba(99, 102, 241, .15), 0 8px 24px -4px rgba(244, 63, 94, .06);--mesh-bg: radial-gradient(at 0% 0%, rgba(99, 102, 241, .18) 0px, transparent 55%), radial-gradient(at 100% 0%, rgba(20, 184, 166, .12) 0px, transparent 45%), radial-gradient(at 50% 100%, rgba(244, 63, 94, .12) 0px, transparent 55%), radial-gradient(rgba(99, 102, 241, .035) 1.5px, transparent 1.5px)}.dark{--bg1: #06060c;--bg2: #0c0d16;--bg3: #131422;--header-bg: rgba(12, 13, 22, .82);--glass: rgba(255, 255, 255, .02);--gradient: linear-gradient(135deg, #818cf8 0%, #c084fc 100%);--gradient-soft: linear-gradient(135deg, rgba(129, 140, 248, .12) 0%, rgba(192, 132, 252, .12) 100%);--border: rgba(255, 255, 255, .05);--border-hover: rgba(129, 140, 248, .3);--txt1: #f8fafc;--txt2: #94a3b8;--txt3: #475569;--sidebar-bg: #0c0d16;--sidebar-border: rgba(255, 255, 255, .05);--sidebar-btn-hover: rgba(255, 255, 255, .02);--sidebar-btn-active: rgba(129, 140, 248, .08);--sidebar-icon: #64748b;--sidebar-icon-active: #818cf8;--sidebar-section-text: #a5b4fc;--sidebar-section-line: rgba(165, 180, 252, .16);--green: #10b981;--red: #ef4444;--yellow: #f59e0b;--blue: #3b82f6;--purple: #8b5cf6;--accent: #818cf8;--badge-green-bg: rgba(16, 185, 129, .12);--badge-red-bg: rgba(239, 68, 68, .12);--badge-yellow-bg: rgba(245, 158, 11, .12);--badge-blue-bg: rgba(59, 130, 246, .12);--badge-purple-bg: rgba(139, 92, 246, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 16px 40px rgba(0, 0, 0, .45);--shadow-lg: 0 32px 70px rgba(0, 0, 0, .6);--mesh-bg: radial-gradient(at 0% 0%, rgba(129, 140, 248, .15) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(16, 185, 129, .06) 0px, transparent 50%), radial-gradient(rgba(255, 255, 255, .06) 1.2px, transparent 1.2px)}*{margin:0;padding:0;box-sizing:border-box}html,#root{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#080911!important;color:var(--txt1);height:100vh;padding:32px 48px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);top:-200px;right:-100px;z-index:-2;pointer-events:none}body:after{content:"";position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(168,85,247,.08) 0%,transparent 70%);bottom:-250px;left:-100px;z-index:-2;pointer-events:none}.app{display:flex;width:100%;height:100%;background-color:var(--bg1);border:1px solid var(--border);border-radius:24px;box-shadow:0 30px 70px #00000080,0 0 0 1px #ffffff0d;position:relative;overflow:hidden;transition:background-color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1)}.app:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);top:-150px;right:-150px;z-index:0;pointer-events:none}.app:after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(168,85,247,.08) 0%,transparent 70%);bottom:-200px;left:150px;z-index:0;pointer-events:none}.main-wrap{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative;z-index:1}.page-body{flex:1;overflow-y:auto;padding:0 0 24px;background:transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#80808040}.sidebar-wrap{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;flex-shrink:0;height:100%;transition:background .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1);z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.sb-brand{padding:24px 20px 20px;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;gap:12px;transition:border-color .3s}.sb-ico{width:40px;height:40px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #4f46e540;flex-shrink:0}.sb-title{font-size:18px;font-weight:800;letter-spacing:.5px;color:var(--txt1)}.sb-sub{font-size:10px;color:var(--txt1);text-transform:uppercase;letter-spacing:2px;font-weight:700;opacity:.95}.sb-user{padding:20px;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;gap:14px;transition:border-color .3s}.sb-av{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000026;overflow:hidden;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;flex-shrink:0}.sb-uname{font-size:14px;font-weight:700;margin-bottom:3px;color:var(--txt1)}.sb-urole{font-size:9px;font-weight:800;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.sb-section{display:flex;align-items:center;gap:10px;padding:20px 18px 8px;font-size:10.5px;font-weight:900;color:var(--sidebar-section-text);text-transform:uppercase;letter-spacing:1.25px;opacity:1;white-space:nowrap}.sb-section:after{content:"";height:1px;flex:1;background:var(--sidebar-section-line)}.sb-btn{width:calc(100% - 24px);margin:3px 12px;padding:10px 14px;border:none;background:none;color:var(--txt2);display:flex;align-items:center;gap:11px;cursor:pointer;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);border-radius:12px}.sb-btn:hover{background:var(--sidebar-btn-hover);color:var(--txt1)}.sb-btn.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:600;box-shadow:0 8px 20px -6px #4f46e566}.sb-btn svg{flex-shrink:0;color:var(--sidebar-icon);transition:color .15s}.sb-btn.active svg{color:#fff}.sb-badge{padding:2px 8px;background:var(--red);color:#fff;border-radius:20px;font-size:10px;font-weight:700}.sb-bottom-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:none;background:var(--bg2);color:var(--txt2);cursor:pointer;font-size:13px;font-weight:600;border-radius:10px;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid var(--border)}.sb-bottom-btn:hover{background:var(--sidebar-btn-hover);color:var(--txt1)}.sb-bottom-btn.logout:hover{color:var(--red);background:var(--badge-red-bg);border-color:#ef444433}.card{background:var(--bg2);border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:var(--shadow-md);transition:background .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.card:hover{box-shadow:var(--shadow-lg),0 0 25px var(--accent-glow);transform:translateY(-4px);border-color:var(--border-hover)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.badge-green{background:var(--badge-green-bg);color:var(--green)}.badge-red{background:var(--badge-red-bg);color:var(--red)}.badge-yellow{background:var(--badge-yellow-bg);color:var(--yellow)}.badge-blue{background:var(--badge-blue-bg);color:var(--blue)}.badge-purple{background:var(--badge-purple-bg);color:var(--purple)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid transparent}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 14px #4f46e533}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4f46e559}.btn-secondary{background:var(--bg2);border-color:var(--border);color:var(--txt1);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--bg3);transform:translateY(-1px)}.btn-danger{background:var(--badge-red-bg);border-color:transparent;color:var(--red)}.input{width:100%;padding:14px 18px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;color:var(--txt1);font-size:14px;transition:all .2s;font-family:inherit;box-shadow:inset 0 2px 4px #00000003}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:var(--bg2)}.input::placeholder{color:var(--txt3);font-weight:500}.input-label{display:block;margin-bottom:8px;font-size:13px;font-weight:800;color:var(--txt2);letter-spacing:.3px}.table-wrap{overflow-x:auto;border-radius:20px;border:1px solid var(--border);background:var(--bg2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);transition:background .3s,border-color .3s}table{width:100%;border-collapse:collapse}thead{background:var(--bg3)}th{padding:16px 24px;text-align:left;font-size:11px;font-weight:800;color:var(--txt2);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border)}td{padding:18px 24px;font-size:14px;border-bottom:1px solid var(--border);font-weight:600;color:var(--txt1);transition:background .2s}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg3)}.filters-row{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.filter-select{padding:10px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;color:var(--txt1);font-size:13px;cursor:pointer;font-weight:600;box-shadow:var(--shadow-sm);transition:all .2s}.filter-select:focus,.filter-select:hover{outline:none;border-color:var(--accent)}.search-wrap{position:relative;flex:1;min-width:200px}.search-input{width:100%;padding:9px 14px 9px 38px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;color:var(--txt1);font-size:13px;font-weight:500}.search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--txt3);width:16px;height:16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes float-anim{0%,to{transform:translateY(-4px) rotate(-5deg)}50%{transform:translateY(4px) rotate(-5deg)}}@keyframes pulse-anim{0%,to{transform:scale(.97) rotate(-5deg)}50%{transform:scale(1.03) rotate(-5deg)}}@keyframes rotate-anim{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes wobble-anim{0%,to{transform:translateY(0) rotate(-5deg)}25%{transform:translateY(-3px) rotate(-8deg)}75%{transform:translateY(3px) rotate(-2deg)}}@keyframes bounce-anim{0%,to{transform:translateY(-6px) rotate(-5deg)}50%{transform:translateY(2px) rotate(-5deg)}}@keyframes swing-anim{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.float-anim{animation:float-anim 4s ease-in-out infinite}.pulse-anim{animation:pulse-anim 3.5s ease-in-out infinite}.rotate-anim{animation:rotate-anim 6s ease-in-out infinite}.wobble-anim{animation:wobble-anim 4.5s ease-in-out infinite}.bounce-anim{animation:bounce-anim 3.8s ease-in-out infinite}.swing-anim{animation:swing-anim 5s ease-in-out infinite}.metrics-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media(max-width:1024px){.metrics-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.metrics-grid-4{grid-template-columns:1fr}}.bento-metric-card{background:var(--bg2);padding:24px;border-radius:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-md);border:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .3s ease}.bento-metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 15px var(--accent-glow);border-color:var(--border-hover)}.bento-metric-icon-box{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bento-metric-label{font-size:11px;font-weight:800;color:var(--txt3);text-transform:uppercase;letter-spacing:.5px}.bento-metric-value{font-size:36px;font-weight:900;line-height:1;margin-top:4px}.bento-tab-nav{display:flex;gap:6px;padding:6px;background:var(--bg3);border-radius:30px;margin-bottom:24px;width:fit-content;border:1px solid var(--border);align-items:center}.bento-tab-btn{display:flex;align-items:center;gap:7px;padding:8px 20px;border-radius:24px;border:none;cursor:pointer;font-size:13px;font-weight:700;background:transparent;color:var(--txt2);transition:all .2s ease}.bento-tab-btn:hover{color:var(--txt1)}.bento-tab-btn.active{background:var(--txt1);color:var(--bg1);box-shadow:var(--shadow-sm)}.bento-control-bar{background:var(--bg2);padding:16px 20px;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.bento-content-card{background:var(--bg2);padding:32px;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);margin-bottom:24px}.fee-management-shell .bento-content-card{margin-bottom:0;overflow-x:auto}.fee-management-shell table{min-width:720px}.fee-management-shell form.bento-content-card{overflow-x:visible}.bg-dot-grid{position:absolute;width:144px;height:144px;background-image:radial-gradient(rgba(129,140,248,.12) 1.5px,transparent 1.5px);background-size:16px 16px;z-index:-1;pointer-events:none}.bg-dot-grid.tr{top:40px;right:40px}.bg-dot-grid.bl{bottom:40px;left:40px}.bg-dot-grid.tl{top:40px;left:40px}