:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--sage-50: #F4F7F4;--sage-100: #EEF2ED;--sage-200: #D8E2D6;--sage-300: #B7CBB5;--sage-400: #9DBB9A;--sage-500: #8BA888;--sage-600: #6E8F6B;--sage-700: #5E7E5B;--sage-800: #466044;--sage-900: #2C3E2B;--bg-app: #F7F9F6;--bg-surface: #FFFFFF;--bg-subtle: #F4F7F4;--bg-sidebar: #FFFFFF;--bg-sidebar-card: #F7FAF7;--border-sidebar: #DFE6DE;--border-color: #DFE6DE;--border-focus: #5E7E5B;--text-main: #141416;--text-muted: #575757;--text-subtle: #8A968C;--text-inverse: #FFFFFF;--status-success: #2D6A4F;--status-success-bg: #EBF4EA;--status-warning: #B45309;--status-warning-bg: #FEF3E2;--status-danger: #C0392B;--status-danger-bg: #FEECEB;--status-info: #2563EB;--status-info-bg: #EFF6FF;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .02);--shadow-md: 0 4px 12px rgba(20, 23, 21, .05);--shadow-lg: 0 12px 28px rgba(20, 23, 21, .08);--shadow-drawer: -4px 0 24px rgba(0, 0, 0, .12);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--duration-fast: .16s;--duration-normal: .2s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;overflow-x:hidden}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:260px;min-width:260px;background-color:var(--bg-sidebar);color:var(--text-main);display:flex;flex-direction:column;border-right:1px solid var(--border-sidebar);z-index:20;transition:width .25s cubic-bezier(.16,1,.3,1),margin-left .25s cubic-bezier(.16,1,.3,1),opacity .2s ease}.app-layout.sidebar-collapsed .sidebar{margin-left:-260px;opacity:0;pointer-events:none}.sidebar-header{padding:20px 20px 18px;display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid var(--border-sidebar)}.brand-badge{display:flex;align-items:center;gap:12px}.brand-logo-img{width:44px;height:44px;border-radius:50%;object-fit:contain;flex-shrink:0;background:#fff;box-shadow:0 1px 3px #00000014}.brand-text-group{display:flex;flex-direction:column;gap:1px}.brand-title{font-family:"Cabin Condensed","Urbanist",var(--font-sans);font-size:24px;font-weight:700;letter-spacing:-.3px;color:#141416;line-height:1.1}.brand-subtitle{font-family:"Urbanist",var(--font-sans);font-size:12px;font-weight:600;color:#8ba888;letter-spacing:.3px}.menu-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-main);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);margin-right:6px}.menu-toggle-btn:hover{background:#f4f7f4;border-color:#dfe6de;color:#5e7e5b}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:4px}.nav-section-title{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.8px;color:#8a968c;margin:16px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:500;color:#575757;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);text-decoration:none;border:none;background:transparent;width:100%;text-align:left}.nav-item:hover{background-color:#f7faf7;color:#141416}.nav-item.active{background-color:#eef2ed;color:#5e7e5b;font-weight:600}.nav-item.active svg{color:#5e7e5b}.nav-item .nav-badge{margin-left:auto;font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);background:#feeceb;color:#dc2626}.sidebar-footer{padding:16px;border-top:1px solid var(--border-sidebar);background:#fff}.admin-profile-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#f7faf7;border:1px solid var(--border-sidebar)}.admin-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border-sidebar)}.admin-info{flex:1;overflow:hidden}.admin-name{font-size:13.5px;font-weight:600;color:#141416;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin-role-badge{font-size:11px;font-weight:600;color:#8ba888;text-transform:uppercase;letter-spacing:.3px}.admin-logout-btn{background:none;border:none;color:#8a968c;cursor:pointer;padding:6px;border-radius:6px;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.admin-logout-btn:hover{background:#feeceb;color:#dc2626}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-app)}.topbar{height:74px;min-height:74px;background-color:#fff;border-bottom:1px solid var(--border-color);padding:0 32px;display:flex;align-items:center;justify-content:space-between;z-index:10}.topbar-left{display:flex;align-items:center;gap:16px}.page-title{font-size:24px;font-weight:700;color:#141416;letter-spacing:-.4px;line-height:1.2}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-search{position:relative;width:300px}.topbar-search input{width:100%;padding:9px 16px 9px 38px;border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:#fff;font-size:13.5px;font-family:var(--font-sans);color:var(--text-main);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.topbar-search input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #5e7e5b1f}.topbar-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-subtle)}.topbar-icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#575757;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);position:relative}.topbar-icon-btn:hover{background:#f7faf7;color:#141416;border-color:#ccd6cc}.topbar-profile{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 8px 4px 4px;border-radius:var(--radius-full);transition:background .15s ease}.topbar-profile:hover{background:#f7faf7}.topbar-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.topbar-user-name{font-size:14px;font-weight:600;color:#141416;line-height:1.2}.topbar-user-role{font-size:12px;font-weight:500;color:#8ba888}.page-container{flex:1;overflow-y:auto;padding:28px 32px 48px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;min-height:145px;transition:transform .15s ease,box-shadow .15s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.kpi-icon-wrap{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--sage-100);color:var(--sage-700)}.kpi-badge{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background-color:#ebf4ea;color:#3b7e38}.kpi-badge.negative{background-color:#feeceb;color:#c0392b}.kpi-value{font-size:30px;font-weight:700;letter-spacing:-.6px;color:#141416;line-height:1.1;margin-bottom:4px}.kpi-label{font-size:14px;font-weight:500;color:#717671}.dashboard-middle-row{display:grid;grid-template-columns:1.8fr 1fr;gap:20px;margin-bottom:24px}.chart-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-title{font-size:18px;font-weight:600;color:#141416}.chart-tabs{display:flex;gap:4px;background:#eef2ed;padding:4px;border-radius:var(--radius-full)}.chart-tab{border:none;background:transparent;padding:6px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:600;color:#575757;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.chart-tab.active{background:#5e7e5b;color:#fff;box-shadow:0 1px 3px #00000014}.chart-bars-container{display:flex;align-items:flex-end;gap:8px;height:190px;padding:16px 0 30px;position:relative}.chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative;min-width:0}.chart-bar-fill{width:100%;max-width:14px;border-radius:5px;background:#d5dfd4;transition:opacity .2s ease,background-color .15s ease;cursor:pointer}.chart-bar-fill.highlight{background:#5e7e5b}.chart-bar-fill:hover{background:#5e7e5b;opacity:.9}.chart-bar-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;font-size:11px;font-weight:500;color:#717671;white-space:nowrap;pointer-events:none}.needs-attention-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm)}.attention-list{display:flex;flex-direction:column}.attention-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #F0F4F0;cursor:pointer;transition:background .12s ease}.attention-item:last-child{border-bottom:none;padding-bottom:0}.attention-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.attention-badge-red{background:#feeceb;color:#dc2626}.attention-badge-amber{background:#fef3e2;color:#d97706}.attention-badge-blue{background:#eff6ff;color:#2563eb}.attention-info{flex:1;overflow:hidden}.attention-title{font-size:15px;font-weight:600;color:#141416;margin-bottom:2px}.attention-subtext{font-size:13px;font-weight:400;color:#717671;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attention-link{font-size:14px;font-weight:600;color:#5e7e5b;text-decoration:none;padding:4px 10px;border-radius:6px;transition:background .15s ease}.attention-link:hover{background:#eef2ed}.card-table{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:24px}.card-table-header{padding:18px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background-color:#fff}.table-header-title{font-size:18px;font-weight:600;color:#141416}.table-header-link{font-size:14px;font-weight:600;color:#5e7e5b;text-decoration:none;cursor:pointer;transition:opacity .15s}.table-header-link:hover{opacity:.8}.table-actions{display:flex;align-items:center;gap:10px}.table-wrapper{overflow-x:auto}table.admin-table{width:100%;border-collapse:collapse;text-align:left}table.admin-table th{padding:12px 20px;font-size:13px;font-weight:600;color:#575757;background-color:var(--sage-100);border-bottom:1px solid var(--border-color);text-transform:none;letter-spacing:normal}table.admin-table td{padding:14px 20px;font-size:14px;color:#141416;border-bottom:1px solid var(--border-color);vertical-align:middle}table.admin-table tr:hover td{background-color:#f9fbf9}.table-user-cell{display:flex;align-items:center;gap:10px}.table-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--sage-100);color:var(--sage-700);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-transform:capitalize}.badge-success{background:var(--status-success-bg);color:var(--status-success)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning)}.badge-danger{background:var(--status-danger-bg);color:var(--status-danger)}.badge-info{background:var(--status-info-bg);color:var(--status-info)}.badge-neutral{background:var(--bg-subtle);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);font-size:13.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:1px solid transparent;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);text-decoration:none}.btn:active,.nav-item:active,.topbar-icon-btn:active,.chart-tab:active,.attention-item:active,.kpi-card:active{transform:scale(.97)}.btn-primary{background-color:var(--sage-700);color:#fff}.btn-primary:hover{background-color:var(--sage-800)}.btn-secondary{background-color:var(--bg-surface);border-color:var(--border-color);color:var(--text-main)}.btn-secondary:hover{background-color:var(--bg-subtle);border-color:#ccd6cc}.btn-danger{background-color:#e11d48;color:#fff}.btn-danger:hover{background-color:#be123c}.btn-sm{padding:5px 11px;font-size:12px;border-radius:var(--radius-sm)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12181473;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:flex-end;animation:overlayFadeIn var(--duration-fast) var(--ease-out)}.drawer-panel{width:520px;max-width:90vw;height:100%;background:var(--bg-surface);box-shadow:var(--shadow-drawer);display:flex;flex-direction:column;animation:slideDrawer .25s var(--ease-drawer)}@keyframes slideDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.drawer-title{font-size:18px;font-weight:800;color:var(--text-main)}.drawer-body{flex:1;overflow-y:auto;padding:24px}.drawer-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px;background-color:#f8faf8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1218148c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:overlayFadeIn var(--duration-fast) var(--ease-out)}.modal-dialog{width:520px;max-width:95vw;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transform-origin:center;animation:popModal var(--duration-normal) var(--ease-out)}@keyframes popModal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm)}.grid{display:grid;gap:20px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.form-group{margin-bottom:18px}.form-label{display:block;font-size:12.5px;font-weight:700;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-control{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;font-family:var(--font-sans);font-size:14px;color:var(--text-main);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.form-control:focus{border-color:var(--sage-700);box-shadow:0 0 0 3px #5e7e5b26}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccd6cd;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#a6b8a8}.card-table{overflow-x:auto;-webkit-overflow-scrolling:touch}table.admin-table{min-width:680px}.responsive-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.responsive-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.responsive-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.responsive-split{display:grid;grid-template-columns:360px 1fr;gap:24px}.menu-toggle-btn{display:none;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:7px;cursor:pointer;color:var(--text-main);transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.menu-toggle-btn:active{transform:scale(.97)}.menu-toggle-btn:hover{background:var(--bg-subtle);border-color:var(--sage-600)}.sidebar-close-btn{display:none;background:transparent;border:none;color:#b4c4b7;cursor:pointer;padding:6px;border-radius:6px}.sidebar-close-btn:hover{color:#fff;background:var(--bg-sidebar-card)}.sidebar-backdrop{display:none}@media(max-width:1200px){.kpi-grid,.responsive-grid-4,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.responsive-grid-3,.grid-cols-3{grid-template-columns:1fr}}@media(max-width:1024px){.app-layout{position:relative}.sidebar{position:fixed;top:0;bottom:0;left:0;height:100vh;transform:translate(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1);z-index:50;box-shadow:4px 0 24px #00000059}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#12181480;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40}.menu-toggle-btn,.sidebar-close-btn{display:flex}.responsive-split,.dashboard-middle-row{grid-template-columns:1fr;display:flex;flex-direction:column}.topbar{padding:0 20px}.topbar-search{width:240px}}@media(max-width:768px){.topbar{height:60px;min-height:60px;padding:0 16px}.topbar-left{gap:12px}.page-title{font-size:16px}.topbar-search{display:none}.page-container{padding:16px 14px 36px}.responsive-grid-2,.responsive-grid-3,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.card-table-header{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:10px}.table-actions{width:100%;justify-content:flex-start}.drawer-panel{width:100%;max-width:100vw}.modal-dialog{width:95vw;margin:10px}}@media(max-width:640px){.kpi-grid,.responsive-grid-4,.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.kpi-card{padding:16px 18px}.kpi-value{font-size:24px}}.settings-tabs-bar{display:flex;align-items:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}.settings-tab-pill{border-radius:9999px;padding:8px 18px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background-color:#fff;color:var(--text-main);border-color:var(--border-color)}.settings-tab-pill:active{transform:scale(.97)}.settings-tab-pill:hover:not(.active){background-color:var(--sage-50);border-color:var(--sage-300)}.settings-tab-pill.active{background-color:var(--sage-700);color:#fff;border-color:var(--sage-700)}.settings-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.settings-card-title{font-size:18px;font-weight:600;color:var(--text-main);margin-bottom:12px}.settings-row{display:flex;justify-content:space-between;align-items:center;min-height:68px;padding:14px 0;border-bottom:1px solid #F0F2EF}.settings-row:last-child{border-bottom:none}.settings-row-info{display:flex;flex-direction:column}.settings-row-title{font-size:15px;font-weight:600;color:var(--text-main);margin-bottom:3px}.settings-row-desc{font-size:13px;color:var(--text-muted);font-weight:400}.settings-input-pill{width:140px;height:39px;border-radius:10px;background:#f7f9f6;border:1px solid #DFE6DE;display:flex;align-items:center;justify-content:center;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);padding:0 8px}.settings-input-pill:focus-within{border-color:var(--sage-700);box-shadow:0 0 0 3px #5e7e5b26;background:#fff}.settings-input-pill input{border:none;background:transparent;width:100%;height:100%;text-align:center;font-size:14px;font-weight:600;color:var(--text-main);font-family:inherit;outline:none}.settings-input-pill input:disabled{color:var(--text-muted);cursor:not-allowed}.settings-toggle{position:relative;width:44px;height:26px;border-radius:9999px;border:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);padding:3px;display:inline-flex;align-items:center}.settings-toggle.active{background-color:var(--sage-700)}.settings-toggle:not(.active){background-color:#dfe6de}.settings-toggle:disabled{cursor:not-allowed;opacity:.6}.settings-toggle-thumb{width:20px;height:20px;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px #00000026;transition:transform var(--duration-fast) var(--ease-drawer)}.settings-toggle.active .settings-toggle-thumb{transform:translate(18px)}.settings-toggle:not(.active) .settings-toggle-thumb{transform:translate(0)}.permissions-table{width:100%;border-collapse:separate;border-spacing:0}.permissions-table th{text-align:center;font-size:13px;font-weight:600;color:var(--text-muted);padding:12px 16px}.permissions-table th:first-child{text-align:left;padding-left:0;width:220px}.permissions-table td{text-align:center;padding:14px 16px;border-top:1px solid #F0F2EF;font-size:14px}.permissions-table td:first-child{text-align:left;padding-left:0;font-weight:600;color:var(--text-main)}.perm-checkbox{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;margin:0 auto}.perm-checkbox.checked{background-color:var(--sage-700);color:#fff}.perm-checkbox.unchecked{border:1.5px solid #DFE6DE;background:transparent}.referral-grid-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}@media(max-width:1100px){.referral-grid-layout{grid-template-columns:1fr}}.referral-table{width:100%;border-collapse:collapse;text-align:left}.referral-table th{padding:12px 18px;font-size:12px;font-weight:600;color:var(--text-muted);background-color:var(--sage-50);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px}.referral-table td{padding:14px 18px;font-size:14px;color:var(--text-main);border-bottom:1px solid #F0F2EF;vertical-align:middle}.referral-table tr:last-child td{border-bottom:none}.referral-user-cell{display:flex;align-items:center;gap:10px}.referral-avatar{width:32px;height:32px;border-radius:50%;background:var(--sage-100);color:var(--sage-700);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;border:1px solid var(--border-color)}.referral-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600}.referral-badge.rewarded{background-color:#ebf4ea;color:#2d6a4f}.referral-badge.pending{background-color:#fef3e2;color:#d97706}.referral-badge.flagged{background-color:#feeceb;color:#c0392b}.program-rules-input{width:100%;height:40px;border-radius:10px;background:#f7f9f6;border:1px solid #DFE6DE;padding:0 14px;font-size:14px;font-weight:500;color:var(--text-main);font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.program-rules-input:focus{border-color:var(--sage-700);box-shadow:0 0 0 3px #5e7e5b26;background:#fff}.program-rules-select{width:100%;height:42px;border-radius:10px;background:#f7f9f6;border:1px solid #DFE6DE;padding:0 14px;font-size:14px;font-weight:500;color:var(--text-main);font-family:inherit;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23575757' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}.program-rules-select:focus{border-color:var(--sage-700);box-shadow:0 0 0 3px #5e7e5b26;background-color:#fff}.login-page-container{min-height:100vh;min-height:100dvh;display:flex;width:100vw;background-color:#fff;overflow:hidden}.login-hero-side{flex:1;height:100vh;position:relative;overflow:hidden;background-color:#1a241c}.login-hero-image{width:100%;height:100%;object-fit:cover;display:block}.login-form-side{flex:1;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:40px 24px;overflow-y:auto}.login-card-container{width:100%;max-width:440px;background:#fff;border:1px solid var(--border-color);border-radius:20px;padding:40px;box-shadow:0 4px 24px #1417150a}.login-input-box{display:flex;align-items:center;gap:10px;width:100%;height:44px;border-radius:10px;background:#f7f9f6;border:1px solid #DFE6DE;padding:0 14px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.login-input-box:focus-within{border-color:var(--sage-700);box-shadow:0 0 0 3px #5e7e5b26;background:#fff}.login-input-box input{border:none;background:transparent;outline:none;width:100%;font-size:14px;color:var(--text-main);font-family:inherit}.login-submit-btn{width:100%;height:44px;border-radius:9999px;background-color:var(--sage-700);color:#fff;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);box-shadow:0 2px 8px #5e7e5b40}.login-submit-btn:hover{background-color:var(--sage-800)}.login-submit-btn:active{transform:scale(.97)}@media(max-width:960px){.login-hero-side{display:none}.login-form-side{width:100%;padding:24px 16px;background-color:#f7f9f6}.login-card-container{padding:32px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}button:active,.btn:active,.nav-item:active,.topbar-icon-btn:active,.chart-tab:active,.popular-dropdown-btn:active,.attention-item:active,.kpi-card:active{transform:none!important}.drawer-panel,.modal-dialog,.popular-dropdown-menu,.user-figma-card{transform:none!important;animation:overlayFadeIn .15s ease-out!important}}.drawer-panel-user{width:440px!important;max-width:95vw!important;height:100%!important;background:transparent!important;box-shadow:none!important;padding:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}.user-figma-card{width:100%;max-width:400px;background:#fff;border:1px solid #DFE6DE;border-radius:20px;padding:24px;position:relative;box-shadow:0 8px 32px #14171514;font-family:Urbanist,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;gap:14px;box-sizing:border-box;animation:userCardPop .2s cubic-bezier(.16,1,.3,1)}@keyframes userCardPop{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-figma-card-close{position:absolute;top:18px;right:18px;background:transparent;border:none;color:#8a968c;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);z-index:5}.user-figma-card-close:active{transform:scale(.95)}.user-figma-card-close:hover{background-color:#f0f2ef;color:#141416}.user-figma-header{display:flex;align-items:center;gap:14px;padding-right:28px}.user-figma-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0;background-color:#dfe6de;display:flex;align-items:center;justify-content:center;font-family:Urbanist,sans-serif;font-size:22px;font-weight:700;color:#5e7e5b;overflow:hidden}.user-figma-header-info{display:flex;flex-direction:column;overflow:hidden}.user-figma-handle{font-family:Cabin Condensed,Urbanist,sans-serif;font-size:22px;font-weight:600;color:#141416;margin:0 0 2px;line-height:1.2;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-figma-subtitle{font-family:Urbanist,sans-serif;font-size:12.5px;font-weight:400;color:#575757;margin:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-figma-stats-list{display:flex;flex-direction:column;margin-top:2px}.user-figma-stat-row{display:flex;justify-content:space-between;align-items:center;height:35px;border-bottom:1px solid #DFE6DE}.user-figma-stat-label{font-family:Urbanist,sans-serif;font-size:14px;font-weight:400;color:#575757}.user-figma-stat-value{font-family:Urbanist,sans-serif;font-size:14px;font-weight:600;color:#141416}.user-figma-role-section{display:flex;flex-direction:column;gap:8px;margin-top:2px}.user-figma-role-label{font-family:Urbanist,sans-serif;font-size:14px;font-weight:500;color:#141416}.user-figma-role-toggle{display:flex;align-items:center;background-color:#eef2ed;border-radius:9999px;padding:4px;height:40px;gap:4px}.user-figma-role-segment{flex:1;height:32px;border:none;background:transparent;border-radius:9999px;font-family:Urbanist,sans-serif;font-size:13px;font-weight:600;color:#575757;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.user-figma-role-segment:active{transform:scale(.97)}.user-figma-role-segment.active{background-color:#8ba888;color:#fff;box-shadow:0 1px 4px #8ba88859}.user-figma-role-segment:not(.active):hover{color:#141416;background-color:#0000000a}.user-figma-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.user-figma-save-btn{width:100%;height:49px;border-radius:9999px;background-color:#8ba888;color:#fff;border:none;font-family:Urbanist,sans-serif;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);box-shadow:0 2px 8px #8ba88840}.user-figma-save-btn:hover{background-color:#7b9978}.user-figma-save-btn:active{transform:scale(.97)}.user-figma-save-btn:disabled{opacity:.7;cursor:not-allowed}.user-figma-suspend-btn{width:100%;height:49px;border-radius:9999px;background-color:#b8634f;color:#fff;border:none;font-family:Urbanist,sans-serif;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);box-shadow:0 2px 8px #b8634f40}.user-figma-suspend-btn.unsuspend{background-color:#5e7e5b;box-shadow:0 2px 8px #5e7e5b40}.user-figma-suspend-btn:hover{opacity:.92}.user-figma-suspend-btn:active{transform:scale(.97)}@media(max-width:480px){.drawer-panel-user{width:100%!important;padding:8px!important}.user-figma-card{padding:20px 16px;border-radius:16px}}.clubs-page-container{display:flex;flex-direction:column;gap:24px}.clubs-filters-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.clubs-pills-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.clubs-filter-pill{height:37px;padding:0 18px;border-radius:9999px;background:#fff;border:1px solid #DFE6DE;color:#141416;font-family:Urbanist,sans-serif;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);white-space:nowrap}.clubs-filter-pill:active{transform:scale(.97)}.clubs-filter-pill:hover{background:#f7f9f6;border-color:#ccd6cb}.clubs-filter-pill.active{background:#8ba888;border-color:#8ba888;color:#fff;box-shadow:0 2px 6px #8ba8884d}.clubs-search-box{width:260px;height:41px;border-radius:9999px;background:#fff;border:1px solid #DFE6DE;padding:0 16px;display:flex;align-items:center;gap:8px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.clubs-search-box:focus-within{border-color:#8ba888;box-shadow:0 0 0 3px #8ba88826}.clubs-search-box input{border:none;background:transparent;outline:none;font-family:Urbanist,sans-serif;font-size:14px;color:#141416;width:100%}.clubs-search-box input::placeholder{color:#8c8c8c}.clubs-main-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}@media(max-width:1100px){.clubs-main-grid{grid-template-columns:1fr}}.clubs-table-card{background:#fff;border:1px solid #DFE6DE;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #14171508}.clubs-table-header{height:44px;background:#eef2ed;display:grid;grid-template-columns:2.2fr 1.4fr .9fr .8fr 1fr;align-items:center;padding:0 20px;font-family:Urbanist,sans-serif;font-size:12px;font-weight:600;color:#717671;letter-spacing:.5px;text-transform:uppercase}.clubs-table-row{height:61px;display:grid;grid-template-columns:2.2fr 1.4fr .9fr .8fr 1fr;align-items:center;padding:0 20px;border-bottom:1px solid #DFE6DE;cursor:pointer;transition:background-color .12s ease;font-family:Urbanist,sans-serif}.clubs-table-row:last-child{border-bottom:none}.clubs-table-row:hover{background-color:#f9faf8}.clubs-table-row.selected{background-color:#f4f7f3}.clubs-cell-club{display:flex;align-items:center;gap:12px;overflow:hidden;padding-right:12px}.clubs-thumb{width:32px;height:32px;border-radius:8px;object-fit:cover;flex-shrink:0;background-color:#dfe6de}.clubs-name{font-family:Urbanist,sans-serif;font-size:14px;font-weight:600;color:#141416;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clubs-cell-text{font-family:Urbanist,sans-serif;font-size:14px;font-weight:400;color:#141416;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clubs-badge-reported{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 10px;border-radius:50px;background:#feeceb;color:#b8634f;font-family:Urbanist,sans-serif;font-size:12px;font-weight:600}.clubs-badge-active{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 10px;border-radius:50px;background:#ebf5ed;color:#3aa55d;font-family:Urbanist,sans-serif;font-size:12px;font-weight:600}.clubs-moderation-card{background:#fff;border:1px solid #DFE6DE;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 20px #14171508;font-family:Urbanist,sans-serif}.clubs-mod-title{font-family:Cabin Condensed,Urbanist,sans-serif;font-size:22px;font-weight:600;color:#141416;margin:0;line-height:1.2}.clubs-mod-subtitle{font-family:Urbanist,sans-serif;font-size:13px;font-weight:500;color:#b8634f;margin:0;line-height:1.3}.clubs-mod-subtitle.clean{color:#3aa55d}.clubs-mod-section-title{font-family:Urbanist,sans-serif;font-size:13px;font-weight:700;color:#141416;letter-spacing:.5px;text-transform:uppercase;margin-top:4px}.clubs-mod-msg-list{display:flex;flex-direction:column;gap:12px}.clubs-mod-msg-card{background:#eef2ed;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.clubs-mod-msg-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.clubs-mod-user-info{display:flex;align-items:center;gap:8px}.clubs-mod-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#dfe6de}.clubs-mod-user-name{font-family:Urbanist,sans-serif;font-size:14px;font-weight:600;color:#141416}.clubs-mod-msg-time{font-family:Urbanist,sans-serif;font-size:12px;color:#717671}.clubs-mod-msg-body{font-family:Urbanist,sans-serif;font-size:13px;color:#575757;line-height:1.4;margin:0}.clubs-mod-tag{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:50px;background:#feeceb;color:#b8634f;font-family:Urbanist,sans-serif;font-size:12px;font-weight:600;width:fit-content}.clubs-mod-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.clubs-outline-btn{width:100%;height:46px;border-radius:100px;background:#fff;border:1.5px solid #8BA888;color:#8ba888;font-family:Urbanist,sans-serif;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.clubs-outline-btn:active{transform:scale(.97)}.clubs-outline-btn:hover{background:#f4f7f3;color:#5e7e5b;border-color:#5e7e5b}.clubs-danger-btn{width:100%;height:44px;border-radius:100px;background:#b8634f;color:#fff;border:none;font-family:Urbanist,sans-serif;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);box-shadow:0 2px 8px #b8634f40}.clubs-danger-btn:active{transform:scale(.97)}.clubs-danger-btn.unsuspend{background:#5e7e5b;box-shadow:0 2px 8px #5e7e5b40}.clubs-danger-btn:hover{opacity:.92}.popular-content-page{display:flex;flex-direction:column;width:100%}.popular-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1024px){.popular-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.popular-kpi-grid{grid-template-columns:1fr}}.popular-kpi-card{background:#fff;border:1px solid #DFE6DE;border-radius:16px;padding:20px;min-height:153px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 2px #00000005;transition:transform .15s ease,box-shadow .15s ease}.popular-kpi-card:hover{box-shadow:0 4px 12px #0000000a}.popular-kpi-top{display:flex;align-items:center;justify-content:space-between}.popular-kpi-icon-circle{width:40px;height:40px;border-radius:50%;background:#eef2ed;display:flex;align-items:center;justify-content:center;color:#5e7e5b}.popular-kpi-delta{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;background:#3aa55d1f;color:#3aa55d;font-family:Urbanist,sans-serif;font-size:12px;font-weight:700;line-height:1}.popular-kpi-bottom{margin-top:14px}.popular-kpi-value{font-family:Cabin Condensed,Urbanist,sans-serif;font-size:32px;font-weight:700;color:#141416;line-height:1.1;margin-bottom:4px;letter-spacing:-.02em}.popular-kpi-label{font-family:Urbanist,sans-serif;font-size:14px;font-weight:400;color:#717671}.popular-filters-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap}.popular-filter-pills{display:flex;align-items:center;gap:10px}.popular-filter-pill{padding:8px 20px;border-radius:50px;font-family:Urbanist,sans-serif;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #DFE6DE;background:#fff;color:#141416;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.popular-filter-pill:active{transform:scale(.97)}.popular-filter-pill:hover:not(.active){background:#f4f7f3;border-color:#cad5c9}.popular-filter-pill.active{background:#8ba888;color:#fff;border-color:#8ba888;font-weight:600;box-shadow:0 1px 4px #8ba88840}.popular-dropdowns-group{display:flex;align-items:center;gap:10px}.popular-dropdown-wrapper{position:relative}.popular-dropdown-btn{display:inline-flex;align-items:center;gap:8px;height:39px;padding:0 16px;border-radius:100px;background:#fff;border:1px solid #DFE6DE;font-family:Urbanist,sans-serif;font-size:14px;font-weight:500;color:#141416;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.popular-dropdown-btn:active{transform:scale(.97)}.popular-dropdown-btn:hover{background:#f8faf8;border-color:#cad5c9}@keyframes popoverScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popular-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #DFE6DE;border-radius:12px;box-shadow:0 8px 24px #00000014;padding:6px;z-index:50;min-width:170px;transform-origin:top right;animation:popoverScaleIn var(--duration-fast) var(--ease-out)}.popular-dropdown-item{display:flex;align-items:center;width:100%;padding:8px 12px;font-family:Urbanist,sans-serif;font-size:13px;color:#141416;border-radius:8px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease}.popular-dropdown-item:hover{background:#eef2ed;color:#2c3e2b}.popular-dropdown-item.selected{font-weight:700;color:#5e7e5b;background:#f4f7f3}.popular-table-card{background:#fff;border:1px solid #DFE6DE;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #00000005}.popular-table-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.popular-table-title{font-family:Urbanist,sans-serif;font-size:18px;font-weight:700;color:#141416;margin:0}.popular-export-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 16px;border-radius:100px;background:#fff;border:1.5px solid #8BA888;color:#8ba888;font-family:Urbanist,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.popular-export-btn:active{transform:scale(.97)}.popular-export-btn:hover{background:#8ba88814;border-color:#6e8f6b;color:#6e8f6b}.popular-table-wrapper{overflow-x:auto;width:100%}.popular-table{width:100%;border-collapse:collapse;min-width:900px}.popular-table-head{background:#eef2ed}.popular-table-th{padding:14px 20px;font-family:Urbanist,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;color:#575757;text-align:left;letter-spacing:.02em;border-bottom:1px solid #DFE6DE}.popular-table-tr{border-bottom:1px solid #DFE6DE;transition:background .15s ease;height:61px}.popular-table-tr:last-child{border-bottom:none}.popular-table-tr:hover{background:#f9faf9}.popular-table-td{padding:12px 20px;font-family:Urbanist,sans-serif;font-size:14px;color:#141416;vertical-align:middle}.popular-post-cell{display:flex;align-items:center;gap:12px;min-width:0}.popular-post-thumb{width:32px;height:32px;border-radius:8px;object-fit:cover;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.popular-post-title{font-weight:600;color:#141416;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:380px}.popular-club-cell,.popular-author-cell{color:#141416;font-weight:400;white-space:nowrap}.popular-likes-val{font-weight:700;color:#141416}.popular-comments-val,.popular-shares-val{font-weight:400;color:#141416}.popular-posted-cell{font-weight:400;color:#141416;white-space:nowrap}.tx-audit-page{display:flex;flex-direction:column;width:100%}.tx-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1024px){.tx-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.tx-kpi-grid{grid-template-columns:1fr}}.tx-kpi-card{background:#fff;border:1px solid #DFE6DE;border-radius:16px;padding:20px;min-height:155px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 2px #00000005;transition:transform .15s ease,box-shadow .15s ease}.tx-kpi-card:hover{box-shadow:0 4px 12px #0000000a}.tx-kpi-top{display:flex;align-items:center;justify-content:space-between}.tx-kpi-icon-circle{width:40px;height:40px;border-radius:50%;background:#eef2ed;display:flex;align-items:center;justify-content:center;color:#5e7e5b}.tx-kpi-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:50px;font-family:Urbanist,sans-serif;font-size:12px;font-weight:600;line-height:1}.tx-kpi-badge.danger{background:#b8634f26;color:#b8634f}.tx-kpi-badge.success{background:#3aa55d26;color:#3aa55d}.tx-kpi-bottom{margin-top:14px}.tx-kpi-value{font-family:Cabin Condensed,Urbanist,sans-serif;font-size:32px;font-weight:700;color:#141416;line-height:1.1;margin-bottom:4px;letter-spacing:-.02em}.tx-kpi-label{font-family:Urbanist,sans-serif;font-size:14px;font-weight:400;color:#575757}.tx-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}@media(max-width:1100px){.tx-main-grid{grid-template-columns:1fr}}.tx-ledger-card{background:#fff;border:1px solid #DFE6DE;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #00000005}.tx-ledger-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.tx-ledger-title{font-family:Urbanist,sans-serif;font-size:18px;font-weight:700;color:#141416;margin:0}.tx-export-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:100px;background:#fff;border:1.5px solid #8BA888;color:#8ba888;font-family:Urbanist,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.tx-export-btn:active{transform:scale(.97)}.tx-export-btn:hover{background:#8ba88814;border-color:#6e8f6b;color:#6e8f6b}.tx-table-wrapper{overflow-x:auto;width:100%}.tx-table{width:100%;border-collapse:collapse;min-width:660px}.tx-th{padding:14px 20px;font-family:Urbanist,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;color:#575757;text-align:left;letter-spacing:.03em;background:#eef2ed;border-bottom:1px solid #DFE6DE}.tx-tr{border-bottom:1px solid #DFE6DE;height:51px;cursor:pointer;transition:background .15s ease}.tx-tr:last-child{border-bottom:none}.tx-tr:hover{background:#f9faf9}.tx-tr.selected{background:#f4f7f3}.tx-td{padding:12px 20px;font-family:Urbanist,sans-serif;font-size:14px;color:#141416;vertical-align:middle}.tx-id-cell{font-family:Urbanist,sans-serif;font-weight:600;color:#141416;white-space:nowrap}.tx-type-cell,.tx-parties-cell{color:#141416;white-space:nowrap}.tx-amount-cell{font-weight:600;color:#141416;white-space:nowrap}.tx-date-cell{color:#141416;white-space:nowrap}.tx-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:50px;font-family:Urbanist,sans-serif;font-size:12px;font-weight:600;white-space:nowrap;line-height:1}.tx-status-pill.held{background:#e09f3e26;color:#c58527}.tx-status-pill.completed{background:#3aa55d26;color:#3aa55d}.tx-status-pill.disputed{background:#b8634f26;color:#b8634f}.tx-status-pill.processing{background:#4a7bd026;color:#4a7bd0}.tx-status-pill.refunded{background:#64748b26;color:#475569}.tx-detail-card{background:#fff;border:1px solid #DFE6DE;border-radius:16px;padding:24px;box-shadow:0 1px 2px #00000005;display:flex;flex-direction:column}.tx-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tx-detail-id{font-family:Urbanist,sans-serif;font-size:20px;font-weight:700;color:#141416;margin:0}.tx-detail-section-title{font-family:Urbanist,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#141416;margin-top:18px;margin-bottom:12px}.tx-detail-entries-box{display:flex;flex-direction:column}.tx-detail-entry-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #DFE6DE;font-family:Urbanist,sans-serif;font-size:14px}.tx-detail-entry-row:last-child{border-bottom:none}.tx-detail-entry-label{color:#575757}.tx-detail-entry-val{font-weight:600}.tx-val-debit{color:#b8634f}.tx-val-credit{color:#3aa55d}.tx-val-neutral{color:#141416}.tx-timeline-box{display:flex;flex-direction:column;gap:8px;font-family:Urbanist,sans-serif;font-size:13px;color:#575757;line-height:1.6}.tx-timeline-item{display:flex;align-items:flex-start;gap:8px}.tx-timeline-dot{width:6px;height:6px;border-radius:50%;background:#8ba888;margin-top:7px;flex-shrink:0}.tx-actions-box{display:flex;flex-direction:column;gap:10px;margin-top:24px}.tx-release-btn{width:100%;height:44px;border-radius:100px;background:#8ba888;color:#fff;font-family:Urbanist,sans-serif;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 3px #8ba8884d}.tx-release-btn:active:not(:disabled){transform:scale(.97)}.tx-release-btn:hover:not(:disabled){background:#769573}.tx-release-btn:disabled{opacity:.6;cursor:not-allowed}.tx-refund-btn{width:100%;height:46px;border-radius:100px;background:#fff;border:1.5px solid #8BA888;color:#8ba888;font-family:Urbanist,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center;gap:8px}.tx-refund-btn:active:not(:disabled){transform:scale(.97)}.tx-refund-btn:hover:not(:disabled){background:#8ba88814;border-color:#6e8f6b;color:#6e8f6b}.tx-refund-btn:disabled{opacity:.6;cursor:not-allowed}.dispute-container{display:flex;flex-direction:column;gap:20px;max-width:1200px}.dispute-header-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.dispute-header-info{display:flex;flex-direction:column;gap:6px}.dispute-header-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dispute-title{font-family:"Urbanist",var(--font-sans);font-size:26px;font-weight:700;color:#141416;line-height:1.2}.dispute-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:50px;background:#b8634f26;color:#b8634f;font-size:13px;font-weight:600;letter-spacing:.2px}.dispute-status-pill.resolved{background:#8ba8882e;color:#466044}.dispute-status-pill.escalated{background:#feeceb;color:#c0392b}.dispute-subtitle{font-size:14px;color:#575757;font-weight:500}.dispute-header-actions{display:flex;align-items:center;gap:10px}.dispute-btn-reset{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;background:#fff;border:1px solid #DFE6DE;color:#575757;font-size:13px;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.dispute-btn-reset:active{transform:scale(.97)}.dispute-btn-reset:hover{background:#f4f7f4;border-color:#b7cbb5;color:#141416}.dispute-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(360px,1fr);gap:24px;align-items:start}@media(max-width:1024px){.dispute-grid{grid-template-columns:1fr}}.dispute-claim-card,.dispute-resolution-card{background:#fff;border:1px solid #DFE6DE;border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000005}.dispute-card-heading{font-family:"Urbanist",var(--font-sans);font-size:20px;font-weight:700;color:#141416;margin-bottom:20px}.dispute-parties-row{display:flex;gap:16px;margin-bottom:20px}@media(max-width:600px){.dispute-parties-row{flex-direction:column}}.dispute-party-card{flex:1;background:#fff;border:1px solid #DFE6DE;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.dispute-party-role{font-size:12px;color:#575757;font-weight:500}.dispute-party-user{display:flex;align-items:center;gap:10px}.dispute-party-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#eef2ed;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#2c3e2b;flex-shrink:0}.dispute-party-name{font-size:14px;font-weight:700;color:#141416;line-height:1.2}.dispute-party-sub{font-size:12px;color:#575757;margin-top:2px}.dispute-meta-table{display:flex;flex-direction:column;border-top:1px solid #DFE6DE;margin-bottom:20px}.dispute-meta-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #DFE6DE}.dispute-meta-label{font-size:13.5px;color:#575757;font-weight:500}.dispute-meta-value{font-size:13.5px;font-weight:600;color:#141416;text-align:right}.dispute-photos-section{margin-bottom:24px}.dispute-photos-grid{display:flex;gap:14px;flex-wrap:wrap}.dispute-photo-item{width:140px;height:140px;border-radius:10px;border:1px solid #DFE6DE;overflow:hidden;background:#f4f7f4;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative}.dispute-photo-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.dispute-photo-img{width:100%;height:100%;object-fit:cover;display:block}.dispute-conversation-section{display:flex;flex-direction:column;gap:12px;margin-top:8px}.dispute-conversation-heading{font-family:"Urbanist",var(--font-sans);font-size:16px;font-weight:700;color:#141416}.dispute-message-row{display:flex;gap:10px;align-items:flex-start}.dispute-msg-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#eef2ed;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#2c3e2b;flex-shrink:0;margin-top:2px}.dispute-msg-bubble{flex:1;border-radius:12px;padding:12px 16px;border:1px solid #DFE6DE}.dispute-bubble-buyer{background:#f7f9f6}.dispute-bubble-seller{background:#eef2ed}.dispute-msg-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.dispute-msg-author{font-size:13px;font-weight:700;color:#141416}.dispute-msg-time{font-size:12px;color:#575757}.dispute-msg-body{font-size:13.5px;color:#141416;line-height:1.45}.dispute-held-val{font-size:16px;font-weight:700;color:#e0a030}.dispute-form-field{display:flex;flex-direction:column;gap:6px;margin-top:18px}.dispute-field-label{font-size:13px;font-weight:700;color:#141416}.dispute-select-wrap{position:relative}.dispute-select-input{width:100%;height:44px;background:#f7f9f6;border:1px solid #DFE6DE;border-radius:10px;padding:0 36px 0 14px;font-family:inherit;font-size:14px;font-weight:600;color:#141416;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease}.dispute-select-input:focus{border-color:#8ba888;background:#fff}.dispute-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#575757}.dispute-note-input{width:100%;min-height:56px;background:#f7f9f6;border:1px solid #DFE6DE;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13.5px;color:#141416;outline:none;resize:vertical;line-height:1.4;transition:border-color .15s ease}.dispute-note-input:focus{border-color:#8ba888;background:#fff}.dispute-actions-group{display:flex;flex-direction:column;gap:10px;margin-top:24px}.btn-dispute-refund{width:100%;height:44px;border-radius:100px;background:#8ba888;color:#fff;font-family:"Urbanist",var(--font-sans);font-size:14px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);box-shadow:0 1px 3px #8ba8884d}.btn-dispute-refund:active:not(:disabled){transform:scale(.97)}.btn-dispute-refund:hover:not(:disabled){background:#769573}.btn-dispute-refund:disabled{opacity:.6;cursor:not-allowed}.btn-dispute-release{width:100%;height:44px;border-radius:100px;background:#fff;border:1.5px solid #8BA888;color:#8ba888;font-family:"Urbanist",var(--font-sans);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.btn-dispute-release:active:not(:disabled){transform:scale(.97)}.btn-dispute-release:hover:not(:disabled){background:#8ba88814;border-color:#6e8f6b;color:#6e8f6b}.btn-dispute-release:disabled{opacity:.6;cursor:not-allowed}.btn-dispute-escalate{width:100%;height:44px;border-radius:100px;background:#141416;color:#fff;font-family:"Urbanist",var(--font-sans);font-size:14px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.btn-dispute-escalate:active:not(:disabled){transform:scale(.97)}.btn-dispute-escalate:hover:not(:disabled){background:#2d2d32}.btn-dispute-escalate:disabled{opacity:.6;cursor:not-allowed}.dispute-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.dispute-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:16px;padding:16px;box-shadow:0 20px 40px #0000004d}.dispute-modal-img{max-width:100%;max-height:80vh;border-radius:10px;display:block}.dispute-modal-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;background:#141416;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #FFFFFF;cursor:pointer}.dispute-list-view{display:flex;flex-direction:column;gap:24px}.dispute-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1024px){.dispute-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dispute-kpi-grid{grid-template-columns:1fr}}.dispute-kpi-card{background:#fff;border:1px solid #DFE6DE;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 3px #00000005}.dispute-kpi-icon{width:40px;height:40px;border-radius:50%;background:#eef2ed;color:#5e7e5b;display:flex;align-items:center;justify-content:center}.dispute-kpi-val{font-family:"Urbanist",var(--font-sans);font-size:26px;font-weight:700;color:#141416;line-height:1.1}.dispute-kpi-title{font-size:13px;color:#575757;font-weight:500}.dispute-back-link{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:#575757;font-size:14px;font-weight:600;cursor:pointer;padding:4px 0;transition:color .15s ease;margin-bottom:8px}.dispute-back-link:hover{color:#141416}.dispute-list-card-container{background:#fff;border:1px solid #DFE6DE;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000005}.dispute-toolbar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #DFE6DE;flex-wrap:wrap}.dispute-search-wrap{position:relative;flex:1;min-width:260px;max-width:440px}.dispute-search-input{width:100%;height:40px;border-radius:100px;border:1px solid #DFE6DE;background:#f7f9f6;padding:0 16px 0 38px;font-size:13.5px;color:#141416;outline:none;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.dispute-search-input:focus{border-color:#8ba888;background:#fff}.dispute-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8a968c;pointer-events:none}.dispute-filter-tabs{display:flex;gap:8px;align-items:center}.dispute-filter-tab{padding:7px 16px;border-radius:100px;border:1px solid #DFE6DE;background:#fff;font-size:13px;font-weight:600;color:#575757;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.dispute-filter-tab:active{transform:scale(.97)}.dispute-filter-tab.active{background:#141416;color:#fff;border-color:#141416}.dispute-filter-tab:hover:not(.active){background:#f4f7f4;color:#141416}.dispute-table-wrap{overflow-x:auto}.dispute-table{width:100%;border-collapse:collapse;text-align:left}.dispute-table th{padding:12px 18px;font-size:11.5px;font-weight:700;color:#8a968c;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #DFE6DE;background:#fafbf9}.dispute-table td{padding:16px 18px;font-size:13.5px;border-bottom:1px solid #F0F2EF;vertical-align:middle}.dispute-table tr:hover td{background:#f9faf8}.dispute-item-media{display:flex;align-items:center;gap:12px}.dispute-item-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid #DFE6DE;background:#eef2ed;flex-shrink:0}.dispute-review-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;background:#8ba888;color:#fff;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);white-space:nowrap}.dispute-review-btn:active{transform:scale(.97)}.dispute-review-btn:hover{background:#769573}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f4f0 25%,#e2ebe2,#f0f4f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);display:inline-block}.skeleton-text{height:14px;margin-bottom:6px}.skeleton-circle{border-radius:50%}.skeleton-box{width:100%;height:40px}button{transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}button:active,.btn:active,.dispute-review-btn:active{transform:scale(.97)}.font-mono,.mono-data{font-family:var(--font-mono)!important;letter-spacing:-.2px}.empty-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-muted)}.empty-state-icon{width:52px;height:52px;border-radius:50%;background-color:var(--sage-100);color:var(--sage-700);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-state-title{font-size:16px;font-weight:700;color:var(--text-main);margin-bottom:6px}.empty-state-desc{font-size:13.5px;color:var(--text-muted);max-width:380px;line-height:1.5}