@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary-50:#e8f5ee;--color-primary-100:#c2e4d0;--color-primary-200:#95cfaf;--color-primary-300:#5db88a;--color-primary-400:#38a36e;--color-primary-500:#2d8653;--color-primary-600:#247348;--color-primary-700:#1a5c39;--color-primary-800:#12452a;--color-primary-900:#0a2e1b;--color-accent-50:#fff4ed;--color-accent-100:#ffe0c8;--color-accent-200:#ffc094;--color-accent-300:#ff9c5c;--color-accent-400:#f57c35;--color-accent-500:#f06b2b;--color-accent-600:#d45a1f;--color-accent-700:#b34715;--color-neutral-0:#fff;--color-neutral-50:#f7f8f9;--color-neutral-100:#f0f2f4;--color-neutral-150:#e8eaed;--color-neutral-200:#dde0e4;--color-neutral-300:#c4c9d0;--color-neutral-400:#9aa1ac;--color-neutral-500:#6b7480;--color-neutral-600:#4a5260;--color-neutral-700:#323a47;--color-neutral-800:#1e2430;--color-neutral-900:#10141c;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-500:#10b981;--color-success-700:#065f46;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-700:#b45309;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-500:#ef4444;--color-error-700:#b91c1c;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-500:#3b82f6;--color-info-700:#1d4ed8;--color-purple-50:#f5f3ff;--color-purple-500:#8b5cf6;--color-purple-700:#6d28d9;--color-warning-200:#fde68a;--color-warning-800:#854d0e;--color-error-200:#fecaca;--color-success-200:#a7f3d0;--color-info-200:#bfdbfe;--color-purple-200:#ddd6fe;--color-purple-600:#7c3aed;--surface-page:#f0f4f1;--surface-inset:#f5f7f5;--surface-card:#fff;--surface-elevated:#fff;--surface-raised:#fff;--surface-overlay:#080e1499;--surface-sidebar:#0e1511;--surface-topbar:#fffffff2;--surface-interactive:var(--color-neutral-100);--text-primary:#0f1b14;--text-secondary:#4d6359;--text-muted:#8ea898;--text-inverse:#fff;--text-brand:var(--color-primary-500);--border-default:#dce8e1;--border-muted:#e8f0ec;--border-strong:#c0d1c9;--shadow-xs:0 1px 2px #0a18100f;--shadow-sm:0 1px 4px #0a181012, 0 1px 2px #0a18100a;--shadow-md:0 4px 14px #0a181014, 0 1px 4px #0a18100a;--shadow-lg:0 12px 32px #0a18101a, 0 3px 10px #0a18100d;--shadow-xl:0 24px 56px #0a18101f, 0 6px 18px #0a18100f;--shadow-card:0 0 0 1px #0a18100f, 0 2px 8px #0a18100a;--shadow-card-hover:0 0 0 1px #2d865333, 0 8px 28px #0a181017;--shadow-primary:0 4px 16px #2d865361;--shadow-accent:0 4px 16px #f06b2b52;--shadow-focus:0 0 0 3px #2d865333;--gradient-primary:linear-gradient(135deg, #38a36e 0%, #1a5c39 100%);--gradient-primary-soft:linear-gradient(135deg, #e8f5ee 0%, #d0ebdc 100%);--gradient-accent:linear-gradient(135deg, #f57c35 0%, #d45a1f 100%);--gradient-brand:linear-gradient(135deg, #2d8653 0%, #1a5c39 60%, #0e3d26 100%);--gradient-sidebar:linear-gradient(180deg, #0e1511 0%, #121a15 100%);--gradient-card-green:linear-gradient(135deg, #e8f5ee 0%, #f5fbf7 100%);--gradient-card-orange:linear-gradient(135deg, #fff4ed 0%, #fff9f5 100%);--radius-xs:4px;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-loose:1.75;--sidebar-width:260px;--topbar-height:62px;--content-max-width:1440px;--transition-base:.16s cubic-bezier(.4, 0, .2, 1);--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-normal:.24s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.32s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:14px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--surface-page);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.app-shell{background:var(--surface-page);min-height:100vh;display:flex}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.page-content{padding:var(--space-7) var(--space-7);padding-top:calc(var(--topbar-height) + var(--space-7));max-width:var(--content-max-width);flex:1}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-header{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-muted)}.page-header h1{font-size:22px;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.035em;line-height:1.2}.page-header p{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.card{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-card-hover)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.card-header-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.012em}.card-subtitle{font-size:var(--font-size-xs);color:var(--text-muted)}.card-body{padding:var(--space-5)}.filter-bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.filter-bar .search-input-wrap{flex:1;min-width:160px;max-width:260px}.filter-bar .form-select{width:auto;min-width:140px}.filters-row{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-inset);border:1px solid var(--border-muted);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.filters-row .search-input-wrap{flex:1;min-width:180px}.filters-row .form-select{width:auto;min-width:150px}.btn{align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;text-decoration:none;transition:background .14s,color .14s,box-shadow .14s,border-color .14s,transform 80ms;display:inline-flex}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn:active{transform:scale(.975)}.btn-primary{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-600);box-shadow:inset 0 1px #ffffff1a,0 1px 3px #358d644d}.btn-primary:hover{background:var(--color-primary-400);border-color:var(--color-primary-500);transform:translateY(-1px);box-shadow:0 4px 14px #358d6452,inset 0 1px #ffffff1a}.btn-primary:active{background:var(--color-primary-600);box-shadow:none;transform:translateY(0)}.btn-secondary{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default);box-shadow:0 1px 2px #0f172a0d}.btn-secondary:hover{background:var(--surface-inset);border-color:var(--border-strong);box-shadow:0 1px 4px #0f172a14}.btn-danger{background:var(--color-error-500);color:#fff;border-color:var(--color-error-600,#dc2626);box-shadow:0 1px 3px #ef444440}.btn-danger:hover{background:var(--color-error-700);border-color:var(--color-error-700);transform:translateY(-1px);box-shadow:0 4px 12px #ef444447}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-inset);color:var(--text-primary);border-color:#0000}.btn-success{background:var(--color-success-500);color:#fff;border-color:var(--color-success-500);box-shadow:0 1px 3px #10b98140}.btn-success:hover{background:var(--color-success-700);transform:translateY(-1px);box-shadow:0 4px 12px #10b98147}.btn-sm{height:30px;padding:0 var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.btn-icon.btn-sm{width:28px;height:28px}.form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);letter-spacing:.03em;margin-bottom:var(--space-1);display:block}.form-input,.form-select{width:100%;height:36px;padding:0 var(--space-3);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);appearance:none;outline:none;transition:border-color .14s,box-shadow .14s}.form-input::placeholder{color:var(--color-neutral-400)}.form-input:hover,.form-select:hover{border-color:var(--border-strong)}.form-input:focus,.form-select:focus{border-color:var(--color-primary-400);box-shadow:var(--shadow-focus);background:var(--surface-card)}.form-select{padding-right:var(--space-8);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7480' stroke-width='2.5'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}.search-input-wrap{position:relative}.search-input-wrap svg{color:var(--color-neutral-400);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input-wrap .form-input{padding-left:34px}.divider{background:var(--border-muted);height:1px;margin:var(--space-4) 0}@media (width<=1024px){.main-area{margin-left:0}.page-content{padding:var(--space-5);padding-top:calc(var(--topbar-height) + var(--space-5))}}.sidebar{width:var(--sidebar-width);z-index:100;background:#0d1117;border-right:1px solid #ffffff0d;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-brand{flex-shrink:0;align-items:center;gap:11px;padding:20px 16px 16px;display:flex}.sidebar-logo{color:#fff;background:linear-gradient(145deg,#4baa7c,#236246);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 0 0 1px #4baa7c59,0 4px 14px #358d6459}.sidebar-brand-text{flex-direction:column;gap:1px;display:flex}.sidebar-brand-name{color:#fff;letter-spacing:-.025em;font-size:15px;font-weight:700;line-height:1.2}.sidebar-brand-sub{color:#ffffff47;text-transform:uppercase;letter-spacing:.13em;font-size:9.5px}.sidebar-nav{flex-direction:column;flex:1;gap:22px;padding:10px;display:flex;overflow-y:auto}.sidebar-nav-group{flex-direction:column;gap:1px;display:flex}.sidebar-nav-section{text-transform:uppercase;letter-spacing:.13em;color:#fff3;margin-bottom:5px;padding:0 10px;font-size:9.5px;font-weight:600;display:block}.sidebar-nav-item{color:#ffffff7a;letter-spacing:-.01em;border-radius:7px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .1s,color .1s;display:flex;position:relative}.sidebar-nav-item:before{content:"";background:#5dd49a;border-radius:0 3px 3px 0;width:3px;height:18px;transition:transform .15s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.sidebar-nav-item:hover{color:#ffffffbf;background:#ffffff0b}.sidebar-nav-item:hover .sidebar-nav-icon{color:#fff9}.sidebar-nav-item.active{color:#fff;background:#4caf881c}.sidebar-nav-item.active:before{transform:translateY(-50%)scaleY(1)}.sidebar-nav-item.active .sidebar-nav-icon{color:#5dd49a}.sidebar-nav-icon{color:#ffffff4d;flex-shrink:0;transition:color .1s}.sidebar-nav-label{flex:1}.sidebar-footer{border-top:1px solid #ffffff0d;flex-shrink:0;padding:10px 10px 14px}.sidebar-admin-badge{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .12s;display:flex}.sidebar-admin-badge:hover{background:#ffffff0a}.sidebar-admin-avatar{color:#fff;letter-spacing:-.01em;background:linear-gradient(135deg,#358d64 0%,#2c7a8a 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.sidebar-admin-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sidebar-admin-name{color:#ffffffc7;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.sidebar-admin-role{color:#ffffff47;font-size:10px}.sidebar-admin-online{background:#4caf88;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 2px #4caf8833}.sidebar-logout{color:#fee2e2eb;cursor:pointer;background:0 0;border:1px solid #ef444459;border-radius:8px;align-items:center;gap:10px;width:100%;margin-top:8px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:flex}.sidebar-logout:hover{color:#fff;background:#ef44441a;border-color:#ef44448c}.sidebar-logout-icon{color:#fecacaf2}@media (width<=1024px){.sidebar{transition:transform var(--transition-normal);transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.topbar{top:0;left:var(--sidebar-width);height:var(--topbar-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-neutral-150);padding:0 var(--space-6);z-index:90;align-items:center;gap:var(--space-4);background:#ffffffe0;grid-template-columns:1fr auto 1fr;display:grid;position:fixed;right:0}.topbar-left{align-items:center;min-width:0;display:flex}.topbar-title{font-size:17px;font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-breadcrumb{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.topbar-breadcrumb-part{align-items:center;gap:2px;display:flex}.topbar-breadcrumb-sep{color:var(--text-muted);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;margin:0 2px}.topbar-breadcrumb-item{font-size:var(--font-size-sm);color:var(--text-secondary)}.topbar-breadcrumb-current{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.topbar-center{justify-content:center;display:flex}.topbar-search{align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);background:var(--surface-inset,#f3f5f8);border:1px solid var(--border-muted);border-radius:var(--radius-lg);width:280px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), width var(--transition-normal), background var(--transition-fast);display:flex}.topbar-search:focus-within{border-color:var(--color-primary-400);box-shadow:var(--shadow-focus);background:var(--surface-card);width:340px}.topbar-search-icon{color:var(--text-muted);flex-shrink:0}.topbar-search-input{font-size:var(--font-size-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0}.topbar-search-input::placeholder{color:var(--text-muted)}.topbar-search-kbd{color:var(--text-muted);background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:4px;flex-shrink:0;padding:1px 5px;font-family:ui-monospace,monospace;font-size:10px;line-height:1.6}.topbar-right{align-items:center;gap:var(--space-2);justify-content:flex-end;display:flex}.topbar-icon-btn{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-300);color:var(--text-primary)}.topbar-notif-badge{background:var(--color-error-500);border-radius:var(--radius-full);color:#fff;border:2px solid var(--surface-topbar);justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9.5px;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.topbar-divider{background:var(--color-neutral-200);width:1px;height:24px;margin:0 var(--space-1);flex-shrink:0}.topbar-admin{align-items:center;gap:var(--space-2);padding:5px var(--space-3) 5px 5px;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);-webkit-user-select:none;user-select:none;font:inherit;text-align:left;background:0 0;display:flex}.topbar-admin:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-300)}.topbar-admin-avatar{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#358d64,#2c7a8a);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.topbar-admin-info{flex-direction:column;gap:1px;display:flex}.topbar-admin-name{font-size:12.5px;font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.topbar-admin-role{color:var(--text-muted);font-size:10px;line-height:1.2}.topbar-admin-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.topbar-admin-chevron.is-open{transform:rotate(180deg)}.topbar-admin-wrap{position:relative}.topbar-menu{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:210px;box-shadow:var(--shadow-lg);z-index:120;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.topbar-menu-item{align-items:center;gap:var(--space-2);cursor:pointer;width:100%;font-size:var(--font-size-sm);color:var(--text-primary);transition:background var(--transition-fast), color var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:10px;padding:9px 10px;display:flex}.topbar-menu-item:hover{background:var(--surface-inset)}.topbar-menu-item.danger{color:var(--color-error-700)}.topbar-menu-item.danger:hover{background:var(--color-error-50)}.topbar-menu-divider{background:var(--border-muted);height:1px;margin:6px 4px}@media (width<=1200px){.topbar-search{width:220px}.topbar-search:focus-within{width:260px}}@media (width<=1024px){.topbar{left:0}.topbar-center,.topbar-admin-info,.topbar-admin-chevron{display:none}}.kpi-card{background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-5);box-shadow:var(--shadow-card);--kpi-accent-from:var(--color-primary-400);--kpi-accent-to:var(--color-primary-600);--kpi-icon-bg:var(--color-primary-50);--kpi-icon-fg:var(--color-primary-600);transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg, var(--kpi-accent-from), var(--kpi-accent-to));border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.kpi-card--primary{--kpi-accent-from:var(--color-primary-400);--kpi-accent-to:var(--color-primary-600);--kpi-icon-bg:var(--color-primary-50);--kpi-icon-fg:var(--color-primary-600)}.kpi-card--info{--kpi-accent-from:var(--color-info-500);--kpi-accent-to:var(--color-info-700);--kpi-icon-bg:var(--color-info-50);--kpi-icon-fg:var(--color-info-700)}.kpi-card--success{--kpi-accent-from:var(--color-success-500);--kpi-accent-to:var(--color-success-700);--kpi-icon-bg:var(--color-success-50);--kpi-icon-fg:var(--color-success-700)}.kpi-card--warning{--kpi-accent-from:var(--color-warning-500);--kpi-accent-to:var(--color-warning-700);--kpi-icon-bg:var(--color-warning-50);--kpi-icon-fg:var(--color-warning-700)}.kpi-card--error{--kpi-accent-from:var(--color-error-500);--kpi-accent-to:var(--color-error-700);--kpi-icon-bg:var(--color-error-50);--kpi-icon-fg:var(--color-error-700)}.kpi-card--accent{--kpi-accent-from:var(--color-accent-400);--kpi-accent-to:var(--color-accent-600);--kpi-icon-bg:var(--color-accent-50);--kpi-icon-fg:var(--color-accent-600)}.kpi-card--purple{--kpi-accent-from:var(--color-purple-500);--kpi-accent-to:var(--color-purple-700);--kpi-icon-bg:var(--color-purple-50);--kpi-icon-fg:var(--color-purple-700)}.kpi-card--neutral{--kpi-accent-from:var(--color-neutral-300);--kpi-accent-to:var(--color-neutral-700);--kpi-icon-bg:var(--color-neutral-100);--kpi-icon-fg:var(--color-neutral-700)}.kpi-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.kpi-top{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.kpi-label-row{align-items:flex-start;gap:var(--space-2);min-width:0;display:flex}.kpi-icon-wrap{background:var(--kpi-icon-bg);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--kpi-icon-fg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.kpi-trend{font-size:10.5px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);flex-shrink:0;align-items:center;gap:3px;padding:2px 7px;line-height:1.5;display:inline-flex}.trend-up{background:var(--color-success-50);color:var(--color-success-700)}.trend-down{background:var(--color-error-50);color:var(--color-error-700)}.trend-neutral{background:var(--color-neutral-100);color:var(--color-neutral-600)}.kpi-value{font-size:30px;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.04em;margin-bottom:var(--space-1);line-height:1.1}.kpi-sub{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.5}.kpi-card--loading{pointer-events:none}.kpi-skeleton{background:linear-gradient(90deg, var(--color-neutral-100) 25%, var(--color-neutral-150) 50%, var(--color-neutral-100) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.kpi-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.feed-live{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-success-700);background:var(--color-success-50);border:1px solid var(--color-success-100);border-radius:var(--radius-full);padding:2px 8px;display:flex}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.feed-item-icon{border-radius:var(--radius-md);background:var(--surface-inset,#f3f5f8);border:1px solid var(--border-muted);width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.feed-item-warning .feed-item-icon{background:var(--color-warning-50);border-color:var(--color-warning-100);color:var(--color-warning-700)}.feed-item-error .feed-item-icon{background:var(--color-error-50);border-color:var(--color-error-100);color:var(--color-error-700)}.feed-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.feed-item-sub{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.feed-item-time{color:var(--text-muted);margin-top:2px;font-size:10.5px}.chart-tooltip{background:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);box-shadow:var(--shadow-lg);min-width:140px}.chart-tooltip-label{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-muted)}@media (width<=1200px){.dashboard-row{grid-template-columns:1fr}.feed-card{max-height:400px}}@media (width<=768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-mini-charts{grid-template-columns:1fr}}.dashboard-row{gap:var(--space-5);grid-template-columns:1fr 340px;align-items:start;display:grid}.dashboard-charts{gap:var(--space-5);flex-direction:column;display:flex}.dashboard-chart-card{overflow:hidden}.dashboard-mini-charts{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.feed-card{overflow:hidden}.feed-live{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-success-700);display:flex}.feed-live-dot{border-radius:var(--radius-full);background:var(--color-success-500);width:7px;height:7px;animation:2s infinite pulse}.feed-list{max-height:520px;padding:var(--space-2) 0;overflow-y:auto}.feed-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-muted);transition:background var(--transition-fast);display:flex}.feed-item:hover{background:var(--color-neutral-50)}.feed-item:last-child{border-bottom:none}.feed-item-warning{border-left:3px solid var(--color-warning-500)}.feed-item-error{border-left:3px solid var(--color-error-500)}.feed-item-default{border-left:3px solid #0000}.feed-item-icon{border-radius:var(--radius-full);background:var(--color-neutral-100);width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.feed-item-body{flex:1;min-width:0}.feed-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.feed-item-sub{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:1px}.feed-item-time{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.feed-item-action{flex-shrink:0;align-self:center}.chart-tooltip{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);box-shadow:var(--shadow-md)}.chart-tooltip-label{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}@media (width<=1200px){.dashboard-row{grid-template-columns:1fr}.feed-card{max-height:400px}}@media (width<=768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-mini-charts{grid-template-columns:1fr}}.pagination{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-muted);background:var(--surface-inset,#f3f5f8);border-radius:0 0 var(--radius-xl) var(--radius-xl);justify-content:space-between;align-items:center;display:flex}.pagination-info{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium)}.pagination-controls{align-items:center;gap:3px;display:flex}.pagination-btn{min-width:30px;height:30px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.pagination-btn:hover:not(:disabled){background:var(--surface-card);border-color:var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-xs)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-page-active{background:var(--color-primary-500)!important;border-color:var(--color-primary-500)!important;color:#fff!important;box-shadow:0 2px 6px #358d644d!important}.pagination-ellipsis{font-size:var(--font-size-sm);color:var(--text-muted);padding:0 var(--space-1);-webkit-user-select:none;user-select:none}.datatable-container{flex-direction:column;display:flex}.datatable-wrap{overflow-x:auto}.datatable{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.datatable thead th{background:var(--surface-inset,#f3f5f8);padding:var(--space-3) var(--space-5);text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--color-neutral-500);border-bottom:1px solid var(--border-default);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:10.5px;font-weight:600}.datatable thead th.sortable{cursor:pointer}.datatable thead th.sortable:hover{color:var(--text-primary);background:var(--color-neutral-100)}.th-inner{align-items:center;gap:var(--space-1);display:flex}.sort-icon{flex-shrink:0}.sort-icon-neutral{color:var(--color-neutral-300)}.sort-icon-active{color:var(--color-primary-500)}.th-actions{text-align:right}.datatable tbody tr{border-bottom:1px solid var(--border-muted);transition:background .12s}.datatable tbody tr:last-child{border-bottom:none}.datatable tbody tr:hover{background:var(--surface-inset,#f3f5f8)}.datatable tbody tr.clickable{cursor:pointer}.datatable tbody td{padding:var(--space-3) var(--space-5);color:var(--text-primary);vertical-align:middle}.td-actions{text-align:right;white-space:nowrap}.datatable tbody td:first-child{font-weight:var(--font-weight-medium)}.skel-row td{padding:var(--space-3) var(--space-5)}.table-skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg, var(--color-neutral-100) 25%, var(--color-neutral-150) 50%, var(--color-neutral-100) 75%);background-size:200% 100%;height:13px;animation:1.5s infinite shimmer}.datatable-empty{padding:var(--space-16) var(--space-8);justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-muted);background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.datatable-empty-icon{color:var(--color-neutral-300)}.datatable-empty-msg{font-size:var(--font-size-sm);color:var(--text-muted)}.datatable tbody tr.row-pending{background:var(--color-warning-50)}.datatable tbody tr.row-pending:hover{background:var(--color-warning-100)}.badge{border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:2px 8px 2px 6px;line-height:1.6;display:inline-flex}.badge:before{content:"";border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.badge-success{background:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-100)}.badge-success:before{background:var(--color-success-500)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-700);border-color:var(--color-warning-100)}.badge-warning:before{background:var(--color-warning-500)}.badge-error{background:var(--color-error-50);color:var(--color-error-700);border-color:var(--color-error-100)}.badge-error:before{background:var(--color-error-500)}.badge-info{background:var(--color-info-50);color:var(--color-info-700);border-color:var(--color-info-100)}.badge-info:before{background:var(--color-info-500)}.badge-primary{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-100)}.badge-primary:before{background:var(--color-primary-500)}.badge-neutral{background:var(--color-neutral-100);color:var(--color-neutral-600);border-color:var(--color-neutral-200)}.badge-neutral:before{background:var(--color-neutral-400)}.badge-purple{background:var(--color-purple-50);color:var(--color-purple-700);border-color:var(--color-purple-200)}.badge-purple:before{background:var(--color-purple-500)}.ui-select{position:relative}.ui-select-btn{width:100%;height:36px;padding:0 var(--space-3);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;transition:border-color .14s,box-shadow .14s,background .14s;display:flex}.ui-select-btn:focus-visible{border-color:var(--color-primary-400);box-shadow:var(--shadow-focus);outline:none}.ui-select-btn:hover{border-color:var(--border-strong);background:var(--surface-card)}.ui-select-btn:disabled{opacity:.6;cursor:not-allowed}.ui-select-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-select-value.is-placeholder{color:var(--text-muted)}.ui-select-chevron{color:var(--color-neutral-500);flex-shrink:0;transition:transform .12s}.ui-select-chevron.is-open{transform:rotate(180deg)}.ui-select-menu{z-index:50;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-height:260px;box-shadow:var(--shadow-lg);padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.ui-select-option{font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;padding:8px 10px}.ui-select-option:hover,.ui-select-option.is-active{background:var(--surface-inset)}.ui-select-option.is-selected{background:var(--color-primary-50);color:var(--color-primary-700)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;padding:var(--space-4);background:#0a0e168c;justify-content:center;align-items:center;animation:.16s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:0 0 0 1px #0f172a14, var(--shadow-xl);outline:none;flex-direction:column;width:100%;max-height:calc(100vh - 64px);animation:.22s cubic-bezier(.34,1.45,.64,1) modal-in;display:flex}@keyframes modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:760px}.modal-xl{max-width:960px}.modal-2xl{max-width:1100px}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-muted);background:var(--surface-inset,#f3f5f8);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em}.modal-close{color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;transition:background .12s,color .12s}.modal-close:hover{background:var(--color-neutral-200);color:var(--text-primary)}.modal-body{padding:var(--space-5);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-muted);background:var(--surface-inset,#f3f5f8);border-radius:0 0 var(--radius-xl) var(--radius-xl);justify-content:flex-end;align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.toast-container{z-index:10000;flex-direction:column;gap:10px;width:min(380px,100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.toast{font-size:var(--font-size-sm);background:#fff;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex;box-shadow:0 10px 30px #0f172a26}.toast-message{flex:1;line-height:1.4}.toast-icon{flex-shrink:0;margin-top:1px}.toast-error{background:var(--color-error-50);color:var(--color-error-600);border-color:var(--color-error-500)}.toast-success{background:var(--color-success-50);color:var(--color-success-600);border-color:var(--color-success-500)}.toast-info{background:var(--color-info-50);color:var(--color-info-600);border-color:var(--color-info-500)}.toast-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:2px}.toast-close:hover{opacity:1}.org-stats-row{gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.org-stat-card{gap:var(--space-1);padding:var(--space-4) var(--space-6);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;min-width:120px;display:flex}.org-stat-card.pending{border-left:3px solid var(--color-warning-500)}.org-stat-card.verified{border-left:3px solid var(--color-success-500)}.org-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.org-stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.org-name-cell{align-items:center;gap:var(--space-3);display:flex}.org-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.org-user-name{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:1px}.org-detail-header{margin-bottom:0}.org-detail-hero{align-items:flex-start;gap:var(--space-5);padding:var(--space-6);display:flex}.org-detail-avatar{border-radius:var(--radius-lg);background:var(--color-primary-100);width:64px;height:64px;color:var(--color-primary-700);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.org-detail-info{flex:1}.org-detail-title-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.org-detail-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.org-detail-user{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.org-detail-meta{gap:var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.org-detail-meta span{align-items:center;gap:var(--space-2);display:flex}.org-detail-actions{gap:var(--space-2);flex-direction:column;align-self:flex-start;display:flex}.org-tabs{border-bottom:2px solid var(--border-default);margin-bottom:var(--space-5);gap:0;display:flex}.org-tab{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px}.org-tab:hover{color:var(--text-primary)}.org-tab-active{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.org-plan-badge-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.org-plan-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-full)}.org-plan-status.active{background:var(--color-success-50);color:var(--color-success-700)}.org-plan-status.inactive{background:var(--color-error-50);color:var(--color-error-700)}.org-plan-price{margin-bottom:var(--space-4)}.org-plan-amount{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.02em}.org-plan-period{font-size:var(--font-size-sm);color:var(--text-muted);margin-left:var(--space-1)}.org-plan-meta{gap:var(--space-3);border-top:1px solid var(--border-muted);padding-top:var(--space-3);flex-direction:column;display:flex}.org-plan-row{font-size:var(--font-size-sm);justify-content:space-between;display:flex}.org-plan-row span:first-child{color:var(--text-secondary)}.org-plan-row span:last-child{font-weight:var(--font-weight-medium)}.org-detail-skeleton{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.org-pending-note{margin-top:var(--space-5);margin-bottom:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-warning-50), var(--surface-card));border:1px solid var(--border-default)}.org-pending-note-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.org-pending-note-sub{font-size:var(--font-size-sm);color:var(--text-secondary)}.org-pending-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.org-pending-desc{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.org-kv-grid{gap:var(--space-3) var(--space-5);grid-template-columns:1fr 1fr;display:grid}.org-kv-k{font-size:var(--font-size-xs);color:var(--text-muted)}.org-kv-v{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);word-break:break-word;display:flex}.org-files{gap:var(--space-3);flex-direction:column;display:flex}.org-file{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-muted);background:var(--surface-card);display:flex}.org-file-ico{border-radius:var(--radius-md);background:var(--color-primary-50);width:32px;height:32px;color:var(--color-primary-700);flex-shrink:0;justify-content:center;align-items:center;display:flex}.org-file-meta{min-width:0}.org-file-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.org-file-sub{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=980px){.org-pending-grid,.org-kv-grid{grid-template-columns:1fr}}.sidepanel-overlay{-webkit-backdrop-filter:blur(3px);z-index:150;opacity:0;pointer-events:none;background:#0a0e1666;transition:opacity .22s;position:fixed;inset:0}.sidepanel-overlay.sidepanel-overlay-open{opacity:1;pointer-events:all}.sidepanel{background:var(--surface-card);z-index:160;flex-direction:column;max-width:100vw;height:100vh;transition:transform .22s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 40px #0f172a24,-1px 0 #0f172a0f}.sidepanel.sidepanel-open{transform:translate(0)}.sidepanel-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-muted);background:var(--surface-inset,#f3f5f8);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sidepanel-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em}.sidepanel-body{padding:var(--space-5);flex:1;overflow-y:auto}.act-status-row{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.act-status-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex}.act-status-pill:hover,.act-status-pill.active{background:var(--color-neutral-100);border-color:var(--border-strong);color:var(--text-primary)}.act-status-pill-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.act-dot-warning{background:var(--color-warning-500)}.act-dot-success{background:var(--color-success-500)}.act-dot-error{background:var(--color-error-500)}.act-dot-neutral{background:var(--color-neutral-400)}.act-name-cell{align-items:flex-start;gap:var(--space-3);display:flex}.act-type-dot{border-radius:var(--radius-full);flex-shrink:0;width:3px;height:36px;margin-top:2px}.act-type-dot-randonnee{background:var(--color-primary-500)}.act-type-dot-trek{background:var(--color-info-500)}.act-type-dot-excursion{background:var(--color-success-500)}.act-type-dot-sejour_nature{background:var(--color-purple-500)}.act-type-dot-camping{background:var(--color-warning-500)}.act-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.act-location{font-size:var(--font-size-xs);color:var(--text-muted);align-items:center;gap:3px;margin-top:2px;display:flex}.act-org-link{color:var(--color-primary-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.act-org-link:hover{color:var(--color-primary-700)}.act-detail-panel{gap:var(--space-5);flex-direction:column;display:flex}.act-detail-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.act-detail-section{border-top:1px solid var(--border-muted);padding-top:var(--space-4)}.act-detail-section:first-child{border-top:none;padding-top:0}.act-detail-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.act-detail-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.act-detail-full{grid-column:1/-1}.act-detail-field{flex-direction:column;gap:3px;display:flex}.act-detail-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.act-detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);align-items:center;gap:4px;display:flex}.act-detail-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-loose)}.act-detail-org{align-items:flex-start;gap:var(--space-3);display:flex}.act-detail-org-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.org-avatar{border-radius:var(--radius-md);background:var(--color-primary-100);width:32px;height:32px;color:var(--color-primary-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.act-horaires-list{gap:var(--space-2);flex-direction:column;display:flex}.act-horaire-item{padding:var(--space-3) var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--border-muted);justify-content:space-between;align-items:center;display:flex}.act-photos-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.act-photo-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);background:var(--color-neutral-100);width:100%}.act-photos-placeholder{padding:var(--space-6);background:var(--color-neutral-50);border:1px dashed var(--border-strong);border-radius:var(--radius-md);text-align:center}.act-detail-actions{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-muted);display:flex}.table-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.user-stats-row{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.user-stat-pill{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-card);flex-direction:column;flex:1;min-width:120px;transition:box-shadow .2s,transform .2s;display:flex}.user-stat-pill:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.user-stat-pill.primary{background:var(--color-primary-50);box-shadow:none;border:1px solid var(--color-primary-100)}.user-stat-pill.purple{background:var(--color-purple-50,#f5f3ff);box-shadow:none;border:1px solid var(--color-purple-200,#ddd6fe)}.user-stat-num{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.user-stat-pill.primary .user-stat-num{color:var(--color-primary-600)}.user-stat-pill.purple .user-stat-num{color:#7c3aed}.user-stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.user-avatar{background:var(--color-primary-100);width:34px;height:34px;color:var(--color-primary-700);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-banned-tag{font-size:var(--font-size-xs);background:var(--color-error-100);color:var(--color-error-700);border-radius:var(--radius-sm);margin-left:var(--space-2);font-weight:var(--font-weight-medium);padding:1px 6px}.user-detail-panel{padding:var(--space-4)}.user-profile-card{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-primary-50);border:1px solid var(--color-primary-100);margin-bottom:var(--space-4);align-items:flex-start;display:flex}.user-profile-avatar{background:var(--color-primary-500);color:#fff;width:60px;height:60px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-profile-info{flex:1}.user-profile-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.user-detail-stats{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.user-detail-stat{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid var(--border-default);text-align:center;flex-direction:column;display:flex}.user-detail-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.user-detail-stat-label{font-size:var(--font-size-xs);color:var(--text-muted)}.bp-kpis{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.bp-kpis{grid-template-columns:repeat(2,1fr)}}.bp-kpi{gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-card);flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex}.bp-kpi:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.bp-kpi-green{background:var(--color-primary-50);box-shadow:none;border:1px solid var(--color-primary-100)}.bp-kpi-green .bp-kpi-value{color:var(--color-primary-600)}.bp-kpi-warning{background:var(--color-warning-50);box-shadow:none;border:1px solid var(--color-warning-100)}.bp-kpi-warning .bp-kpi-value{color:var(--color-warning-700)}.bp-kpi-error{background:var(--color-error-50);box-shadow:none;border:1px solid var(--color-error-100)}.bp-kpi-error .bp-kpi-value{color:var(--color-error-700)}.bp-kpi-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.1}.bp-kpi-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.bp-tabs{border-bottom:2px solid var(--border-default);margin-bottom:var(--space-5);gap:0;display:flex}.bp-tab{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px}.bp-tab:hover{color:var(--text-primary)}.bp-tab.active{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.bp-avatar{background:var(--color-primary-100);width:30px;height:30px;color:var(--color-primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bp-detail{gap:var(--space-5);flex-direction:column;display:flex}.bp-section h4{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:var(--space-3)}.bp-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.bp-field{gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-primary);flex-direction:column;display:flex}.bp-field-label{font-size:var(--font-size-xs);color:var(--text-muted)}.btn-warning{background:var(--color-warning-500);color:#fff;align-items:center;gap:var(--space-2);border:none;display:inline-flex}.btn-warning:hover{background:var(--color-warning-600)}.rev-stats-row{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.rev-stats-row{grid-template-columns:repeat(2,1fr)}}.rev-stat{gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-card);flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex}.rev-stat:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.rev-stat-green{background:var(--color-primary-50);box-shadow:none;border:1px solid var(--color-primary-100)}.rev-stat-green .rev-stat-val{color:var(--color-primary-600)}.rev-stat-warning{background:var(--color-warning-50);box-shadow:none;border:1px solid var(--color-warning-100)}.rev-stat-warning .rev-stat-val{color:var(--color-warning-700)}.rev-stat-error{background:var(--color-error-50);box-shadow:none;border:1px solid var(--color-error-100)}.rev-stat-error .rev-stat-val{color:var(--color-error-700)}.rev-stat-val{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.1}.rev-stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.rev-tabs{border-bottom:1px solid var(--border-muted);margin-bottom:var(--space-5);background:var(--surface-inset,#f3f5f8);padding:var(--space-1) var(--space-1) 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;gap:2px;display:flex}.rev-tab{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;align-items:center;gap:var(--space-2);background:0 0;border:none;border-bottom:2px solid #0000;transition:color .14s,background .14s;display:flex;position:relative;bottom:-1px}.rev-tab:hover{color:var(--text-primary);background:var(--color-neutral-100)}.rev-tab.active{color:var(--color-primary-700);background:var(--surface-card);border-bottom-color:var(--color-primary-500);font-weight:var(--font-weight-semibold)}.rev-tab-badge{background:var(--color-warning-500);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;line-height:1;display:flex}.rev-tab-badge-error{background:var(--color-error-500)}.rev-avatar{background:var(--color-primary-100);width:28px;height:28px;color:var(--color-primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.rev-avatar-lg{width:44px;height:44px;font-size:var(--font-size-base)}.rev-detail-panel{padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.rev-detail-activity-card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary-50);border:1px solid var(--color-primary-100);gap:var(--space-1);flex-direction:column;display:flex}.rev-detail-activity-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary-600)}.rev-detail-activity-card h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.rev-detail-user,.rev-detail-note{align-items:center;gap:var(--space-3);display:flex}.rev-detail-note-num{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.rev-detail-comment{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid var(--border-default);flex-direction:column;display:flex}.rev-detail-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.stats-header-kpis{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.stats-header-kpis{grid-template-columns:repeat(2,1fr)}}.stats-kpi{gap:var(--space-1);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-card);flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex}.stats-kpi:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.stats-kpi-green{background:var(--color-primary-50);box-shadow:none;border:1px solid var(--color-primary-100)}.stats-kpi-green .stats-kpi-val{color:var(--color-primary-600)}.stats-kpi-gold{box-shadow:none;background:#fffbeb;border:1px solid #fde68a}.stats-kpi-gold .stats-kpi-val{color:#b45309}.stats-kpi-val{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.1}.stats-kpi-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stats-grid-2{gap:var(--space-5);margin-bottom:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.stats-grid-3{gap:var(--space-5);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1100px){.stats-grid-3{grid-template-columns:1fr 1fr}.stats-grid-2{grid-template-columns:1fr}}@media (width<=700px){.stats-grid-3{grid-template-columns:1fr}}.page-header{margin-bottom:var(--space-5)}.settings-shell{gap:var(--space-6);grid-template-columns:228px 1fr;align-items:start;display:grid}.settings-sidenav{background:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-xl);padding:var(--space-3);top:calc(var(--topbar-height) + var(--space-7));position:sticky}.settings-sidenav-label{font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-2) var(--space-3) var(--space-1);margin:0 0 var(--space-1)}.settings-tab-btn{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:background var(--transition-base), color var(--transition-base);color:var(--text-secondary);background:0 0;border:none;display:flex}.settings-tab-btn:hover{background:var(--surface-page);color:var(--text-primary)}.settings-tab-btn.active{background:var(--color-primary-50);color:var(--color-primary-700)}.settings-tab-icon{border-radius:var(--radius-md);background:var(--surface-page);width:30px;height:30px;color:var(--text-muted);transition:background var(--transition-base), color var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-tab-icon.active{background:var(--color-primary-100);color:var(--color-primary-600)}.settings-tab-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.settings-tab-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.settings-tab-desc{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.settings-tab-btn.active .settings-tab-desc{color:var(--color-primary-500)}.settings-tab-arrow{color:var(--color-primary-400);flex-shrink:0}.settings-content{gap:var(--space-5);flex-direction:column;display:flex}.settings-content-header{background:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6)}.settings-content-title-row{align-items:center;gap:var(--space-3);display:flex}.settings-content-icon{color:var(--color-primary-600);flex-shrink:0}.settings-content-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 2px}.settings-content-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.settings-panel{gap:var(--space-5);flex-direction:column;display:flex}.settings-panel-intro{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.65}.settings-plans-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.settings-plans-grid{grid-template-columns:1fr}}.settings-plan-card{border-radius:var(--radius-xl);background:var(--surface-elevated);border:1px solid var(--border-default);padding:var(--space-5);transition:box-shadow var(--transition-base);position:relative}.settings-plan-card:hover{box-shadow:var(--shadow-md)}.settings-plan-card--highlighted{border-color:var(--color-primary-300);background:var(--color-primary-50);box-shadow:0 0 0 1px var(--color-primary-300)}.settings-plan-badge{background:var(--color-primary-500);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);padding:2px 12px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.settings-plan-header{margin-bottom:var(--space-4)}.settings-plan-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.settings-plan-price{align-items:baseline;gap:var(--space-1);display:flex}.settings-plan-price-num{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.settings-plan-price-unit{font-size:var(--font-size-sm);color:var(--text-muted)}.settings-plan-features{margin:0 0 var(--space-4);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.settings-plan-features li{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.settings-plan-check{color:var(--color-primary-500);flex-shrink:0}.settings-plan-fields{border-top:1px solid var(--border-default);padding-top:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.settings-card-body{gap:var(--space-4);flex-direction:column;display:flex}.settings-field{gap:var(--space-2);flex-direction:column;display:flex}.settings-field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.settings-field-value{align-items:center;gap:var(--space-2);display:flex}.settings-field-input{width:120px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.settings-field-display{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.settings-field-unit{font-size:var(--font-size-sm);color:var(--text-muted);margin-left:2px}.settings-info-box{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-warning-50);border:1px solid var(--color-warning-200);font-size:var(--font-size-xs);color:var(--color-warning-800,#854d0e);display:flex}.settings-info-box svg{color:var(--color-warning-600);flex-shrink:0;margin-top:1px}.settings-preview-pill{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary-50);border:1px solid var(--color-primary-100);font-size:var(--font-size-sm);color:var(--color-primary-700);line-height:1.5;display:flex}.settings-preview-pill svg{color:var(--color-primary-500);flex-shrink:0;margin-top:2px}.settings-toggle-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.settings-toggle{background:var(--color-neutral-300);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background var(--transition-base);border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.settings-toggle--on{background:var(--color-primary-500);justify-content:flex-end}.settings-toggle-thumb{width:20px;height:20px;transition:transform var(--transition-base);background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003}.settings-save-bar{justify-content:flex-end;align-items:center;gap:var(--space-4);padding:var(--space-5) 0 var(--space-8);border-top:1px solid var(--border-default);margin-top:var(--space-4);display:flex}.settings-saved-toast{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-primary-600);font-weight:var(--font-weight-medium);display:flex}.page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.page-header p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.btn-icon{padding:var(--space-2)}.settings-commission-preview{margin-top:var(--space-2)}.settings-commission-example{border-radius:var(--radius-lg);background:var(--color-primary-50);border:1px solid var(--color-primary-100);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.settings-commission-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary-500)}.settings-commission-calc{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-2) 0;border-top:1px solid var(--color-primary-100);justify-content:space-between;align-items:center;display:flex}.settings-commission-calc:first-of-type{border-top:none}.settings-commission-amount{color:var(--color-primary-600);font-weight:var(--font-weight-bold)}.settings-annulation-timeline{gap:var(--space-3);margin-top:var(--space-2);display:flex}.settings-annulation-zone{padding:var(--space-4);border-radius:var(--radius-lg);gap:var(--space-2);font-size:var(--font-size-sm);border:1px solid;flex-direction:column;flex:1;display:flex}.settings-annulation-ok{background:var(--color-success-50,#f0fdf4);border-color:var(--color-success-200,#bbf7d0);color:var(--color-success-700,#15803d)}.settings-annulation-no{background:var(--color-error-50,#fef2f2);border-color:var(--color-error-200,#fecaca);color:var(--color-error-700,#b91c1c)}.settings-annulation-tag{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1}.settings-insurance-cards{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.settings-insurance-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-primary-100);background:var(--color-primary-50);display:flex}.settings-insurance-icon{color:var(--color-primary-600);flex-shrink:0;margin-top:2px}.settings-insurance-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 2px}.settings-insurance-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.settings-toggle-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 2px}.settings-toggle-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.settings-divider{background:var(--border-default);height:1px;margin:var(--space-1) 0}@media (width<=900px){.settings-shell{grid-template-columns:1fr}.settings-sidenav{gap:var(--space-2);padding:var(--space-3);flex-wrap:wrap;display:flex;position:static}.settings-sidenav-label{width:100%}.settings-tab-btn{flex:1;min-width:120px}.settings-annulation-timeline{flex-direction:column}}.login-page{background:radial-gradient(circle at 0 0,#358d642e,#0000 32%),radial-gradient(circle at 100% 100%,#f59e0b1f,#0000 28%),linear-gradient(135deg,#f4f8f3 0%,#edf3ef 50%,#f9f6ef 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#ffffffeb;border:1px solid #0f172a14;border-radius:24px;width:min(460px,100%);padding:32px;box-shadow:0 24px 80px #0f172a1f}.login-brand{align-items:center;gap:16px;margin-bottom:24px;display:flex}.login-brand h1{margin:0;font-size:28px}.login-brand p{color:var(--text-secondary);margin:4px 0 0}.login-logo{color:#fff;background:linear-gradient(135deg, var(--color-primary-500), #234f3d);border-radius:18px;place-items:center;width:54px;height:54px;display:grid}.login-form{gap:12px;display:grid}.login-input-icon{position:relative}.login-input-icon svg{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input-icon .form-input{padding-left:40px}.login-alert{font-size:var(--font-size-sm);border-radius:12px;padding:10px 12px}.login-alert-error{background:var(--color-error-50);color:var(--color-error-600)}.login-alert-info{background:var(--color-info-50);color:var(--color-info-600)}.login-actions{gap:12px;margin-top:8px;display:flex}