@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary-50:#f2f6fb;--color-primary-100:#e1eaf6;--color-primary-200:#c2d5ed;--color-primary-300:#94b5e0;--color-primary-400:#5287cc;--color-primary-500:#2567be;--color-primary-600:#014eb4;--color-primary-700:#014297;--color-primary-800:#01357a;--color-primary-900:#01295e;--color-accent-500:#f97316;--color-accent-600:#ea580c;--color-accent-100:#ffedd5;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-info:#2563eb;--color-info-bg:#eff6ff;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-text-primary:var(--color-slate-900);--color-text-secondary:var(--color-slate-600);--color-text-muted:var(--color-slate-400);--color-text-on-primary:#fff;--color-text-on-accent:#fff;--color-surface:#fff;--color-background:var(--color-slate-50);--color-border:var(--color-slate-200);--color-border-strong:var(--color-slate-300);--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--text-display-size:48px;--text-display-lh:56px;--text-display-w:800;--text-h1-size:32px;--text-h1-lh:40px;--text-h1-w:700;--text-h2-size:24px;--text-h2-lh:32px;--text-h2-w:700;--text-h3-size:20px;--text-h3-lh:28px;--text-h3-w:600;--text-h4-size:18px;--text-h4-lh:26px;--text-h4-w:600;--text-body-lg-size:18px;--text-body-lg-lh:28px;--text-body-lg-w:400;--text-body-size:16px;--text-body-lh:24px;--text-body-w:400;--text-sm-size:14px;--text-sm-lh:20px;--text-sm-w:400;--text-caption-size:12px;--text-caption-lh:16px;--text-caption-w:500;--text-overline-size:11px;--text-overline-lh:16px;--text-overline-w:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--container-max:1140px;--container-pad:var(--space-5);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:9999px;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 4px 12px #10182814;--shadow-lg:0 12px 32px #1018281a;--shadow-xl:0 24px 48px #1018281f;--shadow-focus:0 0 0 3px var(--color-primary-200);--duration-fast:.15s;--duration-base:.22s;--duration-slow:.32s;--duration-slower:.48s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-entrance:cubic-bezier(0, 0, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-sm-size);line-height:var(--text-sm-lh);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}ul{list-style:none}#root{flex-direction:column;min-height:100vh;display:flex}:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px;border-radius:var(--radius-sm)}h1{font-size:var(--text-h1-size);line-height:var(--text-h1-lh);font-weight:var(--text-h1-w);letter-spacing:-.02em}h2{font-size:var(--text-h2-size);line-height:var(--text-h2-lh);font-weight:var(--text-h2-w)}h3{font-size:var(--text-h3-size);line-height:var(--text-h3-lh);font-weight:var(--text-h3-w)}h4{font-size:var(--text-h4-size);line-height:var(--text-h4-lh);font-weight:var(--text-h4-w)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-brand{color:var(--color-primary-600)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-overline{font-size:var(--text-overline-size);font-weight:var(--text-overline-w);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid-kpi{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.sidebar{background:var(--color-slate-900);width:240px;transition:width var(--duration-base) var(--ease-standard);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{width:64px}.sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-bottom:1px solid #ffffff14;min-height:64px;display:flex}.sidebar-logo-mark{background:var(--color-primary-600);border-radius:var(--radius-md);color:#fff;letter-spacing:-.5px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.sidebar-logo-text{color:#fff;white-space:nowrap;opacity:1;transition:opacity var(--duration-base) var(--ease-standard);font-size:13px;font-weight:700;overflow:hidden}.sidebar.collapsed .sidebar-logo-text{display:none}.sidebar.collapsed .sidebar-logo{gap:var(--space-2);padding-inline:var(--space-2);flex-direction:column}.sidebar.collapsed .sidebar-user{gap:var(--space-2);flex-direction:column}.sidebar-logo .sidebar-collapse-btn,.sidebar-user .sidebar-collapse-btn{flex-shrink:0;margin-left:auto}.sidebar.collapsed .sidebar-logo .sidebar-collapse-btn,.sidebar.collapsed .sidebar-user .sidebar-collapse-btn{margin-left:0}.sidebar-nav{padding:var(--space-3) var(--space-2);flex:1;overflow:hidden auto}.sidebar-section-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;padding:var(--space-3) var(--space-3) var(--space-1);white-space:nowrap;transition:opacity var(--duration-base);font-size:10px;font-weight:600;overflow:hidden}.sidebar.collapsed .sidebar-section-label{opacity:0}.sidebar-item{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);color:#ffffffa6;white-space:nowrap;text-align:left;background:0 0;border:none;width:100%;margin-bottom:2px;font-size:14px;font-weight:500;display:flex;overflow:hidden}.sidebar-item:hover{color:#fff;background:#ffffff14}.sidebar-item.active{background:var(--color-primary-600);color:#fff}.sidebar-item svg{flex-shrink:0;width:18px;height:18px}.sidebar-item-label{opacity:1;transition:opacity var(--duration-base) var(--ease-standard);overflow:hidden}.sidebar.collapsed .sidebar-item-label{opacity:0}.sidebar-collapse-btn{border-radius:var(--radius-sm);color:#fff9;cursor:pointer;width:28px;height:28px;transition:background var(--duration-fast), transform var(--duration-base) var(--ease-standard);background:#ffffff14;border:none;justify-content:center;align-items:center;display:flex}.sidebar-collapse-btn:hover{color:#fff;background:#ffffff26}.sidebar.collapsed .sidebar-logo .sidebar-collapse-btn{transform:rotate(180deg)}.sidebar-footer{padding:var(--space-4);border-top:1px solid #ffffff14}.sidebar-user{align-items:center;gap:var(--space-3);display:flex;overflow:hidden}.sidebar-avatar{border-radius:var(--radius-pill);background:var(--color-primary-700);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.sidebar-user-info{min-width:0;transition:opacity var(--duration-base);flex:1;overflow:hidden}.sidebar.collapsed .sidebar-user-info{display:none}.sidebar-username{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-role{color:#fff6;white-space:nowrap;font-size:11px}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{height:64px;padding-inline:var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.admin-topbar-left{align-items:center;gap:var(--space-3);display:flex}.admin-breadcrumb{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:14px;display:flex}.admin-breadcrumb-current{color:var(--color-text-primary);font-weight:600}.admin-topbar-right{align-items:center;gap:var(--space-3);display:flex}.admin-content{padding:var(--space-6);flex:1;width:100%;max-width:1200px;margin:0 auto}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-h2-size);font-weight:var(--text-h2-w);color:var(--color-text-primary)}.page-subtitle{font-size:var(--text-sm-size);color:var(--color-text-secondary);margin-top:var(--space-1)}.page-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:var(--space-6)}.card-sm{padding:var(--space-4);border-radius:var(--radius-md)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.card-title{color:var(--color-text-primary);font-size:15px;font-weight:600}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.stat-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-card-icon.teal{background:var(--color-primary-50);color:var(--color-primary-600)}.stat-card-icon.orange{background:var(--color-accent-100);color:var(--color-accent-600)}.stat-card-icon.green{background:var(--color-success-bg);color:var(--color-success)}.stat-card-icon.blue{background:var(--color-info-bg);color:var(--color-info)}.stat-value{color:var(--color-text-primary);letter-spacing:-.03em;font-size:28px;font-weight:700;line-height:1}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.stat-sub{color:var(--color-text-secondary);font-size:12px}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);white-space:nowrap;border:none;padding:9px 16px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn svg{flex-shrink:0;width:16px;height:16px}.btn-primary{background:var(--color-primary-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-700);box-shadow:var(--shadow-md)}.btn-accent{background:var(--color-accent-500);color:#fff}.btn-accent:hover:not(:disabled){background:var(--color-accent-600);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-slate-50);border-color:var(--color-slate-400)}.btn-ghost{color:var(--color-primary-600);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-primary-50)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 20px;font-size:15px}.btn-icon{padding:8px}.btn-icon.btn-sm{padding:6px}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-label{color:var(--color-text-primary);font-size:13px;font-weight:600}.form-label .required{color:var(--color-error);margin-left:2px}.form-control{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);outline:none;padding:9px 12px;font-size:14px}.user-menu{position:relative}.user-chip{align-items:center;gap:var(--space-2);background:var(--color-slate-50);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast);padding:6px 10px;font-size:13px;font-weight:500;display:flex}.user-chip:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.user-dropdown{z-index:var(--z-dropdown);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);padding:6px;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown-head{border-bottom:1px solid var(--color-border);flex-direction:column;margin-bottom:6px;padding:8px 10px 10px;display:flex}.user-dropdown-head strong{color:var(--color-text-primary);font-size:14px}.user-dropdown-head small{color:var(--color-text-muted);margin-top:2px;font-size:12px}.user-dropdown button{border-radius:var(--radius-md);width:100%;color:var(--color-error);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:600;display:flex}.user-dropdown button:hover{background:var(--color-error-bg)}.password-field{position:relative}.password-field .form-control{padding-right:40px}.password-toggle{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-text-primary);background:var(--color-slate-100)}.form-control:focus{border-color:var(--color-primary-600);box-shadow:var(--shadow-focus)}.form-control::placeholder{color:var(--color-text-muted)}.form-control.error{border-color:var(--color-error)}.form-control.error:focus{box-shadow:0 0 0 3px #dc262633}.form-control:disabled{background:var(--color-slate-50);cursor:not-allowed}textarea.form-control{resize:vertical;min-height:96px}select.form-control{cursor:pointer}.form-hint{color:var(--color-text-muted);font-size:12px}.form-error-msg{color:var(--color-error);align-items:center;gap:4px;font-size:12px;display:flex}.badge{border-radius:var(--radius-pill);white-space:nowrap;text-transform:capitalize;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-pending{background:var(--color-slate-100);color:var(--color-slate-500)}.badge-confirmed{background:var(--color-info-bg);color:var(--color-info)}.badge-assigned{background:var(--color-warning-bg);color:var(--color-warning)}.badge-in_progress{color:#0369a1;background:#e0f2fe}.badge-completed{background:var(--color-success-bg);color:var(--color-success)}.badge-cancelled{background:var(--color-error-bg);color:var(--color-error)}.badge-active{background:var(--color-success-bg);color:var(--color-success)}.badge-disabled{background:var(--color-slate-100);color:var(--color-slate-500)}.badge-new{background:var(--color-info-bg);color:var(--color-info)}.badge-contacted{background:var(--color-warning-bg);color:var(--color-warning)}.badge-converted{background:var(--color-success-bg);color:var(--color-success)}.badge-super_admin{background:var(--color-primary-50);color:var(--color-primary-700)}.badge-sub_admin{background:var(--color-slate-100);color:var(--color-slate-600)}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}table{border-collapse:collapse;background:var(--color-surface);width:100%;font-size:14px}thead{z-index:1;position:sticky;top:0}th{text-align:left;background:var(--color-slate-50);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:11px;font-weight:600}th:hover{color:var(--color-text-secondary)}td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:middle;padding:13px 16px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--duration-fast)}tbody tr:hover{background:var(--color-slate-50);cursor:pointer}tbody tr.no-hover:hover{cursor:default;background:0 0}.td-muted{color:var(--color-text-secondary)}.td-mono{font-family:var(--font-mono);font-size:12px}.table-empty{padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-text-muted)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);z-index:var(--z-modal);animation:fadeIn var(--duration-fast) var(--ease-entrance);background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.proof-grid{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.proof-thumb{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-slate-100);width:72px;height:72px;padding:0;overflow:hidden}.proof-thumb img{object-fit:cover;width:100%;height:100%;display:block}.proof-thumb:hover{border-color:var(--color-primary-500)}.lightbox-overlay{padding:var(--space-6);z-index:var(--z-toast);cursor:zoom-out;animation:fadeIn var(--duration-fast) var(--ease-entrance);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-overlay img{border-radius:var(--radius-md);max-width:92vw;max-height:92vh;box-shadow:var(--shadow-xl);cursor:default}.modal{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-xl);animation:slideUp var(--duration-base) var(--ease-entrance);overflow-y:auto}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:16px;font-weight:700}.modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-slate-100);color:var(--color-text-primary)}.modal-body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-3);display:flex}.modal-section{border-top:1px solid var(--color-border);padding-top:var(--space-4);margin-top:var(--space-2)}.modal-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-3);font-size:12px;font-weight:600}.toast-container{bottom:var(--space-6);right:var(--space-6);gap:var(--space-2);z-index:var(--z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:all;animation:toastIn var(--duration-base) var(--ease-entrance);background:var(--color-surface);border-left:4px solid var(--color-primary-600);max-width:380px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.toast.success{border-left-color:var(--color-success)}.toast.error{border-left-color:var(--color-error)}.toast.warning{border-left-color:var(--color-warning)}.toast-icon{flex-shrink:0}.toast-icon.success{color:var(--color-success)}.toast-icon.error{color:var(--color-error)}.toast-icon.warning{color:var(--color-warning)}.toast-icon.info{color:var(--color-primary-600)}.skeleton{background:linear-gradient(90deg, var(--color-slate-100) 25%, var(--color-slate-200) 50%, var(--color-slate-100) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{height:14px}.skeleton-text-lg{height:20px}.skeleton-circle{border-radius:var(--radius-pill)}.logline{padding:var(--space-2) var(--space-3);background:var(--color-slate-50);border-radius:var(--radius-sm);border-left:3px solid var(--color-border-strong);color:var(--color-text-secondary);font-size:13px}.logline-admin{color:var(--color-text-primary);font-weight:600}.filter-row{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.filter-row .form-control{width:auto;min-width:160px}.login-screen{background:var(--color-surface);min-height:100vh;display:flex}.login-left{background:linear-gradient(135deg, var(--color-slate-900), var(--color-primary-900));padding:var(--space-12);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-left-art{text-align:center;color:#ffffffe6;width:100%;max-width:360px}.login-right{width:480px;padding:var(--space-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-card{gap:var(--space-5);flex-direction:column;width:100%;max-width:380px;display:flex}.login-logo-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.login-title{font-size:var(--text-h2-size);font-weight:var(--text-h2-w);color:var(--color-text-primary)}.login-subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{background:var(--color-border);height:1px;margin-block:var(--space-4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar-menu-btn,.sidebar-scrim{display:none}@media (width<=768px){.sidebar{z-index:var(--z-modal);width:260px;height:100vh;transition:transform var(--duration-base) var(--ease-standard);box-shadow:var(--shadow-xl);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:260px}.sidebar-collapse-btn.desktop-only{display:none}.sidebar-scrim{z-index:calc(var(--z-modal) - 1);cursor:pointer;background:#0f172a80;border:none;display:block;position:fixed;inset:0}.topbar-menu-btn{display:inline-flex}.admin-content{padding:var(--space-4)}.login-left{display:none}.login-right{width:100%}.grid-kpi{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid-kpi{grid-template-columns:1fr}.page-header{flex-direction:column}}.admin-shell{background:var(--color-background);min-height:100vh;display:flex}.chart-wrap{width:100%;min-height:240px}.recharts-tooltip-wrapper{z-index:var(--z-dropdown)}.recharts-cartesian-axis-tick text{font-family:var(--font-sans);fill:var(--color-text-muted);font-size:12px}.recharts-legend-item-text{font-family:var(--font-sans);font-size:13px;color:var(--color-text-secondary)!important}.toolbar{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.toolbar-spacer{flex:1}.search-input-wrap{position:relative}.search-input-wrap svg{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{padding-left:34px!important}.info-row{flex-direction:column;gap:2px;display:flex}.info-row-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:11px;font-weight:600}.info-row-value{color:var(--color-text-primary);font-size:14px;font-weight:500}.reassign-entry{background:var(--color-slate-50);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:13px}.reassign-entry-meta{color:var(--color-text-primary);font-weight:500}.reassign-entry-reason{color:var(--color-text-secondary);margin-top:2px}.tab-row{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);gap:2px;display:flex}.tab-btn{color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast), border-color var(--duration-fast);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 16px;font-size:13px;font-weight:600}.tab-btn:hover{color:var(--color-primary-600)}.tab-btn.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.spinner{border:2px solid var(--color-primary-100);border-top-color:var(--color-primary-600);border-radius:var(--radius-pill);flex-shrink:0;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.view-loading{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-4);color:var(--color-text-muted);flex-direction:column;font-size:13px;display:flex}.empty-state{padding:var(--space-16) var(--space-4);text-align:center;color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state-icon{background:var(--color-slate-100);border-radius:var(--radius-pill);width:56px;height:56px;color:var(--color-slate-400);justify-content:center;align-items:center;display:flex}.empty-state-title{color:var(--color-text-secondary);font-size:15px;font-weight:600}.empty-state-desc{font-size:13px}.danger-zone{background:var(--color-error-bg);border-radius:var(--radius-md);padding:var(--space-4);align-items:center;gap:var(--space-3);border:1px solid #fecaca;display:flex}.danger-zone-text{color:var(--color-error);font-size:13px}@media (width<=768px){.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-overlay{align-items:flex-end;padding:0}}input[type=file]{color:var(--color-text-secondary);font-size:13px;font-family:var(--font-sans)}input[type=file]::file-selector-button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary-600);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);transition:background var(--duration-fast), border-color var(--duration-fast);background:#fff;margin-right:10px;padding:7px 12px}input[type=file]::file-selector-button:hover{background:var(--color-primary-50);border-color:var(--color-primary-600)}