:root{--primary-50:#fffbeb;--primary-100:#fef3c7;--primary-200:#fde68a;--primary-300:#fcd34d;--primary-400:#fbbf24;--primary-500:#f59e0b;--primary-600:#d97706;--primary-700:#b45309;--primary-800:#92400e;--primary-900:#78350f;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--neutral-950:#020617;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-violet:#8b5cf6;--accent-rose:#f43f5e;--accent-pink:#ec4899;--accent-indigo:#6366f1;--accent-teal:#14b8a6;--success:#10b981;--success-light:#d1fae5;--success-dark:#059669;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#d97706;--danger:#ef4444;--danger-light:#fee2e2;--danger-dark:#dc2626;--info:#3b82f6;--info-light:#dbeafe;--info-dark:#2563eb;--background:#fff;--background-secondary:#f8fafc;--surface:#fff;--surface-secondary:#f8fafc;--surface-hover:#f1f5f9;--surface-active:#e2e8f0;--surface-elevated:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-disabled:#94a3b8;--text-inverse:#fff;--border:#e2e8f0;--border-hover:#cbd5e1;--border-focus:var(--primary-500);--border-active:var(--primary-600);--glass-bg:#ffffffb3;--glass-border:#fff3;--glass-shadow:0 8px 32px 0 #1f268712;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-xl:0 25px 50px -12px #00000040;--shadow-2xl:0 25px 50px -12px #00000059;--shadow-inner:inset 0 2px 4px 0 #0000000d;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-slower:.5s cubic-bezier(.4,0,.2,1);--radius-xs:.125rem;--radius-sm:.25rem;--radius:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem}[data-theme=dark],.dark-mode{--primary-50:#422006;--primary-100:#713f12;--primary-200:#a16207;--primary-300:#d97706;--primary-400:#f59e0b;--primary-500:#fbbf24;--primary-600:#fcd34d;--primary-700:#fde68a;--primary-800:#fef3c7;--primary-900:#fffbeb;--background:#0f172a;--background-secondary:#020617;--surface:#1e293b;--surface-secondary:#0f172a;--surface-hover:#334155;--surface-active:#475569;--surface-elevated:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-disabled:#64748b;--text-inverse:#0f172a;--border:#334155;--border-hover:#475569;--border-focus:var(--primary-400);--border-active:var(--primary-500);--glass-bg:#1e293bb3;--glass-border:#33415533;--glass-shadow:0 8px 32px 0 #0000005e;--shadow-xs:0 1px 2px 0 #00000040;--shadow-sm:0 1px 3px 0 #0000004d,0 1px 2px -1px #0000004d;--shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-md:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d;--shadow-lg:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d;--shadow-xl:0 25px 50px -12px #00000080;--shadow-2xl:0 25px 50px -12px #000000b3;--shadow-inner:inset 0 2px 4px 0 #00000040;--success-light:#064e3b;--warning-light:#451a03;--danger-light:#450a0a;--info-light:#1e3a8a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary-50:#422006;--primary-100:#713f12;--primary-200:#a16207;--primary-300:#d97706;--primary-400:#f59e0b;--primary-500:#fbbf24;--primary-600:#fcd34d;--primary-700:#fde68a;--primary-800:#fef3c7;--primary-900:#fffbeb;--background:#0f172a;--background-secondary:#020617;--surface:#1e293b;--surface-secondary:#0f172a;--surface-hover:#334155;--surface-active:#475569;--surface-elevated:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-disabled:#64748b;--text-inverse:#0f172a;--border:#334155;--border-hover:#475569;--border-focus:var(--primary-400);--border-active:var(--primary-500);--glass-bg:#1e293bb3;--glass-border:#33415533;--glass-shadow:0 8px 32px 0 #0000005e;--shadow-xs:0 1px 2px 0 #00000040;--shadow-sm:0 1px 3px 0 #0000004d,0 1px 2px -1px #0000004d;--shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-md:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d;--shadow-lg:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d;--shadow-xl:0 25px 50px -12px #00000080;--shadow-2xl:0 25px 50px -12px #000000b3;--shadow-inner:inset 0 2px 4px 0 #00000040;--success-light:#064e3b;--warning-light:#451a03;--danger-light:#450a0a;--info-light:#1e3a8a}}:root{--primary:var(--primary-600);--primary-dark:var(--primary-700);--primary-light:var(--primary-400);--gray-50:var(--neutral-50);--gray-100:var(--neutral-100);--gray-200:var(--neutral-200);--gray-300:var(--neutral-300);--gray-400:var(--neutral-400);--gray-500:var(--neutral-500);--gray-600:var(--neutral-600);--gray-700:var(--neutral-700);--gray-800:var(--neutral-800);--gray-900:var(--neutral-900)}
.layout{background:var(--background);height:100vh;transition:background-color var(--transition-base);display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:260px;transition:all var(--transition-base);box-shadow:var(--shadow);z-index:var(--z-fixed);flex-direction:column;display:flex;position:relative}.brand{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.logo{color:var(--text-primary);background:linear-gradient(135deg,var(--primary-600),var(--primary-400));-webkit-text-fill-color:transparent;transition:all var(--transition-base);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;text-decoration:none;display:inline-block}.logo:hover{transform:translate(2px)}nav{flex:1;padding:1rem 0;overflow-y:auto}nav ul{margin:0;padding:0;list-style:none}nav li{margin-bottom:.25rem}.nav-link{color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-link:before{content:"";background:var(--primary-600);width:3px;transition:transform var(--transition-base);position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.nav-link:hover{color:var(--primary-600);background:var(--primary-50)}.nav-link:hover:before{transform:translate(0)}nav li.active .nav-link{color:var(--primary-600);background:var(--primary-50);font-weight:600}nav li.active .nav-link:before{transform:translate(0)}.nav-link .icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-link .text{flex:1}.sidebar-footer{border-top:1px solid var(--border);background:var(--surface-secondary);padding:1rem}.logout{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.logout:hover{color:var(--danger);background:var(--danger-light);border-color:var(--danger)}.content{background:var(--background);flex:1;position:relative;overflow-y:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}@media (max-width:1024px){.brand{padding:1rem 1.5rem}.logo{font-size:1.25rem}.nav-theme-toggle{transform:scale(.9)}}.sidebar-toggle{z-index:var(--z-modal);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);width:48px;height:48px;box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);justify-content:center;align-items:center;display:none;position:fixed;top:1rem;left:1rem}.sidebar-toggle:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}[data-theme=dark] .sidebar,.dark-mode .sidebar{background:var(--surface);box-shadow:var(--shadow-xl)}[data-theme=dark] .nav-link:hover,.dark-mode .nav-link:hover,[data-theme=dark] nav li.active .nav-link,.dark-mode nav li.active .nav-link{background:var(--surface-hover)}@media (max-width:1024px){.sidebar{z-index:var(--z-modal);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:flex}.content{margin-left:0}.sidebar-overlay{z-index:calc(var(--z-modal) - 1);background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}}@media (max-width:640px){.sidebar{width:240px}}.fade-in{animation:fadeIn var(--transition-slow)}.slide-in{animation:slideIn var(--transition-base)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}::selection{background:var(--primary-200);color:var(--primary-900)}@media print{.sidebar,.sidebar-toggle,.theme-toggle,.controls-bar{display:none!important}.content{margin:0}}.user-info-mini{background:var(--background-secondary);border-radius:var(--radius-md);flex-direction:column;margin-bottom:.75rem;padding:.5rem;font-size:.75rem;display:flex}.user-info-mini .username{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.user-info-mini .roles{color:var(--text-secondary);font-size:.7rem}.no-access-message{text-align:center;color:var(--text-secondary);padding:2rem 1rem}.no-access-message svg{color:var(--warning);margin-bottom:1rem}.no-access-message h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.no-access-message p{margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.no-menu-items{text-align:center;color:var(--text-tertiary);padding:2rem 1rem;font-size:.875rem}.no-access-content{justify-content:center;align-items:center;min-height:80vh;padding:2rem;display:flex}.no-access-card{background:var(--surface);border-radius:var(--radius-xl);max-width:500px;box-shadow:var(--shadow-lg);text-align:center;border:1px solid var(--border);padding:3rem}.no-access-card svg{margin-bottom:1.5rem}.no-access-card h1{color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:700}.no-access-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem;line-height:1.6}.no-access-card .user-info{background:var(--background-secondary);border-radius:var(--radius-lg);text-align:left;margin:2rem 0;padding:1.5rem}.no-access-card .user-info p{margin-bottom:.5rem;font-size:.875rem}.no-access-card .user-info strong{color:var(--text-primary);margin-right:.5rem}.layout-loading{background:var(--background);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.layout-loading p{color:var(--text-secondary);font-size:.875rem}
:root{--ui-spacing-xs:.25rem;--ui-spacing-sm:.5rem;--ui-spacing-md:1rem;--ui-spacing-lg:1.5rem;--ui-spacing-xl:2rem;--ui-radius-sm:.25rem;--ui-radius-md:.375rem;--ui-radius-lg:.5rem;--ui-radius-xl:.75rem;--ui-radius-full:9999px;--ui-transition-fast:.15s ease-in-out;--ui-transition-base:.2s ease-in-out;--ui-transition-slow:.3s ease-in-out;--ui-z-dropdown:1000;--ui-z-modal:1050;--ui-z-popover:1060;--ui-z-tooltip:1070;--ui-z-toast:1080}.ui-btn{justify-content:center;align-items:center;gap:var(--ui-spacing-sm);border-radius:var(--ui-radius-md);transition:all var(--ui-transition-fast);cursor:pointer;white-space:nowrap;border:1px solid #0000;font-family:inherit;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.ui-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.ui-btn-xs{min-height:1.75rem;padding:.25rem .5rem;font-size:.75rem}.ui-btn-sm{min-height:2rem;padding:.375rem .75rem;font-size:.8125rem}.ui-btn-md{min-height:2.375rem;padding:.5rem 1rem;font-size:.875rem}.ui-btn-lg{min-height:2.75rem;padding:.625rem 1.25rem;font-size:.9375rem}.ui-btn-xl{min-height:3rem;padding:.75rem 1.5rem;font-size:1rem}.ui-btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-color:var(--primary-600)}.ui-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.ui-btn-primary:active:not(:disabled){transform:translateY(0)}.ui-btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.ui-btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-1px)}.ui-btn-success{background:var(--success);color:#fff;border-color:var(--success)}.ui-btn-success:hover:not(:disabled){background:var(--success-dark);border-color:var(--success-dark);transform:translateY(-1px)}.ui-btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.ui-btn-danger:hover:not(:disabled){background:var(--danger-dark);border-color:var(--danger-dark);transform:translateY(-1px)}.ui-btn-warning{background:var(--warning);color:var(--gray-900);border-color:var(--warning)}.ui-btn-warning:hover:not(:disabled){background:var(--warning-dark);border-color:var(--warning-dark);transform:translateY(-1px)}.ui-btn-outline{color:var(--primary-600);border-color:var(--primary-600);background:0 0}.ui-btn-outline:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-700)}.ui-btn-ghost{color:var(--text-primary);background:0 0;border-color:#0000}.ui-btn-ghost:hover:not(:disabled){background:var(--surface-hover)}.ui-btn:disabled,.ui-btn-disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ui-btn-loading{color:#0000}.ui-btn-full{width:100%}.ui-btn-spinner{color:currentColor;animation:.8s linear infinite spin;position:absolute}.ui-input-container{gap:var(--ui-spacing-xs);flex-direction:column;display:flex}.ui-input-container-full{width:100%}.ui-input-label{color:var(--text-primary);align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.ui-input-required{color:var(--danger)}.ui-input-wrapper{align-items:center;display:flex;position:relative}.ui-input{border:1px solid var(--border);border-radius:var(--ui-radius-md);background:var(--surface);width:100%;color:var(--text-primary);transition:all var(--ui-transition-fast);font-family:inherit}.ui-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.ui-input-sm{min-height:2rem;padding:.375rem .75rem;font-size:.8125rem}.ui-input-md{min-height:2.375rem;padding:.5rem .875rem;font-size:.875rem}.ui-input-lg{min-height:2.75rem;padding:.625rem 1rem;font-size:.9375rem}.ui-input-error{border-color:var(--danger)}.ui-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.ui-input-success{border-color:var(--success)}.ui-input-success:focus{box-shadow:0 0 0 3px #10b9811a}.ui-input-disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.ui-input-readonly{background:var(--gray-50)}.ui-input-full{width:100%}.ui-input-icon{pointer-events:none;color:var(--text-secondary);align-items:center;display:flex;position:absolute}.ui-input-with-icon-left{padding-left:2.5rem}.ui-input-with-icon-right{padding-right:2.5rem}.ui-input-icon-error{color:var(--danger)}.ui-input-icon-success{color:var(--success)}.ui-input-password-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:.25rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.ui-input-password-toggle:hover{color:var(--text-primary)}.ui-input-helper{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem}.ui-input-helper-error{color:var(--danger)}.ui-select-container{gap:var(--ui-spacing-xs);flex-direction:column;display:flex}.ui-select-container-full{width:100%}.ui-select-label{color:var(--text-primary);align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.ui-select-required{color:var(--danger)}.ui-select-wrapper{align-items:center;display:flex;position:relative}.ui-select{border:1px solid var(--border);border-radius:var(--ui-radius-md);background:var(--surface);width:100%;color:var(--text-primary);transition:all var(--ui-transition-fast);appearance:none;cursor:pointer;padding-right:2.5rem;font-family:inherit}.ui-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.ui-select-sm{min-height:2rem;padding:.375rem 2.25rem .375rem .75rem;font-size:.8125rem}.ui-select-md{min-height:2.375rem;padding:.5rem 2.5rem .5rem .875rem;font-size:.875rem}.ui-select-lg{min-height:2.75rem;padding:.625rem 2.75rem .625rem 1rem;font-size:.9375rem}.ui-select-icon{pointer-events:none;color:var(--text-secondary);align-items:center;display:flex;position:absolute;right:.75rem}.ui-select-error{border-color:var(--danger)}.ui-select-error:focus{box-shadow:0 0 0 3px #ef44441a}.ui-select-error-icon{color:var(--danger);align-items:center;display:flex;position:absolute;right:2.25rem}.ui-select-disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.ui-select-full{width:100%}.ui-select-helper{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem}.ui-select-helper-error{color:var(--danger)}.ui-card{background:var(--surface);border-radius:var(--ui-radius-lg);transition:all var(--ui-transition-base)}.ui-card-default{border:1px solid #0000}.ui-card-bordered{border:1px solid var(--border)}.ui-card-elevated{box-shadow:var(--shadow-lg);border:1px solid #0000}.ui-card-flat{background:var(--background-secondary);border:1px solid #0000}.ui-card-p-none{padding:0}.ui-card-p-xs{padding:var(--ui-spacing-xs)}.ui-card-p-sm{padding:var(--ui-spacing-sm)}.ui-card-p-md{padding:var(--ui-spacing-md)}.ui-card-p-lg{padding:var(--ui-spacing-lg)}.ui-card-p-xl{padding:var(--ui-spacing-xl)}.ui-card-shadow-none{box-shadow:none}.ui-card-shadow-xs{box-shadow:var(--shadow-xs)}.ui-card-shadow-sm{box-shadow:var(--shadow-sm)}.ui-card-shadow-md{box-shadow:var(--shadow-md)}.ui-card-shadow-lg{box-shadow:var(--shadow-lg)}.ui-card-shadow-xl{box-shadow:var(--shadow-xl)}.ui-card-hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ui-card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.ui-card-clickable:active{transform:scale(.98)}.ui-card-header{padding:var(--ui-spacing-md);border-bottom:1px solid var(--border)}.ui-card-body{padding:var(--ui-spacing-md)}.ui-card-footer{padding:var(--ui-spacing-md);border-top:1px solid var(--border)}.ui-card-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.ui-card-description{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.ui-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--ui-z-modal);animation:fadeIn var(--ui-transition-base);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ui-modal{background:var(--surface);border-radius:var(--ui-radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;animation:slideUp var(--ui-transition-base);flex-direction:column;display:flex;position:relative;overflow:auto}.ui-modal-xs{width:100%;max-width:320px}.ui-modal-sm{width:100%;max-width:480px}.ui-modal-md{width:100%;max-width:640px}.ui-modal-lg{width:100%;max-width:800px}.ui-modal-xl{width:100%;max-width:1024px}.ui-modal-full{width:calc(100% - 2rem);max-width:calc(100% - 2rem);height:calc(100% - 2rem)}.ui-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.ui-modal-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.ui-modal-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--ui-radius-md);transition:all var(--ui-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;margin-right:-.5rem;padding:.5rem;display:flex}.ui-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.ui-modal-description{color:var(--text-secondary);margin-top:-.5rem;padding:0 1.5rem;font-size:.875rem}.ui-modal-body{flex:1;padding:1.5rem;overflow:auto}.ui-modal-footer{border-top:1px solid var(--border);flex-shrink:0;padding:1.5rem}.ui-modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.ui-badge{transition:all var(--ui-transition-fast);white-space:nowrap;align-items:center;gap:.25rem;font-weight:500;display:inline-flex}.ui-badge-rounded{border-radius:var(--ui-radius-full)}.ui-badge-xs{padding:.125rem .375rem;font-size:.6875rem}.ui-badge-sm{padding:.1875rem .5rem;font-size:.75rem}.ui-badge-md{padding:.25rem .625rem;font-size:.8125rem}.ui-badge-lg{padding:.375rem .75rem;font-size:.875rem}.ui-badge-default{background:var(--gray-100);color:var(--gray-700)}.ui-badge-primary{background:var(--primary-100);color:var(--primary-700)}.ui-badge-secondary{background:var(--gray-100);color:var(--gray-700)}.ui-badge-success{background:var(--success-light);color:var(--success-dark)}.ui-badge-danger{background:var(--danger-light);color:var(--danger-dark)}.ui-badge-warning{background:var(--warning-light);color:var(--warning-dark)}.ui-badge-info{background:var(--info-light);color:var(--info-dark)}.ui-badge-outline{color:var(--text-primary);background:0 0;border:1px solid}.ui-badge-dot{background:currentColor;border-radius:50%;width:.375rem;height:.375rem}.ui-badge-icon{align-items:center;display:flex}.ui-badge-icon-left{margin-left:-.125rem}.ui-badge-icon-right{margin-right:-.125rem}.ui-alert{padding:var(--ui-spacing-md);border-radius:var(--ui-radius-md);gap:var(--ui-spacing-sm);display:flex;position:relative}.ui-alert-default{background:var(--gray-50);border:1px solid var(--gray-200);color:var(--gray-700)}.ui-alert-info{background:var(--info-light);border:1px solid var(--info);color:var(--info-dark)}.ui-alert-success{background:var(--success-light);border:1px solid var(--success);color:var(--success-dark)}.ui-alert-warning{background:var(--warning-light);border:1px solid var(--warning);color:var(--warning-dark)}.ui-alert-error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger-dark)}.ui-alert-icon{flex-shrink:0;align-items:flex-start;padding-top:.125rem;display:flex}.ui-alert-content{flex:1;min-width:0}.ui-alert-title{margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.ui-alert-description{font-size:.875rem;line-height:1.5}.ui-alert-dismiss{color:inherit;opacity:.7;cursor:pointer;border-radius:var(--ui-radius-sm);transition:all var(--ui-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:.75rem;right:.75rem}.ui-alert-dismiss:hover{opacity:1;background:#0000000d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-spinner{flex-shrink:0;animation:.8s linear infinite spin}.ui-spinner-primary{color:var(--primary-600)}.ui-spinner-secondary{color:var(--gray-600)}.ui-spinner-white{color:#fff}.ui-spinner-current{color:currentColor}.ui-loading-overlay{width:100%;height:100%;min-height:100px;position:relative}.ui-loading-overlay-fullscreen{z-index:var(--ui-z-modal);position:fixed;inset:0}.ui-loading-overlay-blur>:not(.ui-loading-overlay-content){filter:blur(2px);pointer-events:none}.ui-loading-overlay-content{justify-content:center;align-items:center;gap:var(--ui-spacing-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;flex-direction:column;display:flex;position:absolute;inset:0}[data-theme=dark] .ui-loading-overlay-content{background:#000000b3}.ui-loading-overlay-message{color:var(--text-secondary);margin:0;font-size:.875rem}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton-wave{0%{background-position:-200% 0}to{background-position:200% 0}}.ui-skeleton{background:var(--gray-200);position:relative;overflow:hidden}[data-theme=dark] .ui-skeleton{background:var(--gray-700)}.ui-skeleton-pulse{animation:2s ease-in-out infinite skeleton-pulse}.ui-skeleton-wave{background:linear-gradient(90deg,var(--gray-200)25%,var(--gray-100)50%,var(--gray-200)75%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-wave}[data-theme=dark] .ui-skeleton-wave{background:linear-gradient(90deg,var(--gray-700)25%,var(--gray-600)50%,var(--gray-700)75%)}.ui-skeleton-text{border-radius:var(--ui-radius-sm)}.ui-skeleton-circular{border-radius:50%}.ui-skeleton-rectangular{border-radius:0}.ui-skeleton-rounded{border-radius:var(--ui-radius-md)}.ui-skeleton-group{gap:var(--ui-spacing-sm);flex-direction:column;display:flex}.ui-checkbox-container{gap:var(--ui-spacing-xs);flex-direction:column;display:flex}.ui-checkbox-wrapper{align-items:center;gap:var(--ui-spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.ui-checkbox{opacity:0;pointer-events:none;position:absolute}.ui-checkbox-box{border:2px solid var(--border);border-radius:var(--ui-radius-sm);background:var(--surface);transition:all var(--ui-transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.ui-checkbox-sm~.ui-checkbox-box{width:1rem;height:1rem}.ui-checkbox-md~.ui-checkbox-box{width:1.25rem;height:1.25rem}.ui-checkbox-lg~.ui-checkbox-box{width:1.5rem;height:1.5rem}.ui-checkbox:checked~.ui-checkbox-box{background:var(--primary-600);border-color:var(--primary-600)}.ui-checkbox:focus-visible~.ui-checkbox-box{box-shadow:0 0 0 3px var(--primary-100)}.ui-checkbox-disabled~.ui-checkbox-box{opacity:.5;cursor:not-allowed}.ui-checkbox-error~.ui-checkbox-box{border-color:var(--danger)}.ui-checkbox-icon{color:#fff;justify-content:center;align-items:center;display:flex}.ui-checkbox-label{color:var(--text-primary);font-size:.875rem}.ui-checkbox-required{color:var(--danger);margin-left:.25rem}.ui-checkbox-helper{color:var(--text-secondary);margin-left:calc(1.25rem + var(--ui-spacing-sm));font-size:.8125rem}.ui-checkbox-helper-error{color:var(--danger)}.ui-radio-container{gap:var(--ui-spacing-xs);flex-direction:column;display:flex}.ui-radio-wrapper{align-items:center;gap:var(--ui-spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.ui-radio{opacity:0;pointer-events:none;position:absolute}.ui-radio-circle{border:2px solid var(--border);background:var(--surface);transition:all var(--ui-transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.ui-radio-sm~.ui-radio-circle{width:1rem;height:1rem}.ui-radio-md~.ui-radio-circle{width:1.25rem;height:1.25rem}.ui-radio-lg~.ui-radio-circle{width:1.5rem;height:1.5rem}.ui-radio-dot{background:#fff;border-radius:50%;width:50%;height:50%}.ui-radio:checked~.ui-radio-circle{background:var(--primary-600);border-color:var(--primary-600)}.ui-radio:focus-visible~.ui-radio-circle{box-shadow:0 0 0 3px var(--primary-100)}.ui-radio-disabled~.ui-radio-circle{opacity:.5;cursor:not-allowed}.ui-radio-error~.ui-radio-circle{border-color:var(--danger)}.ui-radio-label{color:var(--text-primary);font-size:.875rem}.ui-radio-required{color:var(--danger);margin-left:.25rem}.ui-radio-helper{color:var(--text-secondary);margin-left:calc(1.25rem + var(--ui-spacing-sm));font-size:.8125rem}.ui-radio-helper-error{color:var(--danger)}.ui-switch-container{gap:var(--ui-spacing-xs);flex-direction:column;display:flex}.ui-switch-wrapper{align-items:center;gap:var(--ui-spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.ui-switch-input{opacity:0;pointer-events:none;position:absolute}.ui-switch{background:var(--gray-300);border-radius:var(--ui-radius-full);transition:all var(--ui-transition-base);display:inline-block;position:relative}.ui-switch-sm{width:1.75rem;height:1rem}.ui-switch-md{width:2.25rem;height:1.25rem}.ui-switch-lg{width:2.75rem;height:1.5rem}.ui-switch-slider{transition:all var(--ui-transition-base);background:#fff;border-radius:50%;position:absolute;top:.125rem;left:.125rem;box-shadow:0 2px 4px #0003}.ui-switch-sm .ui-switch-slider{width:.75rem;height:.75rem}.ui-switch-md .ui-switch-slider{width:1rem;height:1rem}.ui-switch-lg .ui-switch-slider{width:1.25rem;height:1.25rem}.ui-switch-checked{background:var(--primary-600)}.ui-switch-checked .ui-switch-slider{transform:translate(100%)}.ui-switch-input:focus-visible~.ui-switch{box-shadow:0 0 0 3px var(--primary-100)}.ui-switch-disabled{opacity:.5;cursor:not-allowed}.ui-switch-error{background:var(--danger-light)}.ui-switch-label{color:var(--text-primary);font-size:.875rem}.ui-switch-required{color:var(--danger);margin-left:.25rem}.ui-switch-helper{color:var(--text-secondary);font-size:.8125rem}.ui-switch-helper-error{color:var(--danger)}.ui-textarea-container{gap:var(--ui-spacing-xs);flex-direction:column;display:flex}.ui-textarea-container-full{width:100%}.ui-textarea-label{color:var(--text-primary);align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.ui-textarea-required{color:var(--danger)}.ui-textarea-wrapper{position:relative}.ui-textarea{border:1px solid var(--border);border-radius:var(--ui-radius-md);background:var(--surface);width:100%;color:var(--text-primary);transition:all var(--ui-transition-fast);min-height:80px;font-family:inherit}.ui-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.ui-textarea-sm{padding:.375rem .75rem;font-size:.8125rem}.ui-textarea-md{padding:.5rem .875rem;font-size:.875rem}.ui-textarea-lg{padding:.625rem 1rem;font-size:.9375rem}.ui-textarea-resize-none{resize:none}.ui-textarea-resize-vertical{resize:vertical}.ui-textarea-resize-horizontal{resize:horizontal}.ui-textarea-resize-both{resize:both}.ui-textarea-error{border-color:var(--danger);padding-right:2.5rem}.ui-textarea-error:focus{box-shadow:0 0 0 3px #ef44441a}.ui-textarea-success{border-color:var(--success);padding-right:2.5rem}.ui-textarea-success:focus{box-shadow:0 0 0 3px #10b9811a}.ui-textarea-disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.ui-textarea-readonly{background:var(--gray-50)}.ui-textarea-full{width:100%}.ui-textarea-status-icon{pointer-events:none;position:absolute;top:.75rem;right:.75rem}.ui-textarea-icon-error{color:var(--danger)}.ui-textarea-icon-success{color:var(--success)}.ui-textarea-footer{justify-content:space-between;align-items:center;margin-top:.25rem;display:flex}.ui-textarea-helper{color:var(--text-secondary);font-size:.8125rem}.ui-textarea-helper-error{color:var(--danger)}.ui-textarea-counter{color:var(--text-secondary);font-size:.75rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.ui-modal{max-height:calc(100vh - 1rem);margin:.5rem}.ui-modal-full{border-radius:0;width:100%;max-width:100%;height:100%;margin:0}}[data-theme=dark]{--ui-checkbox-bg:var(--gray-800);--ui-radio-bg:var(--gray-800);--ui-switch-bg:var(--gray-600)}[data-theme=dark] .ui-btn-outline{border-color:var(--gray-600);color:var(--gray-300)}[data-theme=dark] .ui-btn-outline:hover:not(:disabled){background:var(--gray-800);border-color:var(--gray-500);color:var(--gray-100)}[data-theme=dark] .ui-btn-ghost:hover:not(:disabled){background:var(--gray-800)}.ui-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-step-indicator{width:100%;margin-bottom:var(--ui-spacing-xl);padding:var(--ui-spacing-md)0;justify-content:center;align-items:center;display:flex}.ui-step-item-container{flex:1;align-items:center;display:flex}.ui-step-item-container:last-child{flex:0}.ui-step-item{align-items:center;gap:var(--ui-spacing-xs);z-index:1;flex-direction:column;display:flex;position:relative}.ui-step-circle{width:2.5rem;height:2.5rem;transition:all var(--ui-transition-base);border:2px solid var(--border);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.ui-step-pending{color:var(--text-secondary);background:var(--gray-100);border-color:var(--gray-300)}.ui-step-active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:var(--primary-600);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #3b82f64d}.ui-step-completed{background:linear-gradient(135deg,var(--success),#059669);border-color:var(--success);color:#fff;box-shadow:0 2px 8px #10b98133}.ui-step-number{font-size:.9375rem;font-weight:600}.ui-step-label{color:var(--text-secondary);transition:all var(--ui-transition-fast);white-space:nowrap;font-size:.75rem;font-weight:500}.ui-step-label-active{color:var(--primary-600);font-weight:600}.ui-step-connector{background:var(--gray-300);height:2px;transition:all var(--ui-transition-base);margin:0 var(--ui-spacing-sm);flex:1}.ui-step-connector-active{background:linear-gradient(90deg,var(--success),var(--primary-500))}.ui-step-indicator-sm .ui-step-circle{width:2rem;height:2rem}.ui-step-indicator-sm .ui-step-label{font-size:.6875rem}.ui-step-indicator-md .ui-step-circle{width:2.5rem;height:2.5rem}.ui-step-indicator-md .ui-step-label{font-size:.75rem}.ui-step-indicator-lg .ui-step-circle{width:3rem;height:3rem}.ui-step-indicator-lg .ui-step-label{font-size:.875rem}.ui-step-indicator-compact .ui-step-item{gap:var(--ui-spacing-sm);flex-direction:row}.ui-step-indicator-compact .ui-step-circle{width:1.5rem;height:1.5rem}.ui-step-indicator-detailed .ui-step-item{gap:var(--ui-spacing-sm)}[data-theme=dark] .ui-step-pending{background:var(--gray-800);border-color:var(--gray-600);color:var(--gray-400)}[data-theme=dark] .ui-step-connector{background:var(--gray-600)}@media (max-width:640px){.ui-step-indicator{padding:var(--ui-spacing-sm)0;margin-bottom:var(--ui-spacing-md)}.ui-step-circle{width:2rem;height:2rem}.ui-step-label{font-size:.6875rem}.ui-step-connector{margin:0 .25rem}}
.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn:focus{outline-offset:2px;box-shadow:0 0 0 3px var(--primary-100);outline:2px solid #0000}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-primary{background-color:var(--primary-600);color:#fff;border:1px solid var(--primary-600)}.btn-primary:hover{background-color:var(--primary-700);border-color:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-success{background-color:var(--success);color:#fff;border:1px solid var(--success)}.btn-success:hover{background-color:var(--success-dark);border-color:var(--success-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success:active{transform:translateY(0)}.btn-danger{background-color:var(--danger);color:#fff;border:1px solid var(--danger)}.btn-danger:hover{background-color:var(--danger-dark);border-color:var(--danger-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background-color:#0000}.btn-outline:hover{background-color:var(--surface-hover);border-color:var(--border-hover)}.btn-icon{padding:.5rem}.btn-group{border-radius:.375rem;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.btn-group .btn{border-right:1px solid #fff3;border-radius:0}.btn-group .btn:last-child{border-right:none}.card{background-color:var(--surface);border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-header{border-bottom:1px solid var(--border);background-color:var(--surface-secondary);padding:1rem 1.5rem}.card-body{padding:1.5rem}.card-footer{border-top:1px solid var(--border);background-color:var(--surface-secondary);padding:1rem 1.5rem}.modern-table-wrapper{background-color:var(--surface);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow);overflow:hidden}.modern-table{background-color:var(--surface);border-radius:.5rem;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000001a}.modern-table table{border-collapse:collapse;width:100%}.modern-table thead{background-color:var(--background-secondary);border-bottom:2px solid var(--border)}.modern-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background-color:var(--background-secondary);border-bottom:2px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.modern-table td{color:var(--text-primary);border-bottom:1px solid var(--border);padding:1rem;font-size:.875rem}.modern-table tbody tr{background-color:var(--surface);transition:background-color var(--transition-fast)}.modern-table tbody tr:hover{background-color:var(--surface-hover)}.modern-table tbody tr:last-child td{border-bottom:none}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:1.5rem;position:relative}.sortable:after{content:"↕";color:var(--text-tertiary);font-size:.75rem;position:absolute;right:.5rem}.sortable.asc:after{content:"↑";color:var(--primary-600)}.sortable.desc:after{content:"↓";color:var(--primary-600)}.pagination-container{background-color:var(--surface);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.pagination-info{color:var(--text-secondary);font-size:.875rem}.pagination{align-items:center;gap:.25rem;display:flex}.pagination-btn{color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:.5rem;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out;display:inline-flex}.pagination-btn:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--border-hover)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:var(--primary-600);color:#fff;border-color:var(--primary-600)}.form-select{width:100%;color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border-radius:.375rem;padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.form-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:0}.form-select-sm{padding:.375rem 2rem .375rem .5rem;font-size:.75rem}.form-input{width:100%;color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border);background-clip:padding-box;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.form-input:focus{color:var(--text-primary);background-color:var(--surface);border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:0}.form-input::placeholder{color:var(--text-tertiary)}.form-checkbox{width:1rem;height:1rem;color:var(--primary-600);border:1px solid var(--border);cursor:pointer;border-radius:.25rem}.form-checkbox:checked{background-color:var(--primary-600);border-color:var(--primary-600);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.filter-panel{background-color:var(--surface);border:1px solid var(--border);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:1rem;display:grid}.filter-group{flex-direction:column;gap:.375rem;display:flex}.filter-label{color:var(--text-primary);font-size:.875rem;font-weight:500}@media (max-width:768px){.modern-table{overflow-x:auto}.pagination-container{flex-direction:column;align-items:stretch;gap:1rem}.pagination{justify-content:center}.filter-grid{grid-template-columns:1fr}.btn-group{flex-direction:column;width:100%}.btn-group .btn{border-bottom:1px solid #fff3;border-right:none;border-radius:0}.btn-group .btn:first-child{border-radius:.375rem .375rem 0 0}.btn-group .btn:last-child{border-bottom:none;border-radius:0 0 .375rem .375rem}}.skeleton-loader{background:linear-gradient(90deg,var(--surface-hover)25%,var(--surface-secondary)50%,var(--surface-hover)75%);background-size:200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.table-loading{flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary-600);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-secondary{color:var(--text-secondary)}.empty-state{text-align:center;padding:3rem}.empty-state-message{color:var(--text-secondary);font-size:.875rem}.badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.badge-primary{background-color:var(--primary-100);color:var(--primary-800)}.badge-success{background-color:var(--success-light);color:#065f46}.badge-danger{background-color:var(--danger-light);color:#991b1b}.badge-warning{background-color:var(--warning-light);color:#92400e}.badge-info{background-color:var(--info-light);color:#1e40af}.hover-shadow:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.add-new-button{color:#fff;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;box-shadow:var(--shadow-sm);border:none;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}a.add-new-button{color:#fff;text-decoration:none}.add-new-button:before{content:"";background:linear-gradient(135deg,var(--primary-600),var(--primary-700));opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.add-new-button:hover:before{opacity:1}.add-new-button:hover{box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.add-new-button:active{transform:translateY(0)}.add-new-button svg{z-index:1;width:20px;height:20px;position:relative}.add-new-button span{z-index:1;position:relative}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-x-1>*+*{margin-left:.25rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.stats-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;padding:0 2rem;display:grid}.stat-card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);transition:all var(--transition-base);padding:1.5rem;animation:.3s ease-out fadeIn;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-2px)}.stat-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.stat-card-info{flex:1}.stat-card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.stat-card-value{color:var(--text-primary);margin-bottom:.75rem;font-size:2rem;font-weight:700;line-height:1.2}.stat-card-footer{align-items:center;gap:.5rem;font-size:.813rem;display:flex}.stat-card-change{border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:.125rem .375rem;font-weight:600;display:inline-flex}.stat-card-change.positive{color:var(--success);background:var(--success-light)}.stat-card-change.negative{color:var(--danger);background:var(--danger-light)}.stat-card-change svg{width:14px;height:14px}.stat-card-period{color:var(--text-tertiary);font-size:.75rem}.stat-card-icon{border-radius:var(--radius-lg);background:var(--primary-50);width:48px;height:48px;color:var(--primary-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card-icon svg{width:24px;height:24px}.stat-card.primary .stat-card-icon{background:var(--primary-100);color:var(--primary-600)}.stat-card.success .stat-card-icon{background:var(--success-light);color:var(--success)}.stat-card.warning .stat-card-icon{background:var(--warning-light);color:var(--warning)}.stat-card.danger .stat-card-icon{background:var(--danger-light);color:var(--danger)}[data-theme=dark] .stat-card,.dark-mode .stat-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .stat-card-icon,.dark-mode .stat-card-icon{background:var(--surface-secondary)}[data-theme=dark] .stat-card-change.positive,.dark-mode .stat-card-change.positive{background:#22c55e1a}[data-theme=dark] .stat-card-change.negative,.dark-mode .stat-card-change.negative{background:#ef44441a}.stat-card.loading .stat-card-value,.stat-card.loading .stat-card-title{background:var(--background-secondary);color:#0000;border-radius:var(--radius-sm);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.mini-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.mini-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);padding:1rem}.mini-stat:hover{border-color:var(--primary-500);box-shadow:var(--shadow-sm)}.mini-stat-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem}.mini-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}@media (max-width:1200px){.stats-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.stats-cards{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.stat-card{padding:1.25rem}.stat-card-value{font-size:1.75rem}.mini-stats{grid-template-columns:1fr}}@media (max-width:480px){.stat-card-header{flex-direction:column}.stat-card-icon{width:40px;height:40px}.stat-card-icon svg{width:20px;height:20px}}
.theme-toggle-switch{flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.theme-toggle-switch input{opacity:0;width:0;height:0}.theme-toggle-switch .slider{cursor:pointer;background:var(--neutral-300);transition:all var(--transition-base);border-radius:34px;position:absolute;inset:0;box-shadow:inset 0 2px 4px #0000001a}.theme-toggle-switch .slider:before{content:"";width:22px;height:22px;transition:all var(--transition-base);background:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.theme-toggle-switch input:checked+.slider{background:var(--primary-600)}.theme-toggle-switch input:checked+.slider:before{transform:translate(24px)}.slider-icon{transition:opacity var(--transition-fast);color:var(--neutral-600);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-icon.sun{opacity:1;left:5px}.slider-icon.moon{opacity:.3;right:5px}.theme-toggle-switch input:checked+.slider .slider-icon.sun{opacity:.3}.theme-toggle-switch input:checked+.slider .slider-icon.moon{opacity:1;color:#fff}.theme-toggle-switch:hover .slider{box-shadow:inset 0 2px 4px #00000026,0 0 0 2px var(--primary-100)}.theme-toggle-switch input:focus+.slider{box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px var(--primary-200)}.nav-theme-toggle{margin-left:auto}[data-theme=dark] .theme-toggle-switch .slider,.dark-mode .theme-toggle-switch .slider{background:var(--neutral-600)}[data-theme=dark] .theme-toggle-switch input:checked+.slider,.dark-mode .theme-toggle-switch input:checked+.slider{background:var(--primary-500)}.theme-transition,.theme-transition *,.theme-transition :before,.theme-transition :after{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)!important}html{overflow-x:hidden}body{transition:background-color var(--transition-base)}.theme-image{transition:opacity var(--transition-base)}[data-theme=dark] .theme-image.light-only,.dark-mode .theme-image.light-only,[data-theme=light] .theme-image.dark-only,.light-mode .theme-image.dark-only{opacity:.7;filter:invert()hue-rotate(180deg)}[data-theme=dark] .light-only,.dark-mode .light-only,[data-theme=light] .dark-only,.light-mode .dark-only{display:none!important}button,a,input,select,textarea{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.theme-toggle{position:relative;overflow:hidden}.theme-toggle:after{content:"";background:var(--primary-100);width:0;height:0;transition:width var(--transition-slow),height var(--transition-slow);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-toggle:active:after{width:100px;height:100px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark] img:not(.no-invert),.dark-mode img:not(.no-invert){opacity:.9}[data-theme=dark] .card,[data-theme=dark] .modal,[data-theme=dark] .dropdown,.dark-mode .card,.dark-mode .modal,.dark-mode .dropdown{background:var(--surface);border-color:var(--border)}@media (prefers-contrast:high){:root{--text-primary:#000;--text-secondary:#333;--background:#fff;--surface:#fff;--border:#000}[data-theme=dark]{--text-primary:#fff;--text-secondary:#ccc;--background:#000;--surface:#111;--border:#fff}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.form-container,.vendor-form-container,.rider-form-container,.client-form-container,.order-form-container,.admin-form-container{flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;display:flex}.form-header{justify-content:space-between;align-items:center;width:100%;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.status-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.stats-grid,.info-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.col-span-2{grid-column:span 2}.full-width{grid-column:1/-1}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.inline-icon{vertical-align:middle;margin-right:.5rem;display:inline}.info-item{flex-direction:column;gap:.5rem;display:flex}.info-label{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.info-value{color:var(--text-primary);font-size:.9375rem;font-weight:600}.stat-item{flex-direction:column;gap:.5rem;display:flex}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:.9375rem;font-weight:600}.order-metadata{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.metadata-item{flex-direction:column;gap:.25rem;display:flex}.metadata-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.metadata-value{color:var(--text-primary);font-size:.875rem}.loading-field{background:var(--background-secondary);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;display:flex}.image-upload-container{align-items:flex-start;gap:1rem;display:flex}.image-preview{border-radius:var(--radius-md);border:2px solid var(--border);width:120px;height:120px;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.image-remove-btn{position:absolute;top:.25rem;right:.25rem}.image-upload-btn{border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--background-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-width:120px;height:120px;padding:2rem;display:flex}.image-upload-btn:hover{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-600)}.cost-rating-selector{gap:1rem;display:flex}.cost-rating-option{cursor:pointer;position:relative}.cost-rating-option input{opacity:0;position:absolute}.cost-badge{cursor:pointer;transition:all var(--transition-fast)}.cost-rating-option:hover .cost-badge{transform:scale(1.1)}.kyc-status-field{position:relative}.kyc-badge{position:absolute;top:.5rem;right:.5rem}.security-options{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.role-list{flex-direction:column;gap:.75rem;display:flex}.role-item{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.role-item:hover{background:var(--surface-hover);border-color:var(--primary-200)}.role-item.selected{background:var(--primary-50);border-color:var(--primary-500)}.role-details{flex-direction:column;flex:1;gap:.25rem;display:flex}.role-name{color:var(--text-primary);text-transform:capitalize;font-weight:600}.role-description{color:var(--text-secondary);font-size:.875rem}.uppercase{text-transform:uppercase}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.stats-grid,.info-grid,.order-metadata{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions>button{width:100%}}
.stats-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.table-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.controls-left{flex:1;align-items:center;gap:1rem;display:flex}.search-control{min-width:300px}.limit-control{width:140px}.client-cell{align-items:center;gap:.75rem;display:flex}.client-avatar{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:600;display:flex}.client-info{min-width:0}.client-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.client-id{color:var(--text-secondary);font-size:.75rem}.contact-info{flex-direction:column;gap:.25rem;display:flex}.contact-phone,.contact-email{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.contact-icon{color:var(--text-tertiary)}.order-count{display:inline-block}.order-count-value{color:var(--text-primary);font-size:.9375rem;font-weight:600}.order-count-label{color:var(--text-secondary);margin-left:.25rem;font-size:.875rem}.table-actions{gap:.5rem;display:flex}.action-button{color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.action-button:hover{background:var(--surface-hover);border-color:var(--primary-500);color:var(--primary-600)}.view-button{border-color:var(--primary-200);color:var(--primary-600)}.view-button:hover{background:var(--primary-50);border-color:var(--primary-500)}.status-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-badge.verified{background:var(--success-light);color:var(--success-dark)}.status-badge.unverified{background:var(--warning-light);color:var(--warning-dark)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:1.5rem}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.stat-card-info{flex:1;min-width:0}.stat-card-title{color:var(--text-secondary);margin:0 0 .5rem;font-size:.875rem;font-weight:500}.stat-card-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.2}.stat-card-footer{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.stat-card-change{align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.stat-card-change.positive{color:var(--success)}.stat-card-change.negative{color:var(--danger)}.stat-card-period{color:var(--text-tertiary);font-size:.8125rem}.stat-card-icon{background:var(--primary-100);width:48px;height:48px;color:var(--primary-600);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (max-width:768px){.stats-container{grid-template-columns:1fr}.table-controls{flex-direction:column;align-items:stretch}.controls-left{flex-direction:column;width:100%}.search-control{width:100%;min-width:unset}.limit-control{width:100%}.stat-card-value{font-size:1.5rem}}.overview-health-cards{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem;margin-bottom:2rem;display:grid}.overview-vip-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:transform .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.overview-vip-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.overview-vip-card.vip-regular{background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)}.overview-vip-card.vip-silver{background:linear-gradient(135deg,#cbd5e1 0%,#94a3b8 100%)}.overview-vip-card.vip-gold{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.overview-vip-card.vip-platinum{background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%)}.overview-vip-icon{color:#fff;background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.overview-vip-content{flex:1}.overview-vip-status{color:#fff;letter-spacing:.5px;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.overview-vip-label{color:#ffffffe6;font-size:.875rem;font-weight:500}.overview-health-card{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:transform .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.overview-health-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.overview-health-icon{color:#fff;background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.overview-health-content{flex:1}.overview-health-score-container{margin-bottom:.5rem}.overview-health-score{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.overview-health-bar{background:#ffffff4d;border-radius:3px;width:100%;height:6px;overflow:hidden}.overview-health-bar-fill{background:#fff;border-radius:3px;height:100%;transition:width .3s}.overview-health-label{color:#ffffffe6;font-size:.875rem;font-weight:500}.overview-risk-card{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:transform .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.overview-risk-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.overview-risk-icon{color:#fff;background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.overview-risk-content{flex:1}.overview-risk-score-container{margin-bottom:.5rem}.overview-risk-score{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.overview-risk-score.low{color:var(--success-light)}.overview-risk-score.medium{color:var(--warning-light)}.overview-risk-score.high{color:var(--danger-light)}.overview-risk-bar{background:#ffffff4d;border-radius:3px;width:100%;height:6px;overflow:hidden}.overview-risk-bar-fill{border-radius:3px;height:100%;transition:width .3s}.overview-risk-bar-fill.low{background:#10b981}.overview-risk-bar-fill.medium{background:#f59e0b}.overview-risk-bar-fill.high{background:#ef4444}.overview-risk-label{color:#ffffffe6;font-size:.875rem;font-weight:500}.overview-vip-badge{letter-spacing:.5px;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.overview-vip-badge.vip-regular{background:var(--surface-hover);color:var(--text-secondary)}.overview-vip-badge.vip-silver{background:var(--border);color:var(--text-secondary)}.overview-vip-badge.vip-gold{background:var(--warning-light);color:#b45309}.overview-vip-badge.vip-platinum{color:#6d28d9;background:#ede9fe}[data-theme=dark] .overview-vip-badge.vip-platinum{color:#c4b5fd;background:#8b5cf633}.score-badge{border-radius:6px;margin-right:.5rem;padding:.25rem .75rem;font-size:1rem;font-weight:600;display:inline-block}.score-badge.high{background:var(--success-light);color:#065f46}.score-badge.medium{background:var(--warning-light);color:#92400e}.score-badge.low{background:var(--danger-light);color:#991b1b}.score-description{color:var(--text-secondary);font-size:.875rem;font-weight:500}@media (max-width:1024px){.overview-health-cards{grid-template-columns:1fr;gap:1rem}}@media (max-width:768px){.overview-vip-card,.overview-health-card,.overview-risk-card{padding:1rem}.overview-vip-icon,.overview-health-icon,.overview-risk-icon{width:40px;height:40px}.overview-vip-status,.overview-health-score,.overview-risk-score{font-size:1.125rem}}[data-theme=dark] .overview-vip-badge.vip-regular{color:#cbd5e1;background:#334155}[data-theme=dark] .overview-vip-badge.vip-silver{color:#e2e8f0;background:#475569}[data-theme=dark] .score-badge.high{color:#d1fae5;background:#064e3b}[data-theme=dark] .score-badge.medium{color:#fed7aa;background:#78350f}[data-theme=dark] .score-badge.low{color:#fecaca;background:#7f1d1d}.client-detail-page{max-width:100%;overflow-x:hidden}.client-detail-header{background:linear-gradient(135deg,var(--primary-600)0%,var(--primary-800)100%);border-radius:var(--radius-lg);color:#fff;margin-bottom:1.5rem;padding:2rem}.client-header-content{flex-direction:column;gap:1.5rem;display:flex}.client-back-button{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.client-back-button:hover{background:#ffffff40;border-color:#fff6}.client-header-info{flex-direction:column;gap:1.5rem;display:flex}.client-header-main{align-items:flex-start;gap:1.5rem;display:flex}.client-avatar-large{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.75rem;font-weight:700;display:flex;overflow:hidden}.client-avatar-large img{object-fit:cover;width:100%;height:100%}.client-header-details{flex:1;min-width:0}.client-detail-name{flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.75rem;font-weight:700;display:flex}.client-detail-id{border-radius:var(--radius-full);background:#fff3;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.client-contact-info{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.client-contact-item{color:#ffffffe6;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.client-detail-badges{flex-wrap:wrap;gap:.5rem;display:flex}.client-status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.client-status-badge.verified{color:#a7f3d0;background:#10b98133;border:1px solid #10b9814d}.client-status-badge.unverified{color:#fde68a;background:#f59e0b33;border:1px solid #f59e0b4d}.client-status-badge.success{color:#a7f3d0;background:#10b98133;border:1px solid #10b9814d}.client-status-badge.warning{color:#fde68a;background:#f59e0b33;border:1px solid #f59e0b4d}.client-status-badge.danger{color:#fecaca;background:#ef444433;border:1px solid #ef44444d}.client-status-badge.secondary{color:#ffffffe6;background:#ffffff26;border:1px solid #ffffff40}.client-quick-stats{border-top:1px solid #ffffff26;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding-top:1rem;display:grid}.client-quick-stat{text-align:center;border-radius:var(--radius-md);background:#ffffff1a;padding:.75rem}.quick-stat-value{justify-content:center;align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:1.5rem;font-weight:700;display:flex}.quick-stat-label{color:#fffc;text-transform:uppercase;letter-spacing:.025em;font-size:.75rem}.client-tabs-container{margin-top:0;overflow:hidden}.client-tabs-wrapper{background:var(--surface-secondary,#f8fafc);border-radius:var(--radius-lg);border:1px solid var(--border);scrollbar-width:none;-ms-overflow-style:none;gap:.25rem;margin-bottom:1.5rem;padding:.375rem;display:flex;overflow-x:auto}.client-tabs-wrapper::-webkit-scrollbar{display:none}.client-tabs-header{flex-wrap:nowrap;gap:.25rem;width:100%;display:flex}.client-tab-button{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:0;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.client-tab-button:hover{color:var(--text-primary);background:var(--surface-hover,#0000000a)}.client-tab-button.active{color:var(--primary-700);background:var(--surface);font-weight:600;box-shadow:0 1px 3px #0000001a}.client-tab-label{text-overflow:ellipsis;line-height:1.2;overflow:hidden}.client-tab-count{background:var(--primary-100);min-width:18px;height:18px;color:var(--primary-700);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;padding:0 .375rem;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex}.client-tab-button.active .client-tab-count{background:var(--primary-600);color:#fff}.client-tab-content{min-height:400px;padding:0;overflow-x:hidden}.client-loading-container,.client-error-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary-500);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:.875rem}[data-theme=dark] .client-detail-header{background:linear-gradient(135deg,var(--primary-700)0%,var(--primary-900)100%)}[data-theme=dark] .client-tab-button.active{color:var(--primary-400);background:var(--surface)}[data-theme=dark] .client-tab-count{color:var(--primary-300);background:#6366f133}[data-theme=dark] .client-tab-button.active .client-tab-count{background:var(--primary-500);color:#fff}[data-theme=dark] .client-tabs-wrapper{background:var(--surface-secondary,#1e293b)}@media (max-width:1024px){.client-header-main{flex-direction:column;align-items:flex-start}.client-quick-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.client-detail-header{padding:1.25rem}.client-avatar-large{width:60px;height:60px;font-size:1.25rem}.client-detail-name{flex-direction:column;align-items:flex-start;font-size:1.25rem}.client-contact-info{flex-direction:column;gap:.5rem}.client-quick-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.quick-stat-value{font-size:1.25rem}.client-tabs-wrapper{gap:.125rem;padding:.25rem}.client-tab-button{flex:none;min-width:auto;padding:.5rem;font-size:.75rem}.client-tab-label{display:none}.client-tab-count{min-width:16px;height:16px;font-size:.625rem}}@media (max-width:480px){.client-quick-stats{grid-template-columns:1fr 1fr}.client-quick-stat{padding:.5rem}.quick-stat-value{font-size:1.125rem}.quick-stat-label{font-size:.625rem}}
.orders-page{background:var(--background);min-height:100vh;transition:background-color var(--transition-base)}.orders-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);z-index:var(--z-sticky);box-shadow:var(--glass-shadow);margin-bottom:2rem;padding:2.5rem 0 1.5rem;position:sticky;top:0}.orders-header-content{max-width:1400px;padding:0 var(--space-xl);margin:0 auto}.orders-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.orders-title-section{flex:1}.orders-title{color:var(--text-primary);letter-spacing:-.025em;background:linear-gradient(135deg,var(--primary-600),var(--primary-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:2.5rem;font-weight:800}.orders-subtitle{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:400}.orders-tabs{background:var(--surface-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--neutral-400)transparent;gap:.5rem;padding:.25rem;display:flex;overflow-x:auto}.orders-tabs::-webkit-scrollbar{height:4px}.orders-tabs::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:var(--radius-full)}.order-tab{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex;position:relative}.order-tab:hover{color:var(--text-primary);background:var(--surface-hover)}.order-tab.active{color:var(--primary-700);background:var(--surface);box-shadow:var(--shadow-sm);font-weight:600}.order-tab-count{background:var(--neutral-200);min-width:20px;height:20px;color:var(--text-secondary);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 .375rem;font-size:.75rem;font-weight:600;display:inline-flex}.order-tab.active .order-tab-count{background:var(--primary-100);color:var(--primary-700)}.orders-stats{gap:var(--space-lg);margin-bottom:var(--space-xl);padding:0 var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1400px;margin-left:auto;margin-right:auto;display:grid}.order-stat-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--transition-base);position:relative;overflow:hidden}.order-stat-card:before{content:"";transform-origin:0;height:4px;transition:transform var(--transition-slow);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.order-stat-card.revenue:before{background:linear-gradient(90deg,var(--accent-emerald),var(--success))}.order-stat-card.pending:before{background:linear-gradient(90deg,var(--warning),var(--primary-500))}.order-stat-card.in-progress:before{background:linear-gradient(90deg,var(--accent-blue),var(--accent-indigo))}.order-stat-card.completed:before{background:linear-gradient(90deg,var(--success),var(--accent-emerald))}.order-stat-card:hover:before{transform:scaleX(1)}.order-stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-4px)}.orders-controls{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:var(--space-md);margin-bottom:var(--space-lg);gap:var(--space-md);border:1px solid var(--border);transition:all var(--transition-base);flex-wrap:wrap;align-items:center;display:flex}.orders-controls:hover{box-shadow:var(--shadow-md)}.orders-search-filters{gap:var(--space-md);flex-wrap:wrap;flex:1;align-items:center;min-width:300px;display:flex}.orders-actions{align-items:center;gap:.75rem;display:flex}.orders-filter-panel{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid var(--border);transition:all var(--transition-base)}.orders-filter-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;display:grid}.order-status-badge{border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.025em;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.order-status-badge:before{content:"";border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.order-status-badge.pending{background:var(--warning-light);color:var(--warning-dark)}.order-status-badge.placed,.order-status-badge.accepted,.order-status-badge.confirmed{background:var(--info-light);color:var(--info-dark)}.order-status-badge.preparing,.order-status-badge.ready,.order-status-badge.ready-for-pickup{background:var(--primary-100);color:var(--primary-800)}.order-status-badge.in-transit,.order-status-badge.out-for-delivery{background:var(--accent-indigo);color:#fff}.order-status-badge.delivered{background:var(--success-light);color:var(--success-dark)}.order-status-badge.cancelled{background:var(--danger-light);color:var(--danger-dark)}.order-row-header{align-items:center;gap:.75rem;display:flex}.order-id-link{color:var(--primary-600);transition:all var(--transition-fast);font-weight:600;text-decoration:none}a.order-id-link{text-decoration:none}.order-id-link:hover{color:var(--primary-700);text-decoration:underline}.order-time{color:var(--text-tertiary);font-size:.75rem}.entity-link{color:var(--text-primary);transition:all var(--transition-fast);border-radius:var(--radius-md);align-items:center;gap:.375rem;margin:-.25rem -.5rem;padding:.25rem .5rem;font-weight:500;text-decoration:none;display:inline-flex}a.entity-link{color:var(--text-primary);text-decoration:none}.entity-link:hover{background:var(--primary-50);color:var(--primary-700)}.entity-link svg{opacity:.6;width:14px;height:14px}.entity-link.unassigned{color:var(--text-tertiary);font-style:italic}.order-amount{font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:600}.realtime-indicator{background:var(--success);border-radius:var(--radius-full);width:8px;height:8px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.bulk-actions-bar{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border:1px solid var(--primary-200);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);align-items:center;gap:var(--space-md);animation:slideIn var(--transition-base);flex-wrap:wrap;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-actions-info{color:var(--primary-800);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.bulk-actions-count{background:var(--primary-600);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}@media (max-width:1024px){.orders-header-content,.orders-stats,.orders-controls,.orders-filter-panel{padding-left:var(--space-lg);padding-right:var(--space-lg)}.orders-tabs{gap:.25rem}.order-tab{padding:.5rem 1rem;font-size:.813rem}}@media (max-width:768px){.orders-title{font-size:2rem}.orders-stats{gap:var(--space-md);grid-template-columns:1fr 1fr}.orders-header-top,.orders-controls{flex-direction:column;align-items:stretch}.orders-search-filters{flex-direction:column;width:100%}.orders-actions{justify-content:stretch;width:100%}.orders-actions>*{flex:1}.orders-filter-grid{grid-template-columns:1fr}}@media (max-width:640px){.orders-header-content,.orders-stats,.orders-controls,.orders-filter-panel{padding-left:var(--space-md);padding-right:var(--space-md)}.orders-stats{grid-template-columns:1fr}.orders-tabs{padding:.125rem}.order-tab{padding:.5rem .75rem}.modern-table th:nth-child(5),.modern-table td:nth-child(5){display:none}}[data-theme=dark] .order-stat-card-icon,.dark-mode .order-stat-card-icon{background:linear-gradient(135deg,var(--primary-800),var(--primary-700))}[data-theme=dark] .orders-tabs,.dark-mode .orders-tabs{background:var(--surface)}[data-theme=dark] .bulk-actions-bar,.dark-mode .bulk-actions-bar{background:linear-gradient(135deg,var(--surface),var(--surface-hover));border-color:var(--primary-700)}
.vendors-page{background:var(--background);min-height:100vh;transition:background-color var(--transition-base)}.vendors-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);z-index:var(--z-sticky);box-shadow:var(--glass-shadow);margin-bottom:2rem;padding:2.5rem 0 1.5rem;position:sticky;top:0}.vendors-header-content{max-width:1400px;padding:0 var(--space-xl);margin:0 auto}.vendors-header-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.vendors-title-section{flex:1}.vendors-title{color:var(--text-primary);letter-spacing:-.025em;background:linear-gradient(135deg,var(--primary-600),var(--primary-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:2.5rem;font-weight:800}.vendors-subtitle{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:400}.vendors-stats{gap:var(--space-lg);margin-bottom:var(--space-xl);padding:0 var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1400px;margin-left:auto;margin-right:auto;display:grid}.vendor-stat-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);transition:all var(--transition-base);border:1px solid var(--border);padding:1.5rem;position:relative;overflow:hidden}.vendor-stat-card:before{content:"";background:var(--primary-gradient);height:4px;position:absolute;top:0;left:0;right:0}.vendor-stat-card.active:before{background:linear-gradient(135deg,var(--success-500),var(--success-600))}.vendor-stat-card.inactive:before{background:linear-gradient(135deg,var(--warning-500),var(--warning-600))}.vendor-stat-card.revenue:before{background:linear-gradient(135deg,var(--primary-500),var(--primary-600))}.vendor-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.vendors-controls-container{padding:0 var(--space-xl);max-width:1400px;margin:0 auto var(--space-lg)auto}.controls-card{margin-bottom:1.5rem}.controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.controls-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.controls-right{align-items:center;gap:.5rem;display:flex}.vendors-search{min-width:220px}.filter-select{min-width:130px}.vendors-filters{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow);border:1px solid var(--border)}.vendors-filter-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;display:grid}.view-toggle{background:var(--background-secondary);border-radius:var(--radius-md);gap:.5rem;padding:.25rem;display:flex}.view-toggle button{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.view-toggle button.active{background:var(--surface);color:var(--primary-600);box-shadow:var(--shadow-sm)}.view-toggle button:hover:not(.active){color:var(--text-primary)}.vendors-data-container{padding:0 var(--space-xl);max-width:1400px;margin:0 auto}.data-table-container{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border);transition:all var(--transition-base);overflow:hidden}.data-table-container:hover{box-shadow:var(--shadow-md)}.vendors-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.vendor-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);transition:all var(--transition-base);border:1px solid var(--border);cursor:pointer;padding:1.5rem;position:relative}.vendor-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-200);transform:translateY(-4px)}.vendor-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.vendor-card-image{border-radius:var(--radius-lg);background:var(--background-secondary);width:60px;height:60px;color:var(--primary-600);justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex;overflow:hidden}.vendor-card-image img{object-fit:cover;width:100%;height:100%}.vendor-card-info{flex:1;margin-left:1rem}.vendor-card-name{color:var(--text-primary);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.vendor-card-type{color:var(--text-secondary);font-size:.875rem}.vendor-card-status{position:absolute;top:1rem;right:1rem}.vendor-status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.vendor-status-badge.active{background:var(--success-100);color:var(--success-700)}.vendor-status-badge.inactive{background:var(--danger-100);color:var(--danger-700)}.vendor-status-badge.open{background:var(--primary-100);color:var(--primary-700)}.vendor-status-badge.closed{background:var(--warning-100);color:var(--warning-700)}.vendor-status-indicator{background:currentColor;border-radius:50%;width:8px;height:8px}.vendor-card-metrics{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0;padding:1rem 0;display:grid}.vendor-metric{text-align:center}.vendor-metric-value{color:var(--text-primary);font-size:1.25rem;font-weight:600;display:block}.vendor-metric-label{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem;display:block}.vendor-card-details{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.vendor-detail-row{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.vendor-detail-row svg{width:16px;height:16px;color:var(--text-tertiary)}.vendor-card-actions{border-top:1px solid var(--border);gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.vendor-action-button{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.vendor-action-button:hover{background:var(--surface-hover);border-color:var(--primary-300);color:var(--primary-600)}.vendor-action-button.primary{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.vendor-action-button.primary:hover{background:var(--primary-700);border-color:var(--primary-700)}.vendor-action-button svg{width:16px;height:16px}.vendor-cell{align-items:center;gap:.75rem;display:flex}.vendor-avatar{border-radius:var(--radius-md);background:var(--primary-100);width:40px;height:40px;color:var(--primary-700);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.vendor-avatar img{object-fit:cover;width:100%;height:100%}.vendor-info{flex:1;min-width:0}.vendor-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.vendor-type{color:var(--text-secondary);font-size:.75rem}.vendor-rating{align-items:center;gap:.25rem;display:flex}.rating-stars{gap:.125rem;display:flex}.rating-star{width:16px;height:16px;color:var(--warning-500)}.rating-star.empty{color:var(--border)}.rating-value{color:var(--text-secondary);margin-left:.25rem;font-size:.875rem}.cost-rating{color:var(--text-primary);font-size:.875rem;font-weight:600}.table-actions{align-items:center;gap:.5rem;display:flex}.action-button{width:36px;height:36px;color:var(--text-secondary);background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.875rem;text-decoration:none;display:inline-flex}a.action-button{text-decoration:none}.action-button:hover{color:var(--primary-600);background:var(--primary-50);border-color:var(--primary-200);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.action-button svg{width:16px;height:16px}.view-button{width:auto;color:var(--primary-600);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-md);gap:.375rem;padding:.5rem 1rem;font-weight:600}.view-button:hover{background:var(--primary-100);border-color:var(--primary-300);color:var(--primary-700)}.location-info{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.875rem;display:flex}.location-info svg{width:14px;height:14px;color:var(--text-tertiary)}.order-count{align-items:center;gap:.375rem;display:inline-flex}.order-count-value{color:var(--text-primary);font-size:1rem;font-weight:700}.order-count-label{color:var(--text-tertiary);text-transform:lowercase;font-size:.75rem}@media (max-width:1024px){.vendors-header-content,.vendors-stats,.vendors-controls-container,.vendors-data-container,.vendors-bulk-actions-container{padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media (max-width:768px){.vendors-title{font-size:2rem}.vendors-stats{gap:var(--space-md);grid-template-columns:1fr 1fr}.vendors-header-top{gap:var(--space-md);flex-direction:column;align-items:stretch}.vendors-grid{grid-template-columns:1fr}.vendor-card-metrics{grid-template-columns:repeat(3,1fr);gap:.5rem}.vendor-card-actions{flex-direction:column}.vendors-filter-grid{grid-template-columns:1fr}}@media (max-width:640px){.vendors-header-content,.vendors-stats,.vendors-controls-container,.vendors-data-container,.vendors-bulk-actions-container{padding-left:var(--space-md);padding-right:var(--space-md)}.vendors-title{font-size:1.75rem}.vendors-stats{grid-template-columns:1fr}}.vendors-empty-state{text-align:center;background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow);padding:4rem 2rem}.vendors-empty-icon{width:64px;height:64px;color:var(--text-tertiary);margin:0 auto 1.5rem}.vendors-empty-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.vendors-empty-message{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.vendor-form{max-width:1200px;margin:0 auto}.form-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.form-section{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.5rem}.form-section-title{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:600}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-primary);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.required{color:var(--danger)}.form-input,.form-select{width:100%;color:var(--text-primary);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.625rem .875rem;font-size:.875rem}.form-input:focus,.form-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.form-input.error{border-color:var(--danger)}.form-input.error:focus{box-shadow:0 0 0 3px var(--danger-100)}.form-error{color:var(--danger);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.75rem;display:flex}.form-help{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.image-upload-container{align-items:flex-start;gap:1rem;display:flex}.image-preview{border-radius:var(--radius-md);border:1px solid var(--border);width:120px;height:120px;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.image-remove-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;transition:background var(--transition-fast);background:#000000b3;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:.5rem;right:.5rem}.image-remove-btn:hover{background:#000000e6}.image-upload-btn{background:var(--background);border:1px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;display:flex}.image-upload-btn:hover{border-color:var(--primary-500);color:var(--primary-600);background:var(--primary-50)}.cost-rating-selector{gap:.75rem;display:flex}.cost-rating-option{cursor:pointer;position:relative}.cost-rating-option input{opacity:0;position:absolute}.cost-rating-label{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);padding:.5rem 1rem;font-weight:600;display:inline-block}.cost-rating-option input:checked+.cost-rating-label{background:var(--primary-100);border-color:var(--primary-500);color:var(--primary-700)}.cost-rating-option:hover .cost-rating-label{border-color:var(--primary-300)}.form-switch{cursor:pointer;align-items:center;gap:.75rem;display:flex}.switch-slider{background:var(--border);width:48px;height:24px;transition:background var(--transition-fast);border-radius:24px;position:relative}.switch-slider:after{content:"";width:20px;height:20px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.form-switch input:checked+.switch-slider{background:var(--success)}.form-switch input:checked+.switch-slider:after{transform:translate(24px)}.switch-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:1rem;padding-top:1.5rem;display:flex}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.form-grid,.form-row{grid-template-columns:1fr}.cost-rating-selector{flex-wrap:wrap}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.vendors-bulk-actions-container{padding:0 var(--space-xl);max-width:1400px;margin:0 auto var(--space-lg)auto}.vendors-bulk-actions{background:var(--warning-50);border:1px solid var(--warning-300);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.bulk-actions-info{color:var(--warning-800);align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;display:flex}.bulk-actions-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.pagination-container{background-color:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow);justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem;display:flex}.pagination-info{color:var(--text-secondary);font-size:.875rem}.pagination{align-items:center;gap:.25rem;display:flex}.pagination-btn{color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.pagination-btn:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--border-hover)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:var(--primary-600);color:#fff;border-color:var(--primary-600)}
.dashboard-page{padding:0}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;padding:0 2rem;display:grid}.dashboard-quick-actions{padding:0 2rem}.dashboard-quick-actions h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.quick-action-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.quick-action-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:120px;padding:2rem;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.quick-action-card:hover{background:var(--surface-hover);border-color:var(--primary-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-card:hover svg{color:var(--primary-600)}.quick-action-card svg{color:var(--text-secondary);transition:color var(--transition-fast)}.dashboard-activity{padding:0 2rem 2rem}.activity-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.activity-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.activity-feed{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.activity-item{border-bottom:1px solid var(--border);transition:background var(--transition-fast);align-items:flex-start;gap:1rem;padding:1rem 1.5rem;display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--surface-hover)}.activity-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.activity-icon.order{background:var(--primary-100);color:var(--primary-600)}.activity-icon.client{background:var(--success-light);color:var(--success)}.activity-icon.alert{background:var(--danger-light);color:var(--danger)}.activity-content{flex:1;min-width:0}.activity-title{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.activity-description{color:var(--text-secondary);font-size:.813rem;line-height:1.4}.activity-time{color:var(--text-tertiary);white-space:nowrap;font-size:.75rem}[data-theme=dark] .quick-action-card,.dark-mode .quick-action-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .quick-action-card:hover,.dark-mode .quick-action-card:hover{background:var(--surface-hover);border-color:var(--primary-600)}[data-theme=dark] .activity-feed,.dark-mode .activity-feed{background:var(--surface)}@media (max-width:1200px){.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.dashboard-stats{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.dashboard-quick-actions{padding:0 1rem}.quick-action-cards{grid-template-columns:1fr}.quick-action-card{flex-direction:row;justify-content:flex-start;height:auto;padding:1.5rem}.activity-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width:480px){.dashboard-page h2{font-size:1.25rem}.activity-item{padding:1rem}.activity-icon{width:32px;height:32px}.activity-icon svg{width:16px;height:16px}}
.tickets-page{background:var(--background);min-height:100vh;transition:background-color var(--transition-base)}.tickets-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);z-index:var(--z-sticky);box-shadow:var(--glass-shadow);margin-bottom:2rem;padding:2.5rem 0 1.5rem;position:sticky;top:0}.tickets-header-content{max-width:1400px;padding:0 var(--space-xl);margin:0 auto}.tickets-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tickets-title-section{flex:1}.tickets-title{color:var(--text-primary);letter-spacing:-.025em;background:linear-gradient(135deg,var(--primary-600),var(--primary-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:2.5rem;font-weight:800}.tickets-subtitle{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:400}.tickets-tabs{background:var(--surface-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--neutral-400)transparent;gap:.5rem;padding:.25rem;display:flex;overflow-x:auto}.tickets-tabs::-webkit-scrollbar{height:4px}.tickets-tabs::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:var(--radius-full)}.ticket-tab{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex;position:relative}.ticket-tab:hover{color:var(--text-primary);background:var(--surface-hover)}.ticket-tab.active{color:var(--primary-700);background:var(--surface);box-shadow:var(--shadow-sm);font-weight:600}.ticket-tab-count{background:var(--neutral-200);min-width:20px;height:20px;color:var(--text-secondary);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 .375rem;font-size:.75rem;font-weight:600;display:inline-flex}.ticket-tab.active .ticket-tab-count{background:var(--primary-100);color:var(--primary-700)}.tickets-stats{gap:var(--space-lg);margin-bottom:var(--space-xl);padding:0 var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1400px;margin-left:auto;margin-right:auto;display:grid}.ticket-stat-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--transition-base);position:relative;overflow:hidden}.ticket-stat-card:before{content:"";transform-origin:0;height:4px;transition:transform var(--transition-slow);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.ticket-stat-card.open:before{background:linear-gradient(90deg,var(--warning),var(--primary-500))}.ticket-stat-card.in-progress:before{background:linear-gradient(90deg,var(--accent-blue),var(--accent-indigo))}.ticket-stat-card.resolved:before{background:linear-gradient(90deg,var(--success),var(--accent-emerald))}.ticket-stat-card.satisfaction:before{background:linear-gradient(90deg,var(--accent-indigo),var(--primary-500))}.ticket-stat-card:hover:before{transform:scaleX(1)}.ticket-stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-4px)}.tickets-controls{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:var(--space-md);margin-bottom:var(--space-lg);gap:var(--space-md);border:1px solid var(--border);transition:all var(--transition-base);flex-wrap:wrap;align-items:center;display:flex}.tickets-controls:hover{box-shadow:var(--shadow-md)}.tickets-search-filters{gap:var(--space-md);flex-wrap:wrap;flex:1;align-items:center;min-width:300px;display:flex}.priority-filter{background:var(--background-secondary);border-radius:var(--radius-full);border:2px solid var(--border);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.priority-filter label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.priority-select{color:var(--text-primary);appearance:none;cursor:pointer;transition:all var(--transition-fast);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .25rem center/1.25em 1.25em no-repeat;border:none;min-width:100px;padding:.25rem 2rem .25rem .5rem;font-size:.875rem;font-weight:600}.tickets-actions{align-items:center;gap:.75rem;display:flex}.tickets-filter-panel{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid var(--border);transition:all var(--transition-base)}.tickets-filter-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;display:grid}.ticket-status-badge{border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.025em;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.ticket-status-badge:before{content:"";border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.ticket-status-badge.open{background:var(--warning-light);color:var(--warning-dark)}.ticket-status-badge.in-progress{background:var(--primary-100);color:var(--primary-800)}.ticket-status-badge.closed{background:var(--success-light);color:var(--success-dark)}.priority-badge{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.priority-badge.urgent{background:var(--danger-light);color:var(--danger-dark);border:1px solid var(--danger)}.priority-badge.high{background:var(--warning-light);color:var(--warning-dark);border:1px solid var(--warning)}.priority-badge.medium{background:var(--primary-100);color:var(--primary-800);border:1px solid var(--primary-300)}.priority-badge.low{background:var(--neutral-100);color:var(--text-secondary);border:1px solid var(--neutral-300)}.ticket-row-header{flex-direction:column;gap:.25rem;display:flex}.ticket-id-link{color:var(--primary-600);transition:all var(--transition-fast);font-weight:600;text-decoration:none}a.ticket-id-link{text-decoration:none}.ticket-id-link:hover{color:var(--primary-700);text-decoration:underline}.ticket-time{color:var(--text-tertiary);font-size:.75rem}.client-link{color:var(--text-primary);transition:all var(--transition-fast);border-radius:var(--radius-md);align-items:center;gap:.375rem;margin:-.25rem -.5rem;padding:.25rem .5rem;font-weight:500;text-decoration:none;display:inline-flex}a.client-link{color:var(--text-primary);text-decoration:none}.client-link:hover{background:var(--primary-50);color:var(--primary-700)}.client-link svg{opacity:.6;width:14px;height:14px}.client-link.unassigned{color:var(--text-tertiary);font-style:italic}.ticket-subject{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-weight:500;overflow:hidden}.response-time{color:var(--text-tertiary);align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.response-time svg{width:14px;height:14px}.response-time.overdue{color:var(--danger);font-weight:600}.ticket-detail-page{background:var(--background);min-height:100vh}.ticket-loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.ticket-error-container{text-align:center;padding:4rem 2rem}.ticket-error-container h2{color:var(--text-primary);margin-bottom:2rem}.ticket-detail-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);margin-bottom:2rem;padding:2rem 0}.ticket-header-content{max-width:1400px;padding:0 var(--space-xl);margin:0 auto}.ticket-back-button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.625rem 1.25rem;font-weight:500;display:inline-flex}.ticket-back-button:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translate(-2px)}.ticket-header-info{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.ticket-header-main{flex:1}.ticket-detail-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.ticket-detail-meta{flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;display:flex}.ticket-meta-item{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.875rem;display:flex}.ticket-meta-item svg{width:16px;height:16px;color:var(--text-tertiary)}.ticket-header-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn-update-status{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:var(--primary-600);color:#fff;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-update-status:hover{background:var(--primary-700);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ticket-content-grid{max-width:1400px;padding:0 var(--space-xl);gap:var(--space-xl);grid-template-columns:1fr 320px;margin:0 auto;display:grid}.ticket-conversation{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden}.conversation-header{border-bottom:2px solid var(--border);background:var(--background-secondary);padding:1.5rem}.conversation-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.messages-container{flex-direction:column;gap:1rem;max-height:500px;padding:1.5rem;display:flex;overflow-y:auto}.message-bubble{animation:slideIn var(--transition-base);gap:.75rem;display:flex}.message-bubble.admin{flex-direction:row-reverse}.message-avatar{border-radius:var(--radius-full);background:var(--primary-100);width:40px;height:40px;color:var(--primary-700);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.message-content{flex:1;max-width:70%}.message-header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.message-author{color:var(--text-primary);font-size:.875rem;font-weight:600}.message-time{color:var(--text-tertiary);font-size:.75rem}.message-text{background:var(--background-secondary);border-radius:var(--radius-lg);color:var(--text-primary);padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.message-bubble.admin .message-text{background:var(--primary-100);color:var(--primary-900)}.reply-form{border-top:2px solid var(--border);background:var(--background-secondary);padding:1.5rem}.reply-textarea{width:100%;min-height:100px;color:var(--text-primary);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);resize:vertical;transition:all var(--transition-base);padding:.75rem;font-family:inherit;font-size:.875rem}.reply-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.reply-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.reply-options{gap:.5rem;display:flex}.btn-send-reply{background:var(--primary-600);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-send-reply:hover{background:var(--primary-700);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-send-reply:disabled{opacity:.6;cursor:not-allowed}.ticket-sidebar{gap:var(--space-lg);flex-direction:column;display:flex}.info-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border);padding:1.5rem}.info-card-title{color:var(--text-primary);border-bottom:2px solid var(--border);margin:0 0 1rem;padding-bottom:.75rem;font-size:1rem;font-weight:700}.info-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.info-value{color:var(--text-primary);text-align:right;font-size:.875rem;font-weight:600}.quick-actions{flex-direction:column;gap:.75rem;display:flex}.quick-action-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--text-primary);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.quick-action-btn:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quick-action-btn svg{width:18px;height:18px}@media (max-width:1024px){.tickets-header-content,.tickets-stats,.tickets-controls,.tickets-filter-panel,.ticket-header-content,.ticket-content-grid{padding-left:var(--space-lg);padding-right:var(--space-lg)}.tickets-tabs{gap:.25rem}.ticket-tab{padding:.5rem 1rem;font-size:.813rem}.ticket-content-grid{grid-template-columns:1fr}.ticket-sidebar{order:-1}}@media (max-width:768px){.tickets-title{font-size:2rem}.tickets-stats{gap:var(--space-md);grid-template-columns:1fr 1fr}.tickets-header-top,.tickets-controls{flex-direction:column;align-items:stretch}.tickets-search-filters{flex-direction:column;width:100%}.tickets-actions{justify-content:stretch;width:100%}.tickets-actions>*{flex:1}.tickets-filter-grid{grid-template-columns:1fr}.ticket-header-info{flex-direction:column}.ticket-header-actions{width:100%}.btn-update-status{flex:1;justify-content:center}.message-content{max-width:85%}}@media (max-width:640px){.tickets-header-content,.tickets-stats,.tickets-controls,.tickets-filter-panel,.ticket-header-content,.ticket-content-grid{padding-left:var(--space-md);padding-right:var(--space-md)}.tickets-stats{grid-template-columns:1fr}.tickets-tabs{padding:.125rem}.ticket-tab{padding:.5rem .75rem}.ticket-detail-title{font-size:1.25rem}.conversation-header,.messages-container,.reply-form{padding:1rem}.modern-table th:nth-child(4),.modern-table td:nth-child(4){display:none}}[data-theme=dark] .ticket-stat-card-icon,.dark-mode .ticket-stat-card-icon{background:linear-gradient(135deg,var(--primary-800),var(--primary-700))}[data-theme=dark] .tickets-tabs,.dark-mode .tickets-tabs,[data-theme=dark] .message-text,.dark-mode .message-text{background:var(--surface)}[data-theme=dark] .message-bubble.admin .message-text,.dark-mode .message-bubble.admin .message-text{background:var(--primary-800);color:var(--primary-100)}
.adminusers-page{background:var(--background);min-height:100vh;transition:background-color var(--transition-base)}.adminusers-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);z-index:var(--z-sticky);box-shadow:var(--glass-shadow);margin-bottom:2rem;padding:2.5rem 0 1.5rem;position:sticky;top:0}.adminusers-header-content{max-width:1400px;padding:0 var(--space-xl);margin:0 auto}.adminusers-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.adminusers-title-section{flex:1}.adminusers-title{color:var(--text-primary);letter-spacing:-.025em;background:linear-gradient(135deg,var(--primary-600),var(--primary-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:2.5rem;font-weight:800}.adminusers-subtitle{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:400}.adminusers-stats{gap:var(--space-lg);margin-bottom:var(--space-xl);padding:0 var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1400px;margin-left:auto;margin-right:auto;display:grid}.admin-stat-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--transition-base);position:relative;overflow:hidden}.admin-stat-card:before{content:"";transform-origin:0;height:4px;transition:transform var(--transition-slow);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.admin-stat-card.total:before{background:linear-gradient(90deg,var(--primary-400),var(--primary-600))}.admin-stat-card.active:before{background:linear-gradient(90deg,var(--success),var(--accent-emerald))}.admin-stat-card.admins:before{background:linear-gradient(90deg,var(--accent-indigo),var(--primary-500))}.admin-stat-card.security:before{background:linear-gradient(90deg,var(--warning),var(--accent-amber))}.admin-stat-card:hover:before{transform:scaleX(1)}.admin-stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-4px)}.adminusers-controls{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:var(--space-md);margin-bottom:var(--space-lg);gap:var(--space-md);border:1px solid var(--border);transition:all var(--transition-base);flex-wrap:wrap;align-items:center;display:flex}.adminusers-controls:hover{box-shadow:var(--shadow-md)}.adminusers-search-filters{gap:var(--space-md);flex-wrap:wrap;flex:1;align-items:center;min-width:300px;display:flex}.role-filter{background:var(--background-secondary);border-radius:var(--radius-full);border:2px solid var(--border);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.role-filter label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.role-select{color:var(--text-primary);appearance:none;cursor:pointer;transition:all var(--transition-fast);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .25rem center/1.25em 1.25em no-repeat;border:none;min-width:120px;padding:.25rem 2rem .25rem .5rem;font-size:.875rem;font-weight:600}.adminusers-actions,.admin-user-cell{align-items:center;gap:.75rem;display:flex}.admin-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-200),var(--primary-300));width:44px;height:44px;color:var(--primary-800);box-shadow:var(--shadow-sm);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;overflow:hidden}.admin-avatar img{object-fit:cover;width:100%;height:100%}.admin-info{flex-direction:column;gap:.125rem;display:flex}.admin-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.admin-username{color:var(--text-tertiary);font-family:monospace;font-size:.75rem}.admin-status-badge{border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.025em;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-status-badge:before{content:"";border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.admin-status-badge.active{background:var(--success-light);color:var(--success-dark)}.admin-status-badge.inactive{background:var(--neutral-100);color:var(--text-secondary)}.admin-status-badge.locked{background:var(--danger-light);color:var(--danger-dark)}.role-badges{flex-wrap:wrap;gap:.25rem;display:flex}.role-badge{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.025em;background:var(--primary-100);color:var(--primary-800);border:1px solid var(--primary-300);align-items:center;padding:.25rem .625rem;font-size:.7rem;font-weight:600;display:inline-flex}.role-badge.super-admin{background:var(--danger-light);color:var(--danger-dark);border-color:var(--danger)}.role-badge.user-manager{background:var(--warning-light);color:var(--warning-dark);border-color:var(--warning)}.security-indicator{color:var(--success);align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.security-indicator svg{width:16px;height:16px}.security-indicator.disabled{color:var(--text-tertiary)}.last-login{color:var(--text-tertiary);font-size:.75rem}.admin-form-container{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:2rem;padding:2rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group.full-width{grid-column:1/-1}.form-label{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;display:flex}.form-label .required{color:var(--danger)}.form-input{width:100%;color:var(--text-primary);background:var(--background-secondary);border:2px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);padding:.75rem;font-size:.875rem}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.form-input:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-secondary)}.form-input.error{border-color:var(--danger)}.form-error{color:var(--danger);margin-top:.25rem;font-size:.75rem}.form-hint{color:var(--text-tertiary);margin-top:.25rem;font-size:.75rem}.password-input-container{position:relative}.password-toggle{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:.25rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.checkbox-container{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.checkbox-input{cursor:pointer;width:18px;height:18px}.checkbox-label{color:var(--text-primary);cursor:pointer;font-size:.875rem}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}.role-assignment-container{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border);padding:2rem}.role-assignment-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.role-assignment-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.role-list{gap:.75rem;display:grid}.role-item{background:var(--background-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);align-items:center;padding:1rem;display:flex}.role-item:hover{border-color:var(--primary-300);background:var(--surface-hover)}.role-item.selected{border-color:var(--primary-500);background:var(--primary-50)}.role-checkbox{cursor:pointer;width:20px;height:20px;margin-right:1rem}.role-details{flex:1}.role-name{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.role-description{color:var(--text-secondary);font-size:.875rem}.admin-tabs{background:var(--surface-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);gap:.5rem;margin-bottom:2rem;padding:.25rem;display:flex}.admin-tab{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.admin-tab:hover{color:var(--text-primary);background:var(--surface-hover)}.admin-tab.active{color:var(--primary-700);background:var(--surface);box-shadow:var(--shadow-sm);font-weight:600}.activity-timeline{flex-direction:column;gap:1rem;display:flex}.activity-item{background:var(--background-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);gap:1rem;padding:1rem;display:flex}.activity-icon{border-radius:var(--radius-full);background:var(--primary-100);width:40px;height:40px;color:var(--primary-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-content{flex:1}.activity-title{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.activity-description{color:var(--text-secondary);font-size:.875rem}.activity-time{color:var(--text-tertiary);margin-top:.25rem;font-size:.75rem}@media (max-width:1024px){.adminusers-header-content,.adminusers-stats,.adminusers-controls{padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media (max-width:768px){.adminusers-title{font-size:2rem}.adminusers-stats{gap:var(--space-md);grid-template-columns:1fr 1fr}.adminusers-header-top,.adminusers-controls{flex-direction:column;align-items:stretch}.adminusers-search-filters{flex-direction:column;width:100%}.adminusers-actions{justify-content:stretch;width:100%}.adminusers-actions>*{flex:1}.form-grid{grid-template-columns:1fr}}@media (max-width:640px){.adminusers-header-content,.adminusers-stats,.adminusers-controls{padding-left:var(--space-md);padding-right:var(--space-md)}.adminusers-stats{grid-template-columns:1fr}.admin-tabs{gap:.25rem;padding:.125rem}.admin-tab{padding:.5rem .75rem;font-size:.813rem}.modern-table th:nth-child(4),.modern-table td:nth-child(4),.modern-table th:nth-child(5),.modern-table td:nth-child(5){display:none}}[data-theme=dark] .admin-stat-card-icon,.dark-mode .admin-stat-card-icon{background:linear-gradient(135deg,var(--primary-800),var(--primary-700))}[data-theme=dark] .admin-avatar,.dark-mode .admin-avatar{background:linear-gradient(135deg,var(--primary-700),var(--primary-600));color:var(--primary-100)}[data-theme=dark] .role-item.selected,.dark-mode .role-item.selected{background:var(--primary-800);border-color:var(--primary-600)}