*,:before,:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s,color .2s,border-color .2s}:root[data-theme=dark]{--bg:#09090b;--bg2:#18181b;--bg3:#27272a;--card:#121214;--border:#ffffff14;--border2:#ffffff26;--text:#fafafa;--text2:#a1a1aa;--text3:#71717a;--accent:#6366f1;--accent2:#818cf8;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--purple:#8b5cf6;--input-bg:#18181b;--shadow:0 8px 32px #0006;--success-bg:#10b9811a;--success-border:#10b98133;--success-text:#34d399;--error-bg:#ef44441a;--error-border:#ef444433;--error-text:#f87171;--info-bg:#6366f11a;--info-border:#6366f133;--info-text:#818cf8;--comp-sidebar-bg:#09090b;--comp-sidebar-text:#fafafa;--comp-sidebar-item-hover-bg:#ffffff0d;--comp-sidebar-item-hover-text:#fff;--comp-sidebar-item-active-text:#fff;--comp-sidebar-active-bg:linear-gradient(90deg, #ffffff1a 0%, #ffffff05 100%)}:root[data-theme=light]{--bg:#f8fafc;--bg2:#fff;--bg3:#f1f5f9;--card:#fff;--border:#0000000f;--border2:#0000001f;--text:#0f172a;--text2:#475569;--text3:#94a3b8;--accent:#4f46e5;--accent2:#6366f1;--green:#059669;--amber:#d97706;--red:#dc2626;--purple:#7c3aed;--input-bg:#f8fafc;--shadow:0 8px 30px #0000000a;--success-bg:#0596691a;--success-border:#05966933;--success-text:#065f46;--error-bg:#dc26261a;--error-border:#dc262633;--error-text:#991b1b;--info-bg:#4f46e51a;--info-border:#4f46e533;--info-text:#4338ca;--comp-sidebar-bg:#fff;--comp-sidebar-text:#0f172a;--comp-sidebar-item-hover-bg:#0000000a;--comp-sidebar-item-hover-text:#0f172a;--comp-sidebar-item-active-text:#4f46e5;--comp-sidebar-active-bg:linear-gradient(90deg, #4f46e51a 0%, #4f46e505 100%)}body{font-family:var(--font-family,"Inter", system-ui, sans-serif);font-size:var(--font-size,14px);background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--comp-link-color,var(--accent));text-decoration:none}a:hover{color:var(--comp-link-hover,var(--accent2))}input,select,textarea,button{font-family:inherit;font-size:inherit}button,.btn,input,select,textarea,.pill{border-radius:var(--button-radius,12px)}.card,[style*="border-radius: 20"],[style*="borderRadius: 20"]{border-radius:var(--card-radius,20px)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.app-wrap{background:var(--bg);min-height:100vh;color:var(--text);font-family:Inter,system-ui,sans-serif;display:flex}.sidebar{width:var(--sidebar-width,280px);background:var(--comp-sidebar-bg,var(--sidebar-bg,var(--card)));border-right:1px solid var(--border);z-index:100;color:var(--comp-sidebar-text,#fff);flex-direction:column;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{justify-content:space-between;align-items:center;min-height:80px;padding:24px;display:flex}.nav-list{flex:1;padding:10px 16px;overflow-y:auto}.nav-section{color:var(--comp-sidebar-text,#ffffff4d);text-transform:uppercase;letter-spacing:1.5px;padding:20px 12px 10px;font-size:10px;font-weight:700}.toggle-btn-sidebar{background:var(--comp-sidebar-item-hover-bg,#ffffff0d)!important;border:1px solid var(--border)!important;border-radius:var(--tab-radius,8px)!important;cursor:pointer!important;width:32px!important;height:32px!important;color:var(--comp-sidebar-text,#fff9)!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .2s!important;display:flex!important}.toggle-btn-sidebar:hover{background:var(--border2)!important}.nav-item{border-radius:var(--button-radius,12px);cursor:pointer;color:var(--comp-sidebar-text,#ffffffb3);align-items:center;gap:14px;margin-bottom:4px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:hover{background:var(--comp-sidebar-item-hover-bg,#ffffff0d);color:var(--comp-sidebar-item-hover-text,#fff);transform:translate(4px)}.nav-item.active{background:var(--comp-sidebar-active-bg);color:var(--comp-sidebar-item-active-text,#fff);font-weight:600}.nav-icon{color:var(--comp-icon-color,inherit);justify-content:center;width:20px;display:flex}.icon{color:var(--comp-icon-color,inherit)}.main-content{min-width:0;margin-left:var(--sidebar-width,280px);flex-direction:column;flex:1;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.topbar{background:var(--card);border-bottom:1px solid var(--border);z-index:90;justify-content:space-between;align-items:center;height:80px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.content-body{flex:1;padding:32px}.breadcrumb{color:var(--comp-breadcrumb-text,var(--text3));text-transform:uppercase;letter-spacing:1.2px;margin-bottom:24px;font-size:11px;font-weight:600}.card{background:var(--comp-card-bg,var(--card));border-radius:var(--card-radius,24px);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{box-shadow:0 12px 40px #00000014}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.card-title{color:var(--text);letter-spacing:-.3px;font-size:17px;font-weight:700}.card-sub{color:var(--text3);margin-top:4px;font-size:12px;font-weight:500}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{background:var(--comp-card-bg,var(--card));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:24px;transition:transform .2s}.stat-card:hover{transform:translateY(-4px)}.stat-icon{fontSize:24px;width:56px;height:56px;color:var(--comp-icon-color,inherit);border-radius:16px;justify-content:center;align-items:center;display:flex}.stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:12px;font-weight:700}.stat-value{color:var(--text);letter-spacing:-1px;font-size:32px;font-weight:700}.btn-save,.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);color:#fff;border-radius:var(--button-radius,12px);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #6366f14d}.btn-save:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.search-input-wrap{background:var(--bg3);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;width:320px;padding:10px 16px;display:flex}.search-input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:13px}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;color:var(--accent);border-bottom:1px solid var(--border);background:var(--bg3);text-transform:uppercase;letter-spacing:1.2px;padding:16px 24px;font-size:10px;font-weight:700}.data-table td{vertical-align:middle;padding:20px 24px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.form-group{margin-bottom:20px}.form-label{fontSize:11px;fontWeight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;display:block}.form-input,.form-select,.form-textarea{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}.btn-cancel{padding:var(--comp-btn-padding,10px 20px);border-radius:var(--button-radius,12px);border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;font-size:13px;font-weight:600;transition:all .2s}.btn-cancel:hover{background:var(--bg3);color:var(--text)}.btn-edit,.btn-view,.btn-delete,.btn-action{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.btn-edit{background:var(--info-bg);border:1px solid var(--info-border);color:var(--accent)}.btn-view{background:var(--success-bg);border:1px solid var(--success-border);color:var(--green)}.btn-delete{background:var(--error-bg);border:1px solid var(--error-border);color:var(--red)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-container{background:var(--comp-card-bg,var(--card));border:1px solid var(--border);maxWidth:520px;maxHeight:90vh;border-radius:24px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 30px 60px #00000080}.modal-container.wide{maxWidth:800px}.modal-header{border-bottom:1px solid var(--border);background:var(--bg3);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.modal-body{flex:1;padding:28px;overflow-y:auto}.tabs-wrap{border-bottom:1px solid var(--border);background:var(--comp-tab-bg,transparent);gap:8px;margin-bottom:24px;padding:0 8px;display:flex}.tab-item{cursor:pointer;color:var(--comp-tab-text,var(--text2));border-radius:var(--tab-radius,8px) var(--tab-radius,8px) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:14px 24px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.tab-item:hover{color:var(--text)}.tab-item.active{color:var(--comp-tab-active-color,var(--accent));border-bottom-color:var(--comp-tab-active-border,var(--accent))}.status-pill{fontWeight:700;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;display:inline-flex}.status-pill.active{background:var(--success-bg);color:var(--green)}.status-pill.inactive{background:var(--error-bg);color:var(--red)}.status-pill.pending{color:#f59e0b;background:#f59e0b1a}.alert-box{border:1px solid #0000;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:13px}.alert-success{background:var(--success-bg);border-color:var(--success-border);color:var(--green)}.alert-error{background:var(--error-bg);border-color:var(--error-border);color:var(--red)}.accordion{background:var(--comp-accordion-bg,var(--card));border:1px solid var(--border);border-radius:var(--card-radius,12px);margin-bottom:16px;overflow:hidden}.accordion-header{cursor:pointer;background:var(--comp-accordion-bg,var(--card));justify-content:space-between;align-items:center;padding:16px 20px;font-weight:600;display:flex}.accordion-content{border-top:1px solid var(--border);padding:16px 20px}.pagination{justify-content:center;align-items:center;gap:8px;display:flex}.pagination-btn{background:var(--comp-pagination-bg,var(--input-bg));border:1px solid var(--border);color:var(--text);border-radius:var(--button-radius,8px);cursor:pointer;padding:6px 12px;font-size:12px}.pagination-btn:hover{background:var(--bg3)}.pagination-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.nav-item-hover:hover{background:var(--comp-sidebar-item-hover-bg,#ffffff0d)!important;color:var(--comp-sidebar-item-hover-text,#fff)!important}.mobile-menu-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-right:12px;padding:4px;font-size:24px;display:none}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=1024px){.mobile-menu-btn{justify-content:center;align-items:center;display:inline-flex}.sidebar{border-bottom-right-radius:24px;border-bottom-left-radius:24px;z-index:9998!important;width:100%!important;height:100vh!important;padding-top:80px!important;transition:transform .4s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important;transform:translateY(-120%)!important;box-shadow:0 8px 32px #00000080!important}.sidebar.mobile-open{transform:translateY(0)!important}.main-content{width:100%!important;margin-left:0!important}.topbar{z-index:9999!important;padding:0 16px!important;position:relative!important}.content-body{padding:16px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.form-grid,.grid2{grid-template-columns:1fr!important}}@media (width<=768px){.stats-grid,.form-grid{grid-template-columns:1fr!important}.card-header{flex-direction:column;gap:12px;align-items:flex-start!important}.data-table,table{min-width:600px}.card,[style*="border-radius: 20"],[style*="borderRadius: 20"]{border-radius:12px!important}.modal-container{margin:16px;width:auto!important;max-height:95vh!important}}@media (width<=1024px){.responsive-grid-2,.responsive-grid-auto,.grid2{grid-template-columns:1fr!important}}@media (width<=768px){.stats-grid,.grid2,.responsive-grid-2{grid-template-columns:1fr!important}}