@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.04o39dzmj.ey..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.0b_~8bw~gzh90.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.0_qb~~5cn13jl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.0eehd8tgys7nv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_177f9698-module__DUJM9a__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_177f9698-module__DUJM9a__variable{--font-plus-jakarta:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root{--primary:#17375f;--primary-dark:#0f2643;--primary-darker:#071526;--primary-light:#234978;--primary-action:#17375f;--primary-surface:#edf1f7;--primary-surface-hover:#dee7f2;--accent:#ffb100;--accent-light:#ffca4d;--gradient-hero:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);--gradient-primary:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);--gradient-card:linear-gradient(135deg, var(--primary-surface), var(--primary-surface-light));--surface:#fff;--background:#f8fafc;--card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-hint:#94a3b8;--text-on-primary:#fff;--text-greeting:var(--primary);--error:#ef4444;--error-surface:#fef2f2;--warning:#f59e0b;--warning-surface:#fffbeb;--success:var(--primary);--success-surface:var(--primary-surface);--info:var(--primary);--info-surface:var(--primary-surface);--border:#e2e8f0;--divider:#f1f5f9;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--sidebar-width:264px;--header-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-pill:100px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-plus-jakarta), "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f5f7}a{color:inherit;text-decoration:none}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;font-size:20px}.icon-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.admin-layout{min-height:100vh;padding:24px;display:flex}.sidebar{width:var(--sidebar-width);z-index:100;color:#17375f;--text-secondary:#17375fd1;--text-hint:#17375fb3;--divider:#17375f1a;--border:#17375f33;background:#ffb100;border-radius:32px;flex-direction:column;align-self:flex-start;height:calc(100vh - 48px);transition:width .4s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:24px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.sidebar-header{justify-content:center;align-items:center;padding:24px 0;display:flex;position:relative}.sidebar-logo{background:0 0;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sidebar-logo .material-symbols-outlined{font-size:24px}.sidebar-title,.sidebar-subtitle{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:0;display:flex;overflow:hidden auto}.nav-section{margin-bottom:12px}.nav-section-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-hint);white-space:nowrap;margin-bottom:8px;padding:0 24px;font-size:11px;font-weight:600}.nav-item{color:var(--text-hint);border-radius:0;align-items:center;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item:before{content:"";z-index:0;border-radius:20px;transition:all .2s;position:absolute;inset:4px 12px}.nav-item:hover:before{background:#17375f1a}.nav-item:hover{color:#17375f;background:0 0}.nav-item.active{color:#fff}.nav-item.active:before{background:#17375f}.nav-item i.fi{z-index:1;justify-content:center;width:24px;margin-right:16px;font-size:24px;display:flex;position:relative}.nav-label{z-index:1;white-space:nowrap;opacity:1;transition:opacity .2s;position:relative}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-section-label{display:none}.sidebar.collapsed .nav-item i.fi{margin-right:0}.sidebar.collapsed .nav-item:before{border-radius:50%;width:44px;height:44px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.sidebar-footer{border-top:1px solid var(--divider);color:#fff;background-color:#17375f;align-items:center;gap:10px;padding:14px 16px;display:flex}.sidebar-footer .fi-rr-exit{color:#ffffffb3!important}.sidebar-footer .fi-rr-exit:hover{color:#f44!important}.avatar-circle{background:var(--primary-action);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.sidebar .sidebar-logo{background:#ffffff2e;border:1px solid #ffffff40}.sidebar .avatar-circle{background:#fff3;border:1px solid #ffffff26}.main-content{background:0 0;flex-direction:column;flex:1;min-width:0;margin-left:24px;display:flex;position:relative}.topbar{background:0 0;justify-content:space-between;align-items:center;padding:32px 0;display:flex}.page-header{justify-content:space-between;align-items:center;padding:40px 0 16px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.3px;font-size:22px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:1px;font-size:13px}.page-body{flex-direction:column;flex:1;padding:0 0 24px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card{background:linear-gradient(135deg,#17375f 0%,#0d2038 100%);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;min-height:130px;padding:20px 24px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0d203826;color:#fff!important;text-decoration:none!important}.stat-card:after{content:"";clip-path:polygon(32% 0,100% 0,100% 100%,0% 100%);pointer-events:none;z-index:1;background:linear-gradient(120deg,#24528e8c 0%,#38bdf847 100%);width:48%;transition:all .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0}.stat-card:hover{border-color:#38bdf873;transform:translateY(-3px);box-shadow:0 10px 28px #0d203847,0 0 20px #38bdf826}.stat-card:hover:after{background:linear-gradient(120deg,#24528eb3 0%,#38bdf861 100%);width:58%}.stat-card-arrow{color:#fff6;z-index:2;font-size:14px;transition:all .3s;position:absolute;top:18px;right:18px}.stat-card:hover .stat-card-arrow{color:#38bdf8;transform:translate(2px,-2px)}.stat-card>div{z-index:2;flex-direction:column;display:flex;position:relative}.stat-value{color:#fff;letter-spacing:-.5px;margin:6px 0 2px;font-size:32px;font-weight:800;line-height:1.1}.stat-label{color:#ffffffe0;letter-spacing:.1px;font-size:13.5px;font-weight:600}.stat-change{color:#ffffffa6;align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:500;display:flex}.stat-badge-warning{color:#ffb100;background:#ffb10029;border:1px solid #ffb1004d;border-radius:5px;padding:1px 7px;font-weight:700}.data-card{box-shadow:none;background:0 0;border:none;border-radius:0;overflow:visible}.data-card-header{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.data-card-title{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.data-card-title .material-symbols-outlined{color:var(--primary);font-variation-settings:"FILL" 1;font-size:20px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:800px}.data-table thead{background:var(--gradient-primary)}.data-table th{text-align:left;color:var(--text-on-primary);text-transform:uppercase;letter-spacing:.5px;background:0 0;padding:12px 16px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--divider);vertical-align:middle;padding:12px 16px;font-size:14px}.data-table tr:hover td{background:var(--primary-surface)}.data-table tr:last-child td{border-bottom:none}.badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge .material-symbols-outlined{font-size:14px}.badge.green{background:var(--success-surface);color:var(--primary-dark)}.badge.blue{background:var(--info-surface);color:var(--primary-dark)}.badge.orange{background:var(--warning-surface);color:#b45309}.badge.red{background:var(--error-surface);color:#dc2626}.badge.purple{color:#7c3aed;background:#f3e8ff}.badge.gray{color:#6b7280;background:#f3f4f6}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn .material-symbols-outlined{font-size:18px}button i.fi{justify-content:center;align-items:center;margin-top:2px;line-height:1;display:flex}.btn-primary{background:var(--gradient-primary);color:var(--text-on-primary);transition:all .2s;box-shadow:0 4px 12px #8c4a2640}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8c4a2659}.btn-outline{border:1.5px solid var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--background);border-color:var(--primary-light)}.btn-sm{padding:6px 12px;font-size:12px}.btn-danger{background:var(--error-surface);color:var(--error)}.btn-danger:hover{background:var(--error);color:#fff}.btn-icon{border-radius:var(--radius-sm);justify-content:center;width:34px;height:34px;padding:0}.search-bar{flex:300px;max-width:400px;position:relative}.search-bar .material-symbols-outlined.search-icon{color:var(--text-hint);pointer-events:none;font-size:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);outline:none;width:100%;padding:10px 36px 10px 40px;font-family:inherit;font-size:14px;transition:all .2s}.search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8c4a261a}.search-bar .search-clear{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-bar .search-clear .material-symbols-outlined{color:var(--text-hint);font-size:18px}.chip-group{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--primary-action);background:var(--surface);color:var(--primary-action);cursor:pointer;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.chip:hover{background:var(--primary-surface);color:var(--primary-dark);border-color:var(--primary-action)}.chip.active{background:var(--primary-action);color:var(--text-on-primary);border-color:var(--primary-action);box-shadow:none}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-2xl);width:90%;max-width:540px;max-height:85vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--divider);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input,.form-select,textarea.form-input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus,textarea.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8c4a261a}.custom-select{width:100%;position:relative}.custom-select-trigger{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;width:100%;height:42px;color:var(--text);box-sizing:border-box;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;font-family:inherit;font-size:13.5px;transition:all .2s;display:flex}.custom-select-trigger:hover{border-color:var(--primary-light)}.custom-select-trigger.open{border-color:var(--primary);box-shadow:0 0 0 3px #17375f14}.custom-select-label{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;min-width:0;display:block;overflow:hidden}.custom-select-trigger .placeholder{color:var(--text-hint)}.custom-select-arrow{color:var(--text-hint);transition:transform .2s;font-size:20px!important}.custom-select-trigger.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:240px;padding:4px;animation:.15s selectSlideDown;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}@keyframes selectSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{cursor:pointer;border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:background .1s;display:flex}.custom-select-option:hover{background:var(--hover)}.custom-select-option.selected{background:var(--primary-surface);color:var(--primary-dark);font-weight:600}.alert{border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.alert .material-symbols-outlined{font-size:20px}.alert.success{background:var(--success-surface);color:var(--primary-dark)}.alert.error{background:var(--error-surface);color:#dc2626}.alert.warning{background:var(--warning-surface);color:#b45309}.alert.info{background:var(--info-surface);color:var(--primary-dark)}.progress-bar{background:var(--divider);border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .3s}.progress-fill.green{background:var(--primary)}.progress-fill.red{background:var(--error)}.category-card{background:var(--card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--divider);cursor:pointer;align-items:center;gap:14px;padding:20px;transition:all .2s;display:flex}.category-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-surface-hover)}.category-icon{background:var(--gradient-card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.category-icon .material-symbols-outlined{color:var(--primary-dark);font-variation-settings:"FILL" 1, "wght" 500;font-size:24px}.action-card{background:var(--card);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid var(--divider);align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.action-card:hover{box-shadow:var(--shadow-md)}.action-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:42px;height:42px;display:flex}.action-icon .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:22px}.banner-card{background:var(--card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--divider);transition:all .2s;overflow:hidden}.banner-card:hover{box-shadow:var(--shadow-md)}.banner-preview{justify-content:center;align-items:center;height:140px;display:flex;position:relative}.banner-preview.hero{background:var(--gradient-hero)}.banner-preview.promo{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.banner-preview span{color:#fff;text-align:center;padding:0 20px;font-size:18px;font-weight:800}.file-upload{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-hint);cursor:pointer;background:var(--background);padding:24px;transition:all .2s}.file-upload:hover,.file-upload.drag-over{border-color:var(--primary);background:var(--primary-surface);color:var(--primary-dark)}.file-upload.drag-over{border-style:solid;box-shadow:0 0 0 3px #8c4a2626}.file-upload-empty{flex-direction:column;align-items:center;gap:8px;display:flex}.file-upload-icon-circle{background:var(--primary-action);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex}.file-upload-icon-circle .material-symbols-outlined{color:#fff;font-size:24px}.file-upload-label{color:var(--text-primary);font-size:13px;font-weight:600}.file-upload-hint{color:var(--text-hint);font-size:11px}.file-upload.has-preview{border-style:solid;border-color:var(--primary-light);background:var(--primary-surface);padding:12px}.file-upload-preview{align-items:center;gap:12px;display:flex}.file-upload-thumb{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.file-upload-thumb img{object-fit:contain;max-width:100%;max-height:100%}.file-upload-meta{flex:1;align-items:center;gap:6px;display:flex}.file-upload-change{color:var(--primary);border-radius:var(--radius-sm);background:#8c4a261a;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.file-upload:hover .file-upload-change{background:#8c4a2633}.upload-area{composes:file-upload}.online-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.online-dot.active{background:var(--success);box-shadow:0 0 0 3px #4caf5033}.online-dot.inactive{background:var(--text-hint)}.sidebar{transition:width .25s}.sidebar.collapsed{width:68px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 12px 16px}.sidebar.collapsed .sidebar-nav{padding:8px}.sidebar.collapsed .nav-section{margin-bottom:2px}.sidebar.collapsed .nav-item{justify-content:center;margin-bottom:8px;padding:10px}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:14px 8px}.nav-label{white-space:nowrap;transition:opacity .2s}.sidebar-collapse-btn{border-radius:var(--radius-sm);color:var(--text-hint);cursor:pointer;align-items:center;gap:10px;margin:0 12px 4px;padding:9px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-collapse-btn:hover{color:#17375f;background:#17375f1a}.sidebar.collapsed .sidebar-collapse-btn{justify-content:center;margin:0 8px 4px}.action-menu-wrapper{display:inline-flex;position:relative}.action-menu-trigger{cursor:pointer;width:32px;height:32px;color:var(--text-hint);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.action-menu-trigger:hover{background:var(--primary-surface);color:var(--primary-dark)}.action-menu-dropdown{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--divider);min-width:180px;padding:4px 0;animation:.15s slideUp;overflow:hidden}.action-menu-item{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .1s;display:flex}.action-menu-item .material-symbols-outlined{color:var(--text-secondary);font-size:18px}.action-menu-item:hover{background:var(--primary-surface);color:var(--primary-dark)}.action-menu-item:hover .material-symbols-outlined{color:var(--primary-dark)}.action-menu-item.danger,.action-menu-item.danger .material-symbols-outlined{color:var(--error)}.action-menu-item.danger:hover{background:var(--error-surface)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.admin-mobile-topbar,.sidebar-mobile-header,.sidebar-backdrop{display:none}@media (max-width:1024px){.admin-layout{min-height:100vh;gap:0!important;padding:0!important;display:block!important}.main-content{min-width:0;width:100%!important;margin-left:0!important;padding:18px 16px!important}.admin-mobile-topbar{color:#17375f;z-index:150;background:#ffb100;justify-content:flex-start;align-items:center;height:52px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}.admin-mobile-menu-btn{color:#17375f;cursor:pointer;background:#17375f1f;border:none;border-radius:8px;align-items:center;height:36px;padding:0 14px;font-size:13.5px;font-weight:700;transition:background .2s;display:inline-flex}.admin-mobile-menu-btn:active{background:#17375f38}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;background:#0f172a99;transition:opacity .3s;display:block;position:fixed;inset:0}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.sidebar{z-index:999!important;border-radius:0 24px 24px 0!important;flex-direction:column!important;width:290px!important;height:100vh!important;transition:transform .35s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-105%)!important;box-shadow:6px 0 35px #0000004d!important}.sidebar.mobile-open{transform:translate(0)!important}.sidebar-mobile-header{border-bottom:1px solid #17375f1f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sidebar-close-btn{color:#17375f;cursor:pointer;background:#17375f1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-section-label{display:block!important}.sidebar.collapsed .nav-item{justify-content:flex-start!important;margin-bottom:2px!important;padding:12px 24px!important}.sidebar.collapsed .nav-item i.fi{margin-right:16px!important}.sidebar.collapsed .nav-item:before{border-radius:20px!important;width:auto!important;height:auto!important;inset:4px 12px!important;transform:none!important}.desktop-only{display:none!important}.stat-grid{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width:640px){.stat-grid{grid-template-columns:1fr}.page-body{padding:0}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;color:#fff;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:12px;min-width:280px;max-width:420px;padding:12px 20px 12px 14px;font-size:13px;font-weight:500;animation:.4s cubic-bezier(.16,1,.3,1) toastSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #0003,0 4px 12px #0000001a}.toast:after{display:none}.toast .toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast .toast-icon .material-symbols-outlined{font-size:20px}.toast .toast-body{color:#fff;flex:1;line-height:1.4}.toast .toast-dismiss{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:4px;transition:all .2s;display:flex}.toast .toast-dismiss:hover{color:#fff;background:#ffffff1a}.toast .toast-dismiss .fi-rr-cross{font-size:12px}.toast-success .toast-icon .material-symbols-outlined{color:#10b981}.toast-error .toast-icon .material-symbols-outlined{color:#ef4444}.toast-info .toast-icon .material-symbols-outlined{color:#3b82f6}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.btn-danger{background:var(--error);color:#fff;border:none}.btn-danger:hover{background:#dc2626}.loading-center{color:var(--text-hint);justify-content:center;align-items:center;gap:10px;padding:60px 20px;font-size:14px;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-hint);padding:60px 20px}.empty-state .material-symbols-outlined{opacity:.3;margin-bottom:12px;font-size:48px;display:block}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-text{visibility:hidden;color:#fff;text-align:center;white-space:normal;opacity:0;z-index:100;pointer-events:none;background-color:#333;border-radius:6px;width:max-content;max-width:250px;padding:8px 12px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .2s,visibility .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.tooltip-text:after{content:"";border:5px solid #0000;border-bottom-color:#333;margin-left:-5px;position:absolute;bottom:100%;left:50%}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:var(--divider);background-image:linear-gradient(90deg, var(--divider) 0px, var(--surface) 40px, var(--divider) 80px);background-size:1000px 100%;animation:2s linear infinite forwards shimmer}.skeleton-dark{background:#ffffff14 linear-gradient(90deg,#ffffff14 0,#ffffff2e 40px,#ffffff14 80px) 0 0/1000px 100%;animation:2s linear infinite forwards shimmer}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes wave-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.wave-dots{align-items:center;gap:8px;height:28px;display:inline-flex}.wave-dot{background:var(--primary,#17375f);border-radius:50%;width:10px;height:10px;animation:1.3s ease-in-out infinite both wave-bounce}.wave-dot:first-child{animation-delay:-.32s}.wave-dot:nth-child(2){animation-delay:-.16s}.wave-dot:nth-child(3){animation-delay:0s}@media (max-width:768px){.search-bar{max-width:100%}}.rich-text-wrapper .ql-toolbar.ql-snow{border:1.5px solid var(--border);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);background:var(--bg-secondary);border-bottom:none;padding:8px 14px}.rich-text-wrapper .ql-container.ql-snow{border:1.5px solid var(--border);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);background:var(--surface);font-family:inherit;font-size:14px}.rich-text-wrapper .ql-editor{min-height:120px;max-height:300px;padding:10px 14px}.newsletter-quill-wrapper{border:1.5px solid var(--border,#cbd5e1);background:#fff;border-radius:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.newsletter-quill-wrapper:focus-within{border-color:var(--primary,#17375f);box-shadow:0 0 0 3px #17375f14}.newsletter-quill-wrapper .ql-toolbar.ql-snow{background:#f8fafc;border:none!important;border-bottom:1px solid #e2e8f0!important;padding:10px 14px!important}.newsletter-quill-wrapper .ql-container.ql-snow{background:#fff;min-height:240px;font-family:inherit;font-size:14.5px;border:none!important}.newsletter-quill-wrapper .ql-editor{color:#1e293b;min-height:240px;max-height:460px;font-family:inherit;line-height:1.75;overflow-y:auto;padding:16px 18px!important}.newsletter-quill-wrapper .ql-editor.ql-blank:before{color:#94a3b8!important;font-style:normal!important;left:18px!important;right:18px!important}.rich-text-wrapper .ql-container.ql-snow:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #8c4a261a}.rich-text-wrapper:focus-within .ql-toolbar.ql-snow{border-color:var(--primary)}.rich-text-wrapper.is-loading{pointer-events:none}.rich-text-wrapper.is-loading .ql-editor.ql-blank:before{content:attr(data-placeholder);background:linear-gradient(90deg, var(--text-hint) 0%, var(--primary) 50%, var(--text-hint) 100%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:500;animation:1.5s linear infinite text-shimmer}@keyframes text-shimmer{to{background-position:-200%}}.ai-generate-btn{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005;border:1px solid var(--divider)!important}.ai-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf626;border-color:#8b5cf6!important}.gradient-icon{background:linear-gradient(135deg,#10b981 0%,#8b5cf6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.react-select-container .react-select__control{border-radius:var(--radius-md);border:1px solid var(--divider);min-height:48px;box-shadow:none;background-color:var(--card);transition:all .2s}.react-select-container .react-select__control:hover{border-color:var(--primary-light)}.react-select-container .react-select__control--is-focused{border-color:var(--primary)!important;box-shadow:0 0 0 4px var(--primary-surface)!important}.react-select-container .react-select__placeholder{color:var(--text-hint);font-size:14px}.react-select-container .react-select__multi-value{background-color:var(--primary-surface);border:1px solid var(--primary-light);border-radius:6px;margin:3px}.react-select-container .react-select__multi-value__label{color:var(--primary-dark);padding:4px 8px;font-size:13px;font-weight:600}.react-select-container .react-select__multi-value__remove{color:var(--primary-dark);cursor:pointer;border-radius:0 4px 4px 0;transition:all .2s}.react-select-container .react-select__multi-value__remove:hover{background-color:var(--error);color:#fff}.react-select-container .react-select__menu{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--divider);z-index:100}.react-select-container .react-select__option{cursor:pointer;padding:10px 14px;font-size:14px}.react-select-container .react-select__option--is-focused{background-color:var(--primary-surface);color:var(--primary-dark)}.react-select-container .react-select__option--is-selected{background-color:var(--primary);color:#fff}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.card-list-container{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:16px;width:100%;display:grid}.list-card{box-shadow:none;cursor:pointer;background:#fff;border:1px solid #00000008;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.list-card:hover{border-color:#00000014;transform:translate(4px)}.list-card-content{flex:1;justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.list-card-col{flex-direction:column;gap:4px;display:flex}.list-card-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:11px;font-weight:600}.list-card-value{color:var(--text-primary);font-size:14px;font-weight:500}.list-card-actions{align-items:center;gap:8px;display:flex}.btn-expandable{box-sizing:border-box;border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;gap:0;min-width:38px;height:38px;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;overflow:hidden;padding:0!important}.btn-expandable i{flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex;margin:0!important}.btn-expandable span{opacity:0;white-space:nowrap;max-width:0;margin-left:0;margin-right:0;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .2s,margin-right .3s;display:inline-block;overflow:hidden}.btn-expandable:hover{min-width:38px;padding-right:16px!important}.btn-expandable:hover span{opacity:1;max-width:220px;margin-right:4px}.search-expandable{box-sizing:border-box;cursor:pointer;border:1.5px solid var(--border,#cbd5e1);width:38px;min-width:38px;height:38px;color:var(--primary,#17375f);background:#fff;border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;gap:0;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;overflow:hidden;padding:0!important}.search-expandable i.search-icon{width:38px;height:38px;color:var(--primary,#17375f);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex;margin:0!important}.search-expandable input{opacity:0;white-space:nowrap;width:210px;max-width:0;color:var(--text-primary,#0f172a);background:0 0;border:none;outline:none;margin:0;padding:0;font-family:inherit;font-size:13.5px;font-weight:500;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .2s,margin-right .3s;display:inline-block;overflow:hidden}.search-expandable:hover,.search-expandable:focus-within,.search-expandable.active{border-color:var(--primary,#17375f);width:auto;min-width:38px;box-shadow:0 4px 14px #17375f1f;padding-right:16px!important}.search-expandable:hover input,.search-expandable:focus-within input,.search-expandable.active input{opacity:1;max-width:210px;margin-right:4px}.search-expandable .clear-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-left:2px;margin-right:2px;padding:0;transition:all .2s;display:flex}.search-expandable .clear-btn:hover{color:#0f172a;background:#e2e8f0}input.form-input,select.form-input,.custom-select-trigger{height:44px}.pmb-detail-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}@media (max-width:1024px){.pmb-detail-grid{grid-template-columns:1fr;gap:20px}}.data-table-container,.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md,8px);width:100%;overflow-x:auto}@media (max-width:768px){.data-table th,.data-table td{white-space:nowrap;padding:10px 12px;font-size:12.5px}.page-header{flex-direction:column;align-items:flex-start;gap:14px}.page-header>div:first-child{width:100%}.page-header .btn{justify-content:center;width:100%}.stat-grid{grid-template-columns:1fr;gap:12px}}