:root{--navy-darkest:#0a0e27;--navy-dark:#0d1137;--navy:#131842;--navy-light:#1a2050;--navy-lighter:#232b5e;--gold:#c9a84c;--gold-light:#e3c96e;--gold-dark:#a8893a;--gold-gradient:linear-gradient(135deg,#c9a84c,#e3c96e 50%,#c9a84c);--white:#fff;--white-muted:#ffffffb3;--white-dim:#fff6;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px #0000004d;--shadow-sm:0 2px 8px #0003;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme=light]{--navy-darkest:#f5f6fa;--navy-dark:#fff;--navy:#eef0f8;--navy-light:#e4e7f2;--navy-lighter:#d5d9e8;--gold:#b8941f;--gold-light:#d4a82a;--gold-dark:#96790f;--white:#1a1a2e;--white-muted:#1a1a2eb3;--white-dim:#1a1a2e66;--shadow:0 4px 24px #00000014;--shadow-sm:0 2px 8px #0000000d}[data-theme=light] body{background:#f5f6fa;color:#1a1a2e}[data-theme=light] .sidebar{background:#fff;border-right-color:#00000014}[data-theme=light] .header{background:#fff;border-bottom-color:#00000014}[data-theme=light] .stat-card,[data-theme=light] .table-card,[data-theme=light] .urgent-card{background:#fff;border-color:#00000014}[data-theme=light] table thead th{background:#f0f1f5;color:#555}[data-theme=light] table tbody tr:hover{background:#00000008}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#f5f6fa;border-color:#0000001f;color:#1a1a2e}[data-theme=light] .login-page{background:#f5f6fa}[data-theme=light] .login-card{background:#fff;border-color:#0000001a}[data-theme=light] .recharts-cartesian-axis-tick-value,[data-theme=light] .recharts-text{fill:#555!important}[data-theme=light] .recharts-legend-item-text{color:#555!important}[data-theme=light] .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:#fff!important;border-color:#0000001a!important;color:#333!important}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#0a0e27;background:var(--navy-darkest);color:#fff;color:var(--white);font-family:Inter,Segoe UI,-apple-system,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0d1137;background:var(--navy-dark)}::-webkit-scrollbar-thumb{background:#232b5e;background:var(--navy-lighter);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8893a;background:var(--gold-dark)}.login-page{align-items:center;background:#0a0e27;background:var(--navy-darkest);background-image:radial-gradient(ellipse at 20% 50%,#c9a84c0f 0,#0000 60%),radial-gradient(ellipse at 80% 20%,#c9a84c0a 0,#0000 50%);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#0d1137;background:var(--navy-dark);border:1px solid #c9a84c26;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 24px #0000004d;box-shadow:var(--shadow);max-width:440px;padding:48px 40px;width:100%}.login-logo{margin-bottom:32px;text-align:center}.login-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c9a84c,#e3c96e 50%,#c9a84c);background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;letter-spacing:4px}.login-logo p{color:#ffffffb3;color:var(--white-muted);font-size:14px;margin-top:4px}.role-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:28px}.role-btn{align-items:center;background:#131842;background:var(--navy);border:1px solid #232b5e;border:1px solid var(--navy-lighter);border-radius:8px;border-radius:var(--radius-sm);color:#ffffffb3;color:var(--white-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:12px 8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.role-btn:hover{border-color:#a8893a;border-color:var(--gold-dark);color:#fff;color:var(--white)}.role-btn.active{background:#c9a84c1a;border-color:#c9a84c;border-color:var(--gold);color:#c9a84c;color:var(--gold)}.form-group{margin-bottom:18px}.form-group label{color:#ffffffb3;color:var(--white-muted);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-input{background:#131842;background:var(--navy);border:1px solid #232b5e;border:1px solid var(--navy-lighter);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);font-size:14px;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-input:focus{border-color:#c9a84c;border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c1a}.form-input::placeholder{color:#fff6;color:var(--white-dim)}.btn-primary{background:linear-gradient(135deg,#c9a84c,#e3c96e 50%,#c9a84c);background:var(--gold-gradient);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#0a0e27;color:var(--navy-darkest);cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:13px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-primary:hover{box-shadow:0 4px 16px #c9a84c4d;opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-outline{background:#0000;border:1px solid #c9a84c;border:1px solid var(--gold);border-radius:8px;border-radius:var(--radius-sm);color:#c9a84c;color:var(--gold);cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-outline:hover{background:#c9a84c1a}.btn-sm{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-success{background:#34d39926;border:1px solid #34d3994d;color:#34d399;color:var(--success)}.btn-success:hover{background:#34d39940}.btn-danger{background:#f8717126;border:1px solid #f871714d;color:#f87171;color:var(--danger)}.btn-danger:hover{background:#f8717140}.btn-warning{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24;color:var(--warning)}.btn-warning:hover{background:#fbbf2440}.btn-info{background:#60a5fa26;border:1px solid #60a5fa4d;color:#60a5fa;color:var(--info)}.btn-info:hover{background:#60a5fa40}.login-error{background:#f871711a;border:1px solid #f871714d;border-radius:8px;border-radius:var(--radius-sm);color:#f87171;color:var(--danger);font-size:13px;margin-bottom:16px;padding:10px 14px;text-align:center}.layout{display:flex;min-height:100vh}.layout-content{flex:1 1;margin-left:260px;margin-left:var(--sidebar-width);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.layout-content.collapsed{margin-left:72px;margin-left:var(--sidebar-collapsed)}.page-content{margin-top:64px;margin-top:var(--header-height);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--header-height));padding:24px}.sidebar{background:#0d1137;background:var(--navy-dark);border-right:1px solid #c9a84c14;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:260px;width:var(--sidebar-width);z-index:100}.sidebar.collapsed{width:72px;width:var(--sidebar-collapsed)}.sidebar-header{border-bottom:1px solid #c9a84c14;justify-content:space-between;min-height:64px;min-height:var(--header-height);padding:20px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:12px}.sidebar-logo .logo-icon{align-items:center;border-radius:10px;color:#0a0e27;color:var(--navy-darkest);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.sidebar-logo .logo-icon,.sidebar-logo span{background:linear-gradient(135deg,#c9a84c,#e3c96e 50%,#c9a84c);background:var(--gold-gradient);font-weight:700}.sidebar-logo span{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;letter-spacing:3px;white-space:nowrap}.sidebar.collapsed .sidebar-logo span{display:none}.sidebar-toggle{background:none;border:none;color:#ffffffb3;color:var(--white-muted);cursor:pointer;flex-shrink:0;font-size:18px;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.sidebar-toggle:hover{color:#c9a84c;color:var(--gold)}.sidebar.collapsed .sidebar-toggle{margin:0 auto}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 12px}.nav-section-title{color:#fff6;color:var(--white-dim);font-size:11px;letter-spacing:1.5px;padding:8px 12px;text-transform:uppercase;white-space:nowrap}.sidebar.collapsed .nav-section-title{font-size:0;text-align:center}.nav-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#ffffffb3;color:var(--white-muted);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:12px;margin-bottom:2px;padding:11px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.nav-item:hover{background:#c9a84c0f;color:#fff;color:var(--white)}.nav-item.active{background:#c9a84c1a;color:#c9a84c;color:var(--gold);font-weight:500}.nav-item .nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;justify-content:center;width:20px}.sidebar.collapsed .nav-item span:not(.nav-icon){display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:11px}.sidebar-footer{border-top:1px solid #c9a84c14;padding:16px}.sidebar-user{align-items:center;display:flex;gap:10px;margin-bottom:12px}.sidebar-user .user-avatar-sm{align-items:center;background:#232b5e;background:var(--navy-lighter);border-radius:10px;color:#c9a84c;color:var(--gold);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.sidebar-user .user-info{overflow:hidden}.sidebar-user .user-info .user-name{color:#fff;color:var(--white);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user .user-info .user-role{color:#c9a84c;color:var(--gold);font-size:11px}.sidebar.collapsed .sidebar-user .user-info{display:none}.logout-btn{align-items:center;background:#f8717114;border:1px solid #f8717126;border-radius:8px;border-radius:var(--radius-sm);color:#f87171;color:var(--danger);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.logout-btn:hover{background:#f8717126}.sidebar.collapsed .logout-btn span{display:none}.sidebar.collapsed .logout-btn{justify-content:center}.header{align-items:center;background:#0d1137;background:var(--navy-dark);border-bottom:1px solid #c9a84c14;display:flex;height:64px;height:var(--header-height);justify-content:space-between;left:260px;left:var(--sidebar-width);padding:0 24px;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:90}.header.collapsed{left:72px;left:var(--sidebar-collapsed)}.header-left{align-items:center;display:flex;gap:20px}.header-title{color:#fff;color:var(--white);font-size:18px;font-weight:600}.header-search{position:relative}.header-search input{background:#131842;background:var(--navy);border:1px solid #232b5e;border:1px solid var(--navy-lighter);border-radius:20px;color:#fff;color:var(--white);font-size:13px;outline:none;padding:8px 14px 8px 36px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:240px}.header-search input:focus{border-color:#a8893a;border-color:var(--gold-dark);width:300px}.header-search .search-icon,.header-search input::placeholder{color:#fff6;color:var(--white-dim)}.header-search .search-icon{font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.header-right{align-items:center;display:flex;gap:16px}.notification-btn{background:none;border:none;color:#ffffffb3;color:var(--white-muted);cursor:pointer;font-size:20px;padding:6px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.notification-btn:hover{color:#c9a84c;color:var(--gold)}.notification-badge{align-items:center;background:#e54848;border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;pointer-events:none;position:absolute;right:4px;top:4px}.header-user{align-items:center;cursor:pointer;display:flex;gap:10px}.header-user .user-avatar{align-items:center;background:linear-gradient(135deg,#c9a84c,#e3c96e 50%,#c9a84c);background:var(--gold-gradient);border-radius:10px;color:#0a0e27;color:var(--navy-darkest);display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.header-user .user-details{text-align:right}.header-user .user-details .name{color:#fff;color:var(--white);font-size:13px;font-weight:500}.header-user .user-details .role{color:#c9a84c;color:var(--gold);font-size:11px}.dashboard{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.page-header h2{color:#fff;color:var(--white);font-size:22px;font-weight:600}.filter-group{display:flex;flex-wrap:wrap;gap:8px;overflow-x:auto}.filter-btn{background:#131842;background:var(--navy);border:1px solid #232b5e;border:1px solid var(--navy-lighter);border-radius:20px;color:#ffffffb3;color:var(--white-muted);cursor:pointer;font-size:12px;padding:7px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.filter-btn:hover{border-color:#a8893a;border-color:var(--gold-dark);color:#fff;color:var(--white)}.filter-btn.active{background:#c9a84c1f;border-color:#c9a84c;border-color:var(--gold);color:#c9a84c;color:var(--gold)}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.stat-card{background:#0d1137;background:var(--navy-dark);border:1px solid #c9a84c0f;border-radius:12px;border-radius:var(--radius);overflow:hidden;padding:20px;position:relative}.stat-card,.stat-card:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-card:before{background:linear-gradient(135deg,#c9a84c,#e3c96e 50%,#c9a84c);background:var(--gold-gradient);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0}.stat-card:hover{border-color:#c9a84c33;box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card .stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stat-card .stat-icon{align-items:center;border-radius:10px;display:flex;font-size:20px;height:42px;justify-content:center;width:42px}.stat-icon.gold{background:#c9a84c1f;color:#c9a84c;color:var(--gold)}.stat-icon.green{background:#34d3991f;color:#34d399;color:var(--success)}.stat-icon.blue{background:#60a5fa1f;color:#60a5fa;color:var(--info)}.stat-icon.red{background:#f871711f;color:#f87171;color:var(--danger)}.stat-icon.orange{background:#fbbf241f;color:#fbbf24;color:var(--warning)}.stat-card .stat-label{color:#fff6;color:var(--white-dim);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.stat-card .stat-value{color:#fff;color:var(--white);font-size:28px;font-weight:700;margin-top:4px}.stat-card .stat-change{align-items:center;display:flex;font-size:12px;gap:4px;margin-top:6px}.stat-change.up{color:#34d399;color:var(--success)}.stat-change.down{color:#f87171;color:var(--danger)}.table-card{background:#0d1137;background:var(--navy-dark);border:1px solid #c9a84c0f;border-radius:12px;border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #c9a84c0f;display:flex;justify-content:space-between;padding:18px 20px}.table-header h3{color:#fff;color:var(--white);font-size:16px;font-weight:600}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:#131842;background:var(--navy);border-bottom:1px solid #c9a84c0f;color:#fff6;color:var(--white-dim);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}tbody tr{border-bottom:1px solid #ffffff08;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}tbody tr:nth-child(2n){background:#ffffff03}tbody tr:hover{background:#c9a84c0a}tbody td{color:#ffffffb3;color:var(--white-muted);font-size:13px;padding:12px 16px}.badge,tbody td{white-space:nowrap}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:4px 10px}.badge-success{background:#34d3991f;border:1px solid #34d39933;color:#34d399;color:var(--success)}.badge-warning{background:#fbbf241f;border:1px solid #fbbf2433;color:#fbbf24;color:var(--warning)}.badge-danger{background:#f871711f;border:1px solid #f8717133;color:#f87171;color:var(--danger)}.badge-info{background:#60a5fa1f;border:1px solid #60a5fa33;color:#60a5fa;color:var(--info)}.badge-gold{background:#c9a84c1f;border:1px solid #c9a84c33;color:#c9a84c;color:var(--gold)}.chart-card{background:#0d1137;background:var(--navy-dark);border:1px solid #c9a84c0f;border-radius:12px;border-radius:var(--radius);margin-bottom:24px;padding:20px}.chart-card h3{color:#fff;color:var(--white);font-size:16px;font-weight:600;margin-bottom:16px}.charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.action-btns{display:flex;gap:6px}.grid-2{grid-gap:16px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:16px;margin-bottom:24px}.grid-3{grid-gap:16px;grid-template-columns:1fr 1fr 1fr}.list-card{background:#0d1137;background:var(--navy-dark);border:1px solid #c9a84c0f;border-radius:12px;border-radius:var(--radius);padding:20px}.list-card h3{color:#fff;color:var(--white);font-size:16px;font-weight:600;margin-bottom:16px}.list-item{align-items:center;border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;padding:10px 0}.list-item:last-child{border-bottom:none}.list-item .list-rank{align-items:center;background:#232b5e;background:var(--navy-lighter);border-radius:8px;color:#c9a84c;color:var(--gold);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.list-item .list-info{flex:1 1;margin-left:12px}.list-item .list-info .list-name{color:#fff;color:var(--white);font-size:13px;font-weight:500}.list-item .list-info .list-sub{color:#fff6;color:var(--white-dim);font-size:11px}.list-item .list-value{color:#c9a84c;color:var(--gold);font-size:14px;font-weight:600}.conversion-bar{margin-bottom:16px}.conversion-bar .conv-header{display:flex;justify-content:space-between;margin-bottom:6px}.conversion-bar .conv-label{color:#ffffffb3;color:var(--white-muted);font-size:13px}.conversion-bar .conv-value{color:#c9a84c;color:var(--gold);font-size:13px;font-weight:600}.conv-track{background:#232b5e;background:var(--navy-lighter);border-radius:4px;height:8px;overflow:hidden}.conv-fill{background:linear-gradient(135deg,#c9a84c,#e3c96e 50%,#c9a84c);background:var(--gold-gradient);border-radius:4px;height:100%;transition:width .8s ease}.modal-overlay{background:#0009}.modal{background:#0d1137;background:var(--navy-dark);border:1px solid #c9a84c26;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 24px #0000004d;box-shadow:var(--shadow);max-height:80vh;max-width:500px;overflow-y:auto;padding:28px;width:100%}.modal h3{color:#fff;color:var(--white);font-size:18px;font-weight:600;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.urgent-card{background:#f871710f;border:1px solid #f8717126;border-radius:12px;border-radius:var(--radius);margin-bottom:24px;padding:20px}.urgent-card h3{align-items:center;color:#f87171;color:var(--danger);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}@media (max-width:1024px){.charts-grid,.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{position:fixed;transform:translateX(-100%);width:260px;width:var(--sidebar-width);z-index:1000}.sidebar.mobile-open{box-shadow:4px 0 30px #00000080;transform:translateX(0)}.layout-content{margin-left:0!important}.header{left:0!important;padding:0 12px}.header-search,.header-user .user-details{display:none}.header-title{font-size:16px}.page-content{padding:12px}.stats-grid{gap:10px;grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-value{font-size:22px}.stat-label{font-size:11px}.grid-2,.grid-3{grid-template-columns:1fr}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:600px}td,th{font-size:12px;padding:10px 8px}.card{padding:16px}.card-header{align-items:flex-start;flex-direction:column;gap:8px}.chart-container{height:200px!important}.section-title{font-size:16px}.login-card{margin:16px;max-width:100%;padding:24px;width:calc(100% - 32px)}.role-selector{gap:8px;grid-template-columns:1fr 1fr}.role-btn{font-size:12px;padding:10px 8px}.login-logo h1{font-size:28px}.btn-outline,.btn-primary{font-size:13px;padding:10px 16px}.flex-between{align-items:flex-start;gap:10px}.flex-between,.metric-row{flex-direction:column}}@media (max-width:480px){:root{--header-height:56px}.stats-grid{grid-template-columns:1fr}.role-selector{grid-template-columns:1fr 1fr}.login-card{padding:20px}.header{height:56px}.page-content{margin-top:56px;padding:12px}td,th{font-size:11px;padding:8px 6px}.stat-card{padding:12px}.stat-value{font-size:18px}}.mobile-menu-btn{background:none;border:1px solid #c9a84c33;border-radius:8px;border-radius:var(--radius-sm);color:#c9a84c;color:var(--gold);cursor:pointer;display:none;font-size:20px;margin-right:12px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.mobile-menu-btn:hover{background:#c9a84c1a}.sidebar-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:99}@media (max-width:768px){.mobile-menu-btn{align-items:center;display:flex;justify-content:center}.sidebar-overlay{display:block}}.text-gold{color:#c9a84c;color:var(--gold)}.text-success{color:#34d399;color:var(--success)}.text-danger{color:#f87171;color:var(--danger)}.text-warning{color:#fbbf24;color:var(--warning)}.text-info{color:#60a5fa;color:var(--info)}.text-muted{color:#ffffffb3;color:var(--white-muted)}.text-dim{color:#fff6;color:var(--white-dim)}.fw-600{font-weight:600}.mb-24{margin-bottom:24px}.mt-16{margin-top:16px}.flex-between{justify-content:space-between}.flex-between,.modal-overlay{align-items:center;display:flex}.modal-overlay{animation:modalFadeIn .2s ease;background:#000000a6;bottom:0;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:200}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-box{animation:modalSlideIn .25s ease;background:#0d1137;background:var(--navy-dark);border:1px solid #c9a84c2e;border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 40px #00000080;max-height:80vh;max-width:480px;overflow-y:auto;padding:28px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-box-title{border-bottom:1px solid #c9a84c1a;color:#fff;color:var(--white);font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:12px}.modal-box-body{color:#ffffffb3;color:var(--white-muted);font-size:14px;line-height:1.6;margin-bottom:8px}.spinner{animation:spinnerRotate .8s linear infinite;border:4px solid #c9a84c33;border-radius:50%;border-top:4px solid var(--gold);flex-shrink:0}@keyframes spinnerRotate{to{transform:rotate(1turn)}}.skeleton{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#232b5e 25%,#c9a84c14 50%,#232b5e 75%);background:linear-gradient(90deg,var(--navy-lighter) 25%,#c9a84c14 50%,var(--navy-lighter) 75%);background-size:200% 100%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination{display:flex;flex-wrap:wrap;gap:4px}.pagination,.pagination-btn{align-items:center;justify-content:center}.pagination-btn{background:#131842;background:var(--navy);border:1px solid #232b5e;border:1px solid var(--navy-lighter);border-radius:8px;border-radius:var(--radius-sm);color:#ffffffb3;color:var(--white-muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;height:36px;min-width:36px;padding:0 8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pagination-btn:hover:not(:disabled):not(.active){background:#c9a84c0f;border-color:#a8893a;border-color:var(--gold-dark);color:#fff;color:var(--white)}.pagination-btn.active{background:#c9a84c;background:var(--gold);border-color:#c9a84c;border-color:var(--gold);color:#0a0e27;color:var(--navy-darkest);font-weight:700}.pagination-btn:disabled{cursor:not-allowed;opacity:.35}.pagination-dots{color:#fff6;color:var(--white-dim);font-size:13px;padding:0 4px;-webkit-user-select:none;user-select:none}.sortable-th:hover{color:#c9a84c;color:var(--gold)}.sort-indicator{font-size:12px;margin-left:2px}.sort-inactive{color:#fff6;color:var(--white-dim);opacity:.4}.sort-active{color:#c9a84c;color:var(--gold)}.error-boundary-page{align-items:center;background:#0a0e27;background:var(--navy-darkest);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-card{background:#0d1137;background:var(--navy-dark);border:1px solid #f8717133;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 24px #0000004d;box-shadow:var(--shadow);max-width:480px;padding:48px 40px;text-align:center;width:100%}.error-boundary-icon{align-items:center;background:#f871711f;border:2px solid #f871714d;border-radius:50%;color:#f87171;color:var(--danger);display:flex;font-size:28px;font-weight:700;height:56px;justify-content:center;margin:0 auto 20px;width:56px}.error-boundary-card h2{color:#fff;color:var(--white);font-size:22px;font-weight:600;margin-bottom:12px}.error-boundary-message{color:#ffffffb3;color:var(--white-muted);font-size:14px;line-height:1.6;margin-bottom:24px}.error-boundary-details{background:#131842;background:var(--navy);border:1px solid #232b5e;border:1px solid var(--navy-lighter);border-radius:8px;border-radius:var(--radius-sm);margin-bottom:24px;padding:12px;text-align:left}.error-boundary-details summary{color:#fff6;color:var(--white-dim);cursor:pointer;font-size:12px;margin-bottom:8px}.error-boundary-details pre{color:#f87171;color:var(--danger);font-size:11px;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.layout-content,.layout-content.collapsed{margin-left:0!important}.header,.header.collapsed{left:0!important}.sidebar-overlay{display:block}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr!important}.page-content{padding:12px}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.header-search,.header-user .user-details{display:none}}@media (max-width:480px){.login-card{padding:24px 20px}.stat-card{padding:16px}.page-content{margin-top:56px;padding:12px}}.empty-state{padding:48px 24px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.3}.empty-state-title{color:#ffffffb3;color:var(--white-muted);font-size:16px;font-weight:600;margin-bottom:8px}.empty-state-text{font-size:13px;margin-bottom:20px}.breadcrumb,.empty-state-text{color:#fff6;color:var(--white-dim)}.breadcrumb{align-items:center;display:flex;font-size:12px;gap:8px;margin-bottom:16px}.breadcrumb a{color:#c9a84c;color:var(--gold);cursor:pointer}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{color:#fff6;color:var(--white-dim)}
/*# sourceMappingURL=main.1c587a45.css.map*/