:root{--sa-bg: #f5f7fb;--sa-surface: #ffffff;--sa-surface-2: #f8fafc;--sa-border: #e5eaf2;--sa-text: #101828;--sa-muted: #667085;--sa-primary: #2563eb;--sa-primary-2: #06b6d4;--sa-sidebar: #07111f;--sa-sidebar-2: #0b1b2f;--sa-sidebar-border: rgba(255, 255, 255, .08);--sa-success: #16a34a;--sa-warning: #d97706;--sa-danger: #dc2626;--sa-info: #0284c7;--sa-radius: 18px;--sa-shadow: 0 20px 60px rgba(15, 23, 42, .09);--sa-font: Inter, "Segoe UI", Roboto, Arial, sans-serif}html,body{min-height:100%}body.koomi-admin,body.koomi-auth{background:radial-gradient(circle at 18% 8%,rgba(37,99,235,.1),transparent 32%),radial-gradient(circle at 88% 0%,rgba(6,182,212,.1),transparent 28%),var(--sa-bg)!important;color:var(--sa-text);font-family:var(--sa-font)}body.koomi-admin:before,body.koomi-admin:after{display:none!important}.header.superadmin-header{position:fixed!important;top:0;left:0;right:0;height:72px!important;z-index:1050;background:#ffffffeb!important;border-bottom:1px solid var(--sa-border)!important;box-shadow:0 10px 30px #0f172a0d!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header.superadmin-header .header-left{width:280px!important;height:72px!important;background:var(--sa-sidebar)!important;border-right:1px solid var(--sa-sidebar-border)!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.header.superadmin-header .logo img,.header.superadmin-header .logo-small img{max-height:42px!important;width:auto!important;filter:none!important}.sidebar-collapse-toggle{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;color:#dbeafe;transition:.18s ease}.sidebar-collapse-toggle:hover{background:#2563eb47;color:#fff}.sidebar-collapse-toggle svg{width:18px;height:18px}.sidebar-collapse-toggle .toggle-collapsed,body.mini-sidebar .sidebar-collapse-toggle .toggle-expanded{display:none}body.mini-sidebar .sidebar-collapse-toggle .toggle-collapsed{display:block}.header.superadmin-header .user-menu{height:72px;margin-left:280px!important;padding-right:24px;display:flex;align-items:center;gap:14px}.superadmin-role-badge{display:inline-flex;align-items:center;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:8px 14px;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.header .user-img img{border:2px solid #dbeafe}.mobile_btn{color:var(--sa-text)!important}.mobile_btn .bar-icon span{background:var(--sa-text)!important}.sidebar.superadmin-sidebar,body.koomi-admin #sidebar.superadmin-sidebar,body.koomi-admin #sidebar.superadmin-sidebar .sidebar-inner,body.koomi-admin #sidebar.superadmin-sidebar .slimScrollDiv,body.koomi-admin #sidebar.superadmin-sidebar #sidebar-menu,body.koomi-admin #sidebar.superadmin-sidebar .sidebar-menu,body.koomi-admin #sidebar.superadmin-sidebar .sidebar-menu>ul,body.koomi-admin #sidebar.superadmin-sidebar .submenu-open,body.koomi-admin #sidebar.superadmin-sidebar .submenu-open>ul{background:var(--sa-sidebar)!important;background-color:var(--sa-sidebar)!important;background-image:none!important}.sidebar.superadmin-sidebar{position:fixed!important;top:72px!important;left:0!important;bottom:0!important;width:280px!important;overflow:hidden!important;border-right:1px solid var(--sa-sidebar-border)!important;box-shadow:18px 0 50px #02061729!important;z-index:1040!important}.sidebar.superadmin-sidebar .sidebar-inner{height:100%!important;overflow-y:auto!important}.sidebar.superadmin-sidebar .sidebar-menu{padding:18px 14px 26px!important}.sidebar.superadmin-sidebar .sidebar-menu ul{list-style:none;margin:0;padding:0}.sidebar.superadmin-sidebar .submenu-open{margin-bottom:18px!important;padding:0 0 16px!important;border-bottom:1px solid var(--sa-sidebar-border)}.sidebar.superadmin-sidebar .submenu-open:last-child{border-bottom:0}.sidebar.superadmin-sidebar .submenu-hdr{color:#7dd3fc!important;font-size:11px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important;padding:0 8px 10px!important;margin:0!important}.superadmin-plan-badge{display:inline-flex;border:1px solid rgba(125,211,252,.22);background:#0ea5e921;color:#bae6fd;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:900;letter-spacing:.06em}.sidebar.superadmin-sidebar .sidebar-menu ul li{margin:3px 0!important}.sidebar.superadmin-sidebar .sidebar-menu ul li a{min-height:44px;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:11px 12px!important;border-radius:14px!important;color:#cbd5e1!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important;background:transparent!important;border:1px solid transparent!important;transition:.16s ease!important}.sidebar.superadmin-sidebar .sidebar-menu ul li a svg,.sidebar.superadmin-sidebar .sidebar-menu ul li a i{width:18px!important;height:18px!important;flex:0 0 18px!important;color:#93c5fd!important;stroke-width:2.2!important}.sidebar.superadmin-sidebar .sidebar-menu ul li a:hover{background:#ffffff12!important;color:#fff!important;transform:translate(2px)}.sidebar.superadmin-sidebar .sidebar-menu ul li.active>a,.sidebar.superadmin-sidebar .sidebar-menu ul li a.active,.sidebar.superadmin-sidebar .sidebar-menu ul li a.subdrop.active,.sidebar.superadmin-sidebar .sidebar-menu ul li a.subdrop{background:linear-gradient(135deg,var(--sa-primary),var(--sa-primary-2))!important;color:#fff!important;border-color:#ffffff21!important;box-shadow:0 14px 28px #2563eb47!important}.sidebar.superadmin-sidebar .sidebar-menu ul li.active>a svg,.sidebar.superadmin-sidebar .sidebar-menu ul li a.active svg,.sidebar.superadmin-sidebar .sidebar-menu ul li a.subdrop svg{color:#fff!important}.sidebar.superadmin-sidebar .submenu ul{display:none;margin:6px 0 8px!important;padding:0 0 0 22px!important;border-left:1px dashed rgba(148,163,184,.28)}.sidebar.superadmin-sidebar .submenu ul[style*="display:block"],.sidebar.superadmin-sidebar .submenu .subdrop+ul{display:block}.sidebar.superadmin-sidebar .submenu ul li a{min-height:34px!important;padding:8px 12px!important;font-size:13px!important;font-weight:650!important;border-radius:12px!important;background:transparent!important;color:#aab8ca!important;box-shadow:none!important}.sidebar.superadmin-sidebar .submenu ul li a:before{display:none!important;content:none!important}.sidebar.superadmin-sidebar .submenu ul li a.active,.sidebar.superadmin-sidebar .submenu ul li a:hover{background:#0ea5e929!important;color:#fff!important}.sidebar.superadmin-sidebar .menu-arrow{margin-left:auto;opacity:.75}body.mini-sidebar .header.superadmin-header .header-left,body.mini-sidebar .sidebar.superadmin-sidebar{width:86px!important}body.mini-sidebar .header.superadmin-header .user-menu{margin-left:86px!important}body.mini-sidebar .sidebar.superadmin-sidebar .sidebar-menu{padding-left:12px!important;padding-right:12px!important}body.mini-sidebar .sidebar.superadmin-sidebar .sidebar-menu a span,body.mini-sidebar .sidebar.superadmin-sidebar .submenu-hdr,body.mini-sidebar .sidebar.superadmin-sidebar .menu-arrow,body.mini-sidebar .superadmin-plan-badge{display:none!important}body.mini-sidebar .sidebar.superadmin-sidebar .sidebar-menu ul li a{justify-content:center!important;padding:12px!important}body.mini-sidebar .sidebar.superadmin-sidebar .submenu ul,body.mini-sidebar .header.superadmin-header .logo{display:none!important}body.mini-sidebar .header.superadmin-header .logo-small{display:inline-block!important}.main-wrapper{background:transparent!important;min-height:100vh}.page-wrapper,body.koomi-admin .page-wrapper{margin-left:280px!important;padding:96px 28px 40px!important;min-height:100vh;background:transparent!important}body.mini-sidebar .page-wrapper{margin-left:86px!important}.content{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.sa-page .content{gap:22px}.sa-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:26px;border-radius:26px;background:linear-gradient(135deg,#fff,#f8fbff,#eef6ff);border:1px solid rgba(148,163,184,.22);box-shadow:var(--sa-shadow)}.sa-hero h1{margin:6px 0;font-size:clamp(26px,3vw,40px);font-weight:900;letter-spacing:-.04em;color:#0f172a}.sa-hero p{margin:0;color:var(--sa-muted);max-width:760px;font-size:15px}.sa-eyebrow{color:var(--sa-primary);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.sa-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.sa-btn{display:inline-flex!important;align-items:center;gap:8px;border-radius:14px!important;padding:11px 16px!important;font-weight:800!important;box-shadow:0 14px 26px #2563eb2e}.sa-btn svg{width:17px;height:17px}.card,.sa-panel,.table-actions-card{background:var(--sa-surface)!important;border:1px solid var(--sa-border)!important;border-radius:22px!important;box-shadow:0 16px 44px #0f172a0f!important;overflow:visible!important}.card-header,.sa-panel-toolbar{background:transparent!important;border-bottom:1px solid var(--sa-border)!important;padding:18px 20px!important}.card-body{padding:20px!important}.form-control,.form-select,.select2-container .select2-selection--single,.select2-container .select2-selection--multiple{border:1px solid #d9e2ef!important;border-radius:14px!important;min-height:44px!important;color:var(--sa-text)!important;box-shadow:none!important}.form-control:focus,.form-select:focus{border-color:#93c5fd!important;box-shadow:0 0 0 4px #2563eb1a!important}.btn{border-radius:12px!important;font-weight:800!important}.btn-primary,.btn-dark{background:var(--sa-primary)!important;border-color:var(--sa-primary)!important;color:#fff!important}.btn-primary:hover,.btn-dark:hover{background:#1d4ed8!important;border-color:#1d4ed8!important}.sa-filter-grid{display:grid;grid-template-columns:minmax(260px,1fr);gap:12px;align-items:center;width:100%}.sa-filter-grid-2{grid-template-columns:minmax(260px,1fr) 220px}.sa-filter-grid-3{grid-template-columns:minmax(260px,1fr) 190px 190px}.sa-filter-grid-5{grid-template-columns:minmax(280px,1.5fr) 220px 170px 160px 160px}.sa-input-icon{position:relative}.sa-input-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#94a3b8;z-index:2}.sa-input-icon .form-control{padding-left:42px!important}.sa-table-wrap{overflow:visible!important;padding:0 0 8px}table.sa-table,.table.sa-table{width:100%!important;margin:0!important;border-collapse:separate!important;border-spacing:0 10px!important}.sa-table thead th{border:0!important;background:#f1f5f9!important;color:#475569!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em;text-transform:uppercase;padding:13px 16px!important;white-space:nowrap}.sa-table thead th:first-child{border-radius:14px 0 0 14px}.sa-table thead th:last-child{border-radius:0 14px 14px 0}.sa-table tbody tr{background:#fff;box-shadow:0 8px 24px #0f172a0a}.sa-table tbody td{vertical-align:middle!important;border-top:1px solid #e8eef6!important;border-bottom:1px solid #e8eef6!important;padding:16px!important;color:#1e293b;font-size:14px}.sa-table tbody td:first-child{border-left:1px solid #e8eef6!important;border-radius:16px 0 0 16px}.sa-table tbody td:last-child{border-right:1px solid #e8eef6!important;border-radius:0 16px 16px 0}.sa-table tbody tr:hover td{background:#f8fbff}.sa-dt-top,.sa-dt-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;flex-wrap:wrap}.sa-dt-top{border-bottom:1px solid var(--sa-border)}.sa-dt-bottom{border-top:1px solid var(--sa-border)}.sa-dt-buttons .dt-buttons{display:flex;gap:8px;flex-wrap:wrap}.sa-dt-buttons .btn{padding:8px 12px!important}.dataTables_length label,.dataTables_info{color:var(--sa-muted)!important;font-weight:700}.dataTables_length select{border-radius:10px;border:1px solid #d9e2ef;padding:5px 8px;margin:0 6px}.dataTables_paginate .paginate_button,.dataTables_wrapper .dataTables_paginate .paginate_button{border:1px solid var(--sa-border)!important;border-radius:10px!important;padding:7px 11px!important;margin:0 2px!important;background:#fff!important;color:var(--sa-text)!important}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:var(--sa-primary)!important;color:#fff!important;border-color:var(--sa-primary)!important}.sa-table-loader{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--sa-primary)}.sa-table-loader span{width:14px;height:14px;border-radius:50%;border:2px solid #bfdbfe;border-top-color:var(--sa-primary);animation:saSpin .8s linear infinite}@keyframes saSpin{to{transform:rotate(360deg)}}.sa-entity,.sa-stack{display:flex;flex-direction:column;gap:3px}.sa-entity strong{color:#0f172a;font-weight:900}.sa-entity small,.sa-stack small{color:var(--sa-muted);font-weight:650}.sa-stack span{font-weight:800;color:#1e293b}.sa-link{color:var(--sa-primary);font-weight:800;text-decoration:none}.sa-link:hover{text-decoration:underline}.sa-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;line-height:1;border:1px solid transparent;white-space:nowrap}.sa-pill-success,.bg-success{background:#dcfce7!important;color:#166534!important;border-color:#bbf7d0!important}.sa-pill-danger,.bg-danger{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}.sa-pill-warning,.bg-warning{background:#fef3c7!important;color:#92400e!important;border-color:#fde68a!important}.sa-pill-info,.bg-info{background:#e0f2fe!important;color:#075985!important;border-color:#bae6fd!important}.sa-pill-primary{background:#dbeafe!important;color:#1e40af!important;border-color:#bfdbfe!important}.sa-pill-neutral,.bg-secondary,.bg-lightgrey{background:#f1f5f9!important;color:#334155!important;border-color:#e2e8f0!important}.badges{border-radius:999px!important;padding:6px 10px!important;font-weight:900!important}.action-dropdown .action-set{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid #dbe4ef;background:#fff;color:#334155}.action-dropdown .action-set:hover{background:#eff6ff;color:var(--sa-primary)}.action-dropdown-menu{border:1px solid var(--sa-border)!important;border-radius:16px!important;box-shadow:0 20px 48px #0f172a29!important;padding:8px!important;min-width:220px!important}.action-dropdown-menu .dropdown-item{border-radius:11px;padding:10px 12px!important;font-weight:800;color:#334155}.action-dropdown-menu .dropdown-item:hover{background:#eff6ff;color:var(--sa-primary)}.action-dropdown-icon{width:16px!important;height:16px!important}.dropdown-menu{z-index:3000!important}.table-responsive{overflow-x:auto}.table-dropdown-visible{overflow:visible!important}.page-header{background:#fff;border:1px solid var(--sa-border);border-radius:22px;padding:22px!important;box-shadow:0 16px 44px #0f172a0f}.page-title h4{font-size:28px!important;font-weight:900!important;letter-spacing:-.03em;color:#0f172a!important}.page-title h6{color:var(--sa-muted)!important;font-weight:650!important}.modal-content{border:0!important;border-radius:22px!important;box-shadow:var(--sa-shadow)!important}.sa-confirm-icon{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:var(--sa-primary)}.sa-confirm-icon-danger{background:#fee2e2;color:#dc2626}.sa-confirm-icon-warning{background:#fef3c7;color:#d97706}.sa-confirm-icon-success{background:#dcfce7;color:#16a34a}@media(max-width:1199px){.sa-filter-grid-5{grid-template-columns:1fr 1fr}}@media(max-width:991px){.header.superadmin-header .header-left{width:100%!important;max-width:280px}.header.superadmin-header .user-menu{margin-left:0!important}.sidebar.superadmin-sidebar{transform:translate(-105%);transition:transform .2s ease}body.slide-nav .sidebar.superadmin-sidebar{transform:translate(0)}.page-wrapper,body.koomi-admin .page-wrapper,body.mini-sidebar .page-wrapper{margin-left:0!important;padding:92px 16px 28px!important}.sa-hero{flex-direction:column;align-items:flex-start;padding:22px}.sa-filter-grid,.sa-filter-grid-2,.sa-filter-grid-3,.sa-filter-grid-5{grid-template-columns:1fr}.sa-dt-top,.sa-dt-bottom{align-items:flex-start;flex-direction:column}}@media(max-width:575px){.header.superadmin-header{height:66px!important}.header.superadmin-header .header-left{height:66px!important;padding:0 14px!important}.sidebar.superadmin-sidebar{top:66px!important}.page-wrapper,body.koomi-admin .page-wrapper{padding-top:84px!important}.sa-hero h1{font-size:26px}.card-body{padding:14px!important}}