@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-primary-main:#818cf8;--color-primary-dark:#6366f1;--color-primary-light:#a5b4fc;--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-secondary-main:#ec4899;--color-secondary-dark:#db2777;--color-secondary-light:#f472b6;--color-secondary-50:#fdf2f8;--color-secondary-100:#fce7f3;--color-secondary-200:#fbcfe8;--color-secondary-300:#f9a8d4;--color-secondary-400:#f472b6;--color-secondary-500:#ec4899;--color-secondary-600:#db2777;--color-secondary-700:#be185d;--color-secondary-800:#9f1239;--color-secondary-900:#831843;--color-success-main:#22c55e;--color-success-light:#4ade80;--color-success-dark:#16a34a;--color-success-bg:#22c55e1a;--color-success-text:#166534;--color-error-main:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-error-bg:#ef44441a;--color-error-text:#991b1b;--color-warning-main:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-warning-bg:#facc151a;--color-warning-text:#854d0e;--color-info-main:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--color-info-bg:#3b82f61a;--color-info-text:#1e40af;--color-bg-default:#f5f5f5;--color-bg-paper:#fff;--color-bg-overlay:#00000080;--color-bg-overlay-dark:#000000b3;--color-bg-elevated:#fff;--color-bg-hover:#818cf814;--color-bg-active:#818cf829;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-disabled:#9ca3af;--color-text-hint:#6b7280;--color-text-on-primary:#fff;--color-border-default:#94a3b833;--color-border-light:#94a3b81a;--color-border-medium:#94a3b84d;--color-border-primary:#818cf833;--color-border-focus:#818cf880;--color-shadow-sm:#0000000d;--color-shadow-md:#0000001a;--color-shadow-lg:#00000026;--color-shadow-xl:#0003;--color-shadow-2xl:#00000040;--color-shadow-primary:#818cf84d;--color-glass-bg:#fffffff2;--color-glass-border:#94a3b833;--spacing-0:0;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:40px;--spacing-5xl:48px;--spacing-6xl:64px;--spacing-card-padding:16px;--spacing-modal-padding:24px;--spacing-input-padding:12px;--spacing-button-padding-x:24px;--spacing-button-padding-y:8px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--radius-card:12px;--radius-modal:24px;--radius-button:8px;--radius-input:8px;--radius-icon:12px;--shadow-none:none;--shadow-xs:0 1px 2px var(--color-shadow-sm);--shadow-sm:0 2px 8px var(--color-shadow-sm);--shadow-md:0 4px 12px var(--color-shadow-md);--shadow-lg:0 8px 24px var(--color-shadow-lg);--shadow-xl:0 12px 32px var(--color-shadow-xl);--shadow-2xl:0 20px 48px var(--color-shadow-2xl);--shadow-card:0 4px 12px var(--color-shadow-md);--shadow-card-hover:0 6px 16px var(--color-shadow-lg);--shadow-modal:0 24px 48px var(--color-shadow-xl);--shadow-button:0 4px 12px var(--color-shadow-primary);--shadow-button-hover:0 6px 20px var(--color-shadow-primary);--shadow-focus:0 0 0 3px #818cf81a;--shadow-focus-ring:0 0 0 3px #818cf859;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:40px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.4;--line-height-normal:1.5;--line-height-relaxed:1.6;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.02em;--letter-spacing-wider:0.5px;--transition-fast:150ms;--transition-base:200ms;--transition-slow:300ms;--transition-slower:400ms;--ease-out:cubic-bezier(0.0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-natural:cubic-bezier(0.4,0,0.2,1);--transition-base:all var(--transition-base) var(--ease-in-out);--transition-fast:all var(--transition-fast) var(--ease-out);--transition-slow:all var(--transition-slow) var(--ease-in-out);--opacity-disabled:0.38;--opacity-hover:0.08;--opacity-active:0.16;--opacity-focus:0.1;--opacity-overlay:0.5;--opacity-overlay-dark:0.7;--z-index-base:0;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-toast:10000}.dark{--color-primary-main:#818cf8;--color-primary-dark:#6366f1;--color-primary-light:#a5b4fc;--color-secondary-main:#ec4899;--color-secondary-dark:#db2777;--color-secondary-light:#f472b6;--color-success-bg:#22c55e1f;--color-success-text:#4ade80;--color-error-bg:#ef44441f;--color-error-text:#f87171;--color-warning-bg:#facc151f;--color-warning-text:#fbbf24;--color-info-bg:#3b82f61f;--color-info-text:#60a5fa;--color-bg-default:#020617;--color-bg-paper:#0f172a;--color-bg-overlay:#000000b3;--color-bg-overlay-dark:#000000d9;--color-bg-elevated:#1e293b;--color-bg-hover:#818cf81a;--color-bg-active:#818cf833;--color-text-primary:#e5e7eb;--color-text-secondary:#94a3b8f2;--color-text-disabled:#94a3b880;--color-text-hint:#94a3b8b3;--color-text-on-primary:#fff;--color-border-default:#94a3b833;--color-border-light:#94a3b81a;--color-border-medium:#94a3b84d;--color-border-primary:#818cf84d;--color-border-focus:#818cf899;--color-shadow-sm:#0003;--color-shadow-md:#0000004d;--color-shadow-lg:#0006;--color-shadow-xl:#00000080;--color-shadow-2xl:#0009;--color-glass-bg:#0f172af2;--color-glass-border:#94a3b84d}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--color-bg-default);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0;padding:0;transition:background-color var(--transition-base),color var(--transition-base)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:active,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:active,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#1a202c!important;border-color:var(--color-border-default)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important;caret-color:#1a202c!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input:-webkit-autofill:focus,select:-webkit-autofill:focus,textarea:-webkit-autofill:focus{background-color:#fff!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus-ring)!important}.dark input:-webkit-autofill,.dark input:-webkit-autofill:active,.dark input:-webkit-autofill:focus,.dark input:-webkit-autofill:hover,.dark select:-webkit-autofill,.dark select:-webkit-autofill:active,.dark select:-webkit-autofill:focus,.dark select:-webkit-autofill:hover,.dark textarea:-webkit-autofill,.dark textarea:-webkit-autofill:active,.dark textarea:-webkit-autofill:focus,.dark textarea:-webkit-autofill:hover{-webkit-text-fill-color:#e5e7eb!important;border-color:var(--color-border-default)!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important;caret-color:#e5e7eb!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.dark input:-webkit-autofill:focus,.dark select:-webkit-autofill:focus,.dark textarea:-webkit-autofill:focus{background-color:#0f172a!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus-ring)!important}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}h1{font-size:var(--font-size-4xl)}h1,h2{font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h3,h4{font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}p{color:var(--color-text-primary);line-height:var(--line-height-normal);margin:0}a{color:var(--color-primary-main);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-border-medium);background-clip:padding-box;border:2px solid #0000;border-radius:var(--radius-full);-webkit-transition:background var(--transition-base),border-color var(--transition-base);transition:background var(--transition-base),border-color var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-main);border-color:var(--color-primary-light)}::-webkit-scrollbar-thumb:active{background:var(--color-primary-dark)}.dark ::-webkit-scrollbar-thumb{background:#94a3b866;background-clip:padding-box;border:2px solid #0000}.dark ::-webkit-scrollbar-thumb:hover{background:var(--color-primary-main);border-color:var(--color-primary-light)}.dark ::-webkit-scrollbar-thumb:active{background:var(--color-primary-dark)}@supports (scrollbar-width:thin){*{scrollbar-color:var(--color-border-medium) #0000;scrollbar-width:thin}.dark *{scrollbar-color:#94a3b866 #0000}}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary-main);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary-main);outline-offset:2px}::selection{background-color:var(--color-primary-main);color:var(--color-text-on-primary)}::-moz-selection{background-color:var(--color-primary-main);color:var(--color-text-on-primary)}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-main) 0,var(--color-primary-dark) 100%);-webkit-background-clip:text;background-clip:text}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-glass-bg);border:1px solid var(--color-glass-border)}.card-base{background:var(--color-bg-paper);border:1px solid var(--color-border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;transition:var(--transition-base)}.card-elevated{background:var(--color-bg-elevated);box-shadow:var(--shadow-lg)}.card-hover{transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-gradient{background:linear-gradient(135deg,var(--color-bg-paper) 0,#818cf80d 100%)}.dark .card-gradient{background:linear-gradient(135deg,var(--color-bg-paper) 0,#818cf81a 100%)}.btn-base{align-items:center;border:none;border-radius:var(--radius-button);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;line-height:1.5;padding:var(--spacing-button-padding-y) var(--spacing-button-padding-x);text-transform:none;transition:var(--transition-base)}.btn-primary{background:linear-gradient(135deg,var(--color-primary-main) 0,var(--color-primary-dark) 100%);box-shadow:var(--shadow-button);color:var(--color-text-on-primary)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary-main) 100%);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--color-bg-default);box-shadow:none;color:var(--color-text-disabled);cursor:not-allowed;opacity:var(--opacity-disabled)}.btn-secondary{background:var(--color-secondary-main);box-shadow:var(--shadow-button);color:var(--color-text-on-primary)}.btn-secondary:hover{background:var(--color-secondary-dark);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.btn-outlined{background:#0000;border:1px solid var(--color-border-default);color:var(--color-text-primary)}.btn-outlined:hover{background:var(--color-bg-hover);border-color:var(--color-border-primary);color:var(--color-primary-main)}.btn-text{background:#0000;border:none;box-shadow:none;color:var(--color-text-primary)}.btn-text:hover{background:var(--color-bg-hover);color:var(--color-primary-main)}.input-base{background:var(--color-bg-paper);border:1px solid var(--color-border-default);border-radius:var(--radius-input);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:var(--spacing-input-padding);transition:var(--transition-base);width:100%}.input-base:hover{border-color:var(--color-border-primary)}.input-base:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.input-base:disabled{background:var(--color-bg-default);color:var(--color-text-disabled);cursor:not-allowed;opacity:var(--opacity-disabled)}.input-error,.input-error:focus{border-color:var(--color-error-main)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.input-success,.input-success:focus{border-color:var(--color-success-main)}.input-success:focus{box-shadow:0 0 0 3px #22c55e1a}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-bg-overlay);transition:opacity var(--transition-base)}.dark .modal-backdrop{background:var(--color-bg-overlay-dark)}.modal-paper{animation:modalSlideIn var(--transition-slow) var(--ease-out);background:var(--color-bg-paper);border:1px solid var(--color-border-light);border-radius:var(--radius-modal);box-shadow:var(--shadow-modal);overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background:linear-gradient(135deg,#818cf814,#818cf80a);border-bottom:1px solid var(--color-border-default);padding:var(--spacing-modal-padding)}.dark .modal-header{background:linear-gradient(135deg,#818cf826,#818cf80d)}.modal-content{padding:var(--spacing-modal-padding)}.modal-actions{background:var(--color-bg-default);border-top:1px solid var(--color-border-default);gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-modal-padding)}.dark .modal-actions{background:#0f172a80}.toast-base{align-items:center;animation:toastSlideIn var(--transition-slow) var(--ease-out);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);cursor:pointer;display:flex;gap:var(--spacing-md);justify-content:space-between;max-width:480px;min-width:320px;padding:var(--spacing-lg) var(--spacing-xl);pointer-events:auto;transition:var(--transition-base)}.toast-base:hover{box-shadow:var(--shadow-xl);transform:translateX(-4px)}.dark .toast-success{background:#22c55e1f;border-color:#22c55e66;color:var(--color-success-light)}.dark .toast-error{background:#ef44441f;border-color:#ef444466;color:var(--color-error-light)}.dark .toast-warning{background:#facc151f;border-color:#facc1566;color:var(--color-warning-light)}.dark .toast-info{background:#3b82f61f;border-color:#3b82f666;color:var(--color-info-light)}.toast-message{line-height:var(--line-height-normal)}.icon-container{align-items:center;border-radius:var(--radius-icon);display:flex;justify-content:center;transition:var(--transition-base)}.icon-container-sm{height:32px;width:32px}.icon-container-md{height:36px;width:36px}.icon-container-lg{height:40px;width:40px}.icon-primary{background-color:#818cf81a;color:var(--color-primary-main)}.icon-secondary{background-color:#ec48991a;color:var(--color-secondary-main)}.icon-success{background-color:var(--color-success-bg);color:var(--color-success-main)}.icon-error{background-color:var(--color-error-bg);color:var(--color-error-main)}.icon-warning{background-color:var(--color-warning-bg);color:var(--color-warning-main)}.icon-info{background-color:var(--color-info-bg);color:var(--color-info-main)}.icon-container:hover{transform:scale(1.05)}.loading-spinner{animation:spin var(--transition-slower) linear infinite;border:2px solid var(--color-border-default);border-top-color:var(--color-primary-main);display:inline-block;height:20px;width:20px}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg-default) 0,var(--color-bg-elevated) 50%,var(--color-bg-default) 100%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dark .skeleton{background:linear-gradient(90deg,var(--color-bg-default) 0,#1e293b80 50%,var(--color-bg-default) 100%);background-size:200% 100%}.empty-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-5xl)}.empty-state-icon{height:64px;margin-bottom:var(--spacing-xl);opacity:.5;width:64px}.empty-state-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.empty-state-description{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:400px}.divider-base{border:none;border-top:1px solid var(--color-border-default);margin:var(--spacing-xl) 0}.divider-vertical{border:none;border-left:1px solid var(--color-border-default);height:100%;margin:0 var(--spacing-xl)}.badge-base{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;padding:var(--spacing-xs) var(--spacing-md)}.badge-primary{background:var(--color-primary-main)}.badge-primary,.badge-secondary{color:var(--color-text-on-primary)}.badge-secondary{background:var(--color-secondary-main)}.badge-success{background:var(--color-success-main)}.badge-error,.badge-success{color:var(--color-text-on-primary)}.badge-error{background:var(--color-error-main)}.badge-warning{background:var(--color-warning-main)}.badge-info,.badge-warning{color:var(--color-text-on-primary)}.badge-info{background:var(--color-info-main)}.badge-outlined{background:#0000;border:1px solid}.toast-container{flex-direction:column;pointer-events:none;position:fixed;right:var(--spacing-2xl);top:var(--spacing-2xl);z-index:var(--z-index-toast)}.toast,.toast-container{display:flex;gap:var(--spacing-md)}.toast{align-items:center;animation:toastSlideIn var(--transition-slow) var(--ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);cursor:pointer;justify-content:space-between;max-width:480px;min-width:320px;padding:var(--spacing-lg) var(--spacing-xl);pointer-events:auto;transition:var(--transition-base)}.dark .toast{background:#0f172af2;border-color:#94a3b84d;box-shadow:0 10px 25px #00000080}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast:hover{box-shadow:var(--shadow-xl);transform:translateX(-4px)}.toast-content{flex:1 1;gap:var(--spacing-md);min-width:0}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:20px;justify-content:center;width:20px}.toast-message{word-wrap:break-word;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.toast-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:20px;justify-content:center;line-height:1;opacity:.6;padding:0;transition:opacity var(--transition-fast);width:20px}.toast-close:hover{opacity:1}.toast-success{background:var(--color-success-bg);border-color:#22c55e4d;color:var(--color-success-text)}.toast-success .toast-icon{background:#22c55e2e;color:var(--color-success-text)}.dark .toast-success{background:#0f172afa;border-color:#22c55e73;color:var(--color-text-primary)}.dark .toast-success .toast-icon{background:#22c55e40;color:#4ade80}.dark .toast-success .toast-close,.dark .toast-success .toast-message{color:var(--color-text-primary)}.toast-error{background:var(--color-error-bg);border-color:#ef44444d;color:var(--color-error-text)}.toast-error .toast-icon{background:#ef44442e;color:var(--color-error-text)}.dark .toast-error{background:#0f172afa;border-color:#ef444473;color:var(--color-text-primary)}.dark .toast-error .toast-icon{background:#ef444440;color:#fca5a5}.dark .toast-error .toast-close,.dark .toast-error .toast-message{color:var(--color-text-primary)}.toast-warning{background:var(--color-warning-bg);border-color:#facc154d;color:var(--color-warning-text)}.toast-warning .toast-icon{background:#facc152e;color:var(--color-warning-text)}.dark .toast-warning{background:#0f172afa;border-color:#facc1573;color:var(--color-text-primary)}.dark .toast-warning .toast-icon{background:#facc1540;color:#fde047}.dark .toast-warning .toast-close,.dark .toast-warning .toast-message{color:var(--color-text-primary)}.toast-info{background:var(--color-info-bg);border-color:#3b82f64d;color:var(--color-info-text)}.toast-info .toast-icon{background:#3b82f62e;color:var(--color-info-text)}.dark .toast-info{background:#0f172afa;border-color:#3b82f673;color:var(--color-text-primary)}.dark .toast-info .toast-icon{background:#3b82f640;color:#93c5fd}.dark .toast-info .toast-close,.dark .toast-info .toast-message{color:var(--color-text-primary)}:not(.dark) .toast{background:#fffffffa;border-color:#94a3b84d;box-shadow:0 10px 25px #00000026;color:#1f2937}:not(.dark) .toast-message{color:#1f2937}:not(.dark) .toast-close{color:#6b7280}:not(.dark) .toast-success{background:#fffffffa;border-color:#22c55e80;border-left:4px solid #22c55e;color:#065f46}:not(.dark) .toast-success .toast-icon{background:#22c55e26;color:#16a34a}:not(.dark) .toast-success .toast-message{color:#065f46}:not(.dark) .toast-error{background:#fffffffa;border-color:#ef444480;border-left:4px solid #ef4444;color:#991b1b}:not(.dark) .toast-error .toast-icon{background:#ef444426;color:#dc2626}:not(.dark) .toast-error .toast-message{color:#991b1b}:not(.dark) .toast-warning{background:#fffffffa;border-color:#facc1580;border-left:4px solid #facc15;color:#854d0e}:not(.dark) .toast-warning .toast-icon{background:#facc1526;color:#eab308}:not(.dark) .toast-warning .toast-message{color:#854d0e}:not(.dark) .toast-info{background:#fffffffa;border-color:#3b82f680;border-left:4px solid #3b82f6;color:#1e40af}:not(.dark) .toast-info .toast-icon{background:#3b82f626;color:#2563eb}:not(.dark) .toast-info .toast-message{color:#1e40af}.language-switcher-select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:auto;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-base)}.language-switcher-select:hover{background-color:var(--color-bg-active);border-color:var(--color-primary-main)}.dark .language-switcher-select{box-shadow:var(--shadow-lg)}.admin-panel{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.admin-panel,.dark .admin-panel{background:var(--color-bg-default)}.admin-header-bar{align-items:center;background:linear-gradient(135deg,#e5e7ff,#c7d2fe 40%,#a5b4fc);box-shadow:0 18px 45px #0f172a47;color:#fff;display:flex;gap:1.5rem;justify-content:space-between;padding:.75rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:20}.dark .admin-header-bar{background:linear-gradient(135deg,#020617,#020617 40%,#111827);box-shadow:0 22px 60px #0f172ad9}.admin-brand{align-items:center;color:inherit;display:flex;gap:.75rem;text-decoration:none}.admin-brand-icon{background:#0f172a14;border-radius:var(--radius-sm);height:32px;padding:6px;width:32px}.admin-brand-text{display:flex;flex-direction:column}.admin-brand-title{font-size:1.1rem;font-weight:600}.admin-brand-subtitle{font-size:.75rem;opacity:.85}.admin-header-nav{align-items:center;display:flex;flex:1 1;gap:.4rem;justify-content:center}.admin-nav-link{align-items:center;border-radius:var(--radius-full);color:#f8fafce6;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;letter-spacing:.02em;padding:.3rem .8rem;text-decoration:none;transition:all .16s ease-in-out}.admin-nav-icon{height:16px;opacity:.9;width:16px}.admin-nav-link:hover{background:#0f172a40;color:#fff}.admin-nav-link.active{background:#0f172a1f;color:#111827}.dark .admin-nav-link{color:#e2e8f0e6}.dark .admin-nav-link:hover{background:#0f172a99;color:#f9fafb}.dark .admin-nav-link.active{background:#0f172ae6;color:var(--color-text-primary)}.admin-header-actions{align-items:center;display:flex;gap:.6rem}.admin-header-user{font-size:.85rem;opacity:.9}.stat-number{display:block;font-size:1.8rem;font-weight:700;margin-bottom:.2rem}.stat-label{font-size:.8rem;opacity:.8}.admin-actions{margin-top:auto;padding:1rem}.admin-content{background:#f8fafc;flex:1 1;padding:2rem}.dark .admin-content{background:var(--color-bg-default);color:var(--color-text-primary)}.admin-access-denied{align-items:center;background:#f8fafc;display:flex;justify-content:center;min-height:100vh}.dark .admin-access-denied{background:var(--color-bg-default)}.dark .stats-header h1{color:var(--color-text-primary)}.dark .stats-subtitle{color:var(--color-text-secondary)}.dark .access-denied-card,.dark .audit-table,.dark .audit-table th,.dark .brands-grid .brand-card,.dark .management-header,.dark .quick-actions,.dark .role-distribution,.dark .stat-card,.dark .system-health,.dark .users-table,.dark .users-table th,.dark .webhook-card{background:var(--color-bg-default);color:var(--color-text-primary)}.dark .brand-count,.dark .detail-label,.dark .last-login,.dark .management-subtitle,.dark .stat-content p,.dark .stat-detail,.dark .stats-header p,.dark .stats-subtitle{color:var(--color-text-secondary)}.dark .brand-name,.dark .empty-state h3,.dark .management-header h1,.dark .role-distribution h2,.dark .role-info h4,.dark .stat-content h3,.dark .system-health h2,.dark .user-name{color:var(--color-text-primary)}.access-denied-card{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 20px #0000001a;max-width:400px;padding:3rem;text-align:center}.access-denied-card h2{color:#e53e3e;margin-bottom:1rem}.admin-loading,.admin-stats-loading,.management-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}.admin-stats{margin:0 auto;max-width:1200px}.stats-header{margin-bottom:2rem;text-align:center}.stats-header h1{color:#1a202c;font-size:2.5rem;margin-bottom:.5rem}.stats-subtitle{color:#64748b;font-size:1.1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{box-shadow:0 2px 10px #0000001a;padding:2rem;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.primary{border-left:4px solid #667eea}.stat-card.secondary{border-left:4px solid #764ba2}.stat-card.accent{border-left:4px solid #ed8936}.stat-card.success{border-left:4px solid #48bb78}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content h3{color:#1a202c;margin:0 0 .2rem}.stat-content p{color:#64748b;font-weight:500;margin:0 0 .5rem}.stat-detail{color:#a0aec0;font-size:.8rem}.role-distribution{background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem}.role-distribution h2{color:#1a202c;margin-bottom:1.5rem}.role-card,.role-cards{display:flex;gap:1rem}.role-card{align-items:center;border-radius:var(--radius-sm);flex:1 1;padding:1.5rem}.role-card.role-super-admin{background:#fed7d7}.role-card.role-brand-admin{background:#faf089}.role-card.role-user{background:#c6f6d5}.dark .role-card{background:#0f172af5;border:1px solid #94a3b880}.dark .role-card.role-super-admin{box-shadow:0 0 0 1px #f87171bf}.dark .role-card.role-brand-admin{box-shadow:0 0 0 1px #facc15d9}.dark .role-card.role-user{box-shadow:0 0 0 1px #22c55ecc}.role-badge,.role-info h4{font-size:1.5rem}.role-info h4{margin:0 0 .2rem}.role-info p{font-size:.8rem;font-weight:500;margin:0;opacity:.8}.quick-actions,.system-health{background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem}.dark .quick-actions,.dark .system-health{background:#020617;border:1px solid #1e40af59;box-shadow:0 18px 45px #0f172ae6}.health-indicators{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1rem}.health-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;display:flex;font-size:.9rem;gap:.6rem;overflow:hidden;padding:.75rem 1rem;text-overflow:ellipsis;white-space:nowrap}.dark .health-item{background:radial-gradient(circle at 0 0,#3b82f633,#0f172af2);border-color:#94a3b873;color:var(--color-text-primary)}.health-item.clickable{cursor:pointer;transition:all .2s ease}.health-item.clickable:hover{background:#ffffff1a;border-color:#94a3b899;transform:translateY(-1px)}.dark .health-item.clickable:hover{background:radial-gradient(circle at 0 0,#3b82f64d,#0f172af2);border-color:#94a3b8b3}.status-dot{border-radius:50%;box-shadow:0 0 0 3px #94a3b840;height:10px;width:10px}.dark .status-dot{box-shadow:0 0 0 3px #1e40afb3}.status-dot.online{background:#22c55e}.status-dot.degraded{background:#eab308}.status-dot.offline{background:#ef4444}.status-label{font-size:.75rem;font-weight:500;margin-left:8px}.status-label.online{color:#22c55e}.status-label.degraded{color:#eab308}.status-label.offline{color:#ef4444}.system-health-updated{color:#6b7280;font-size:.8rem;margin-top:1rem}.dark .system-health-updated{color:var(--color-text-secondary)}.action-buttons{display:flex;gap:1rem}.btn-ghost{background:#0000;border:1px solid #94a3b8b3;color:#4b5563}.btn-ghost:hover{background:#f3f4f6}.user-action{padding-left:.75rem;padding-right:.75rem}.user-action-view{border-color:#3b82f666}.user-action-delete{border-color:#f871718c;color:#b91c1c}.action-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:all .2s ease}.action-btn.primary{background:#667eea;color:#fff}.action-btn.secondary{background:#e2e8f0;color:#64748b}.action-btn.accent{background:#ed8936;color:#fff}.management-header{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:2rem;padding:2rem}.dark .management-header{background:#1e293b;border-color:#94a3b833;box-shadow:0 2px 12px #0000004d}.management-header h1{color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:.5rem}.dark .management-header h1{color:#f1f5f9}.management-subtitle{color:#64748b;font-size:.95rem;line-height:1.5;margin-bottom:0}.dark .management-subtitle{color:#94a3b8}.management-filters-stats{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem}.dark .management-filters-stats{border-top-color:#94a3b833}.management-stats{gap:.75rem}.management-stats,.stat-badge{align-items:center;display:flex}.stat-badge{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;flex-direction:column;justify-content:center;min-width:100px;padding:.75rem 1.25rem;transition:all .2s ease}.stat-badge:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-badge-primary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.stat-badge-primary .stat-value{color:#2563eb}.stat-badge-primary .stat-label{color:#3b82f6}.stat-badge-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.stat-badge-success .stat-value{color:#16a34a}.stat-badge-success .stat-label{color:#22c55e}.stat-badge-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.stat-badge-info .stat-value{color:#0284c7}.stat-badge-info .stat-label{color:#0ea5e9}.stat-value{font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.stat-label{font-size:.75rem;font-weight:500;letter-spacing:.05em;opacity:.9;text-transform:uppercase}.dark .stat-badge{background:linear-gradient(135deg,#0f172a99,#1e293b99);border-color:#94a3b833;box-shadow:0 1px 3px #0000004d}.dark .stat-badge:hover{box-shadow:0 4px 12px #00000080}.dark .stat-badge-primary{background:linear-gradient(135deg,#1e3a8a33,#1e40af26);border-color:#3b82f64d}.dark .stat-badge-primary .stat-value{color:#60a5fa}.dark .stat-badge-primary .stat-label{color:#93c5fd}.dark .stat-badge-success{background:linear-gradient(135deg,#14532d33,#16653426);border-color:#22c55e4d}.dark .stat-badge-success .stat-value{color:#4ade80}.dark .stat-badge-success .stat-label{color:#86efac}.dark .stat-badge-info{background:linear-gradient(135deg,#0e749033,#0ea5e926);border-color:#0ea5e94d}.dark .stat-badge-info .stat-value{color:#38bdf8}.dark .stat-badge-info .stat-label{color:#7dd3fc}.management-actions{align-items:flex-start;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem}.management-filters{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.dark .management-filters{border-top-color:#94a3b833}.filter-group{align-items:center;display:flex;gap:.5rem}.filter-group label{color:#64748b;font-size:.85rem;font-weight:500;white-space:nowrap}.dark .filter-group label{color:var(--color-text-secondary)}.organization-filter{background-color:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-sm);color:#4b5563;font-size:.875rem;min-width:200px;padding:.5rem .75rem}.dark .organization-filter{border-color:#94a3b84d}.dark .organization-filter,.dark .organization-filter option{background-color:#1e293b;color:var(--color-text-primary)}.organization-name{color:#64748b;font-size:.85rem;font-weight:500}.dark .organization-name{color:var(--color-text-secondary)}.org-name-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:inherit;font-weight:500;padding:0;text-decoration:none}.org-name-link:hover{text-decoration:underline}.dark .org-name-link{color:#60a5fa}.org-stat{color:#64748b;font-weight:600}.dark .org-stat{color:var(--color-text-secondary)}.org-actions{display:flex;gap:.5rem}.organization-settings{margin:0 auto;max-width:1400px;padding:2rem}.organizations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.organization-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.organization-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.organization-card:hover{border-color:#e2e8f0;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.organization-card:hover:before{opacity:1}.organization-card.inactive{opacity:.75}.organization-card.inactive:before{background:linear-gradient(90deg,#94a3b8,#64748b)}.dark .organization-card{background:#1e293b;border-color:#94a3b833;box-shadow:0 2px 12px #0000004d}.dark .organization-card:hover{border-color:#94a3b866;box-shadow:0 8px 24px #00000080}.org-card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem}.dark .org-card-header{border-bottom-color:#94a3b833}.org-card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md);box-shadow:0 4px 12px #667eea4d;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.dark .org-card-icon{box-shadow:0 4px 12px #667eea80}.org-icon{font-size:1.5rem;line-height:1}.org-card-title-section{flex:1 1;min-width:0}.org-card-name{color:#1a202c;cursor:pointer;font-size:1.25rem;font-weight:700;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.org-card-name:hover{color:#667eea}.dark .org-card-name{color:#f1f5f9}.dark .org-card-name:hover{color:#818cf8}.org-card-slug{background:#f8fafc;border-radius:6px;color:#94a3b8;display:inline-block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8rem;margin:0;padding:.2rem .5rem}.dark .org-card-slug{background:#0f172a80;color:#cbd5e1}.org-card-status{flex-shrink:0}.org-card-body{flex:1 1;margin-bottom:1.25rem}.org-card-detail{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 0}.dark .org-card-detail{border-bottom-color:#94a3b833}.org-detail-label{color:#64748b;font-size:.85rem;font-weight:500}.dark .org-detail-label{color:#94a3b8}.org-detail-value{color:#1a202c;font-size:.9rem;font-weight:600;max-width:200px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dark .org-detail-value{color:#e2e8f0}.org-card-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.org-stat-item{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:.75rem;padding:.875rem;transition:background .2s ease}.org-stat-item:hover{background:#f1f5f9}.dark .org-stat-item{background:#0f172a80}.dark .org-stat-item:hover{background:#0f172ab3}.org-stat-icon{font-size:1.25rem;line-height:1}.org-stat-content{display:flex;flex-direction:column;gap:.15rem}.org-stat-value{color:#1a202c;font-size:1.5rem;font-weight:700;line-height:1}.dark .org-stat-value{color:#f1f5f9}.org-stat-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.dark .org-stat-label{color:#94a3b8}.org-card-footer{border-top:1px solid #f1f5f9;display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem}.dark .org-card-footer{border-top-color:#94a3b833}.header-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.header-text{flex:1 1}.btn-icon{font-size:1.1rem;line-height:1;margin-right:.5rem}.org-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:2rem}.dark .org-tabs{border-bottom-color:#94a3b84d}.org-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.org-tab:hover{color:#3b82f6}.org-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.dark .org-tab{color:var(--color-text-secondary)}.dark .org-tab.active,.dark .org-tab:hover{color:#60a5fa}.dark .org-tab.active{border-bottom-color:#60a5fa}.org-overview{display:flex;flex-direction:column;gap:2rem}.org-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);display:flex;gap:1rem;padding:1.5rem;transition:all .2s}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a}.dark .stat-card{background:#1e293b;border-color:#94a3b84d}.stat-icon{font-size:2rem;line-height:1}.stat-content h3{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.dark .stat-content h3{color:#f3f4f6}.stat-content p{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.dark .stat-content p{color:var(--color-text-secondary)}.org-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:1.5rem}.dark .org-info-card{background:#1e293b;border-color:#94a3b84d}.org-info-card h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.dark .org-info-card h3{color:#f3f4f6}.org-brands,.org-users{margin-top:1rem}.back-button{margin-bottom:1rem}.users-table{background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000001a;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.users-table th{background:#f7fafc;color:#4a5568;font-weight:600}.role-cell{align-items:flex-start;display:flex;flex-direction:column;gap:.35rem}.user-info{gap:.8rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#e0e7ff;border-radius:50%;color:#1d4ed8;font-weight:600;height:40px;justify-content:center;width:40px}.user-avatar.brand_admin{background:#fee2e2;background:#fffbeb;color:#b91c1c;color:#92400e}.user-avatar.user{background:#ecfdf3;color:#166534}.user-details{display:flex;flex-direction:column}.user-name{color:#1a202c;font-weight:600}.user-email{color:#64748b;font-size:.85rem}.role-badge{align-items:center;background:#f9fafb;border:1px solid #0000;border-radius:var(--radius-full);color:#111827;cursor:default;display:inline-flex;font-size:.7rem;font-weight:500;gap:.3rem;padding:.2rem .6rem}.role-badge-initial{align-items:center;border-radius:var(--radius-full);display:flex;font-size:.65rem;font-weight:600;height:18px;justify-content:center;width:18px}.role-badge.super-admin{background:#f8717114;border-color:#f8717166;color:#b91c1c}.role-badge.super-admin .role-badge-initial{background:#f8717129;color:#b91c1c}.role-badge.brand-admin{background:#f59e0b14;border-color:#f59e0b73;color:#92400e}.role-badge.brand-admin .role-badge-initial{background:#f59e0b29;color:#92400e}.role-badge.user{background:#22c55e14;border-color:#22c55e73;color:#166534}.role-badge.user .role-badge-initial{background:#22c55e29;color:#166534}.brand-count{background:#eff4ff;border-radius:var(--radius-full);color:#4b5563;font-size:.8rem;font-weight:500;min-width:2.2rem;padding:.25rem .6rem;text-align:center}.dark .brand-count{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}.role-select,.status-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-full);color:#4b5563;font-size:.8rem;max-width:160px;padding:.3rem .6rem;width:100%}.role-select:focus,.status-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.last-login{color:#64748b;font-size:.85rem}.brands-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.brands-table-container{background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000001a;margin-top:2rem;overflow:hidden}.brands-table{border-collapse:collapse;width:100%}.brands-table td,.brands-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.brands-table th{color:#4a5568;font-weight:600}.brands-table tbody tr:hover,.brands-table th{background:#f7fafc}.brands-table tbody tr.inactive{opacity:.7}.brand-actions-inline{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:.5rem}.brand-website-link{color:#667eea;text-decoration:none}.brand-website-link:hover{text-decoration:underline}.dark .brands-table-container{background:#0f172a;border:1px solid #94a3b833}.dark .brands-table th{background:var(--color-bg-default);color:var(--color-text-primary)}.dark .brands-table td{border-bottom-color:#94a3b833;color:#e2e8f0}.dark .brands-table tbody tr:hover{background:#0f172a80}.dark .brand-website-link{color:#818cf8}.brand-card{background:#fff;border:1px solid #f1f5f9;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000001a;padding:1.75rem;transition:transform .2s ease,box-shadow .2s ease}.brand-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.brand-card.inactive{opacity:.7}.brand-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.25rem;position:relative}.brand-info{flex:1 1;margin-right:1rem;min-width:0;overflow:hidden}.brand-name{font-size:1.3rem;font-weight:700;line-height:1.3;margin:0 0 .3rem}.brand-id,.brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-id{background:#f8fafc;border-radius:4px;color:#94a3b8;display:inline-block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.7rem;margin:0;padding:.2rem .5rem}.dark .brand-id{background:#0f172a80;border:1px solid #94a3b833;color:#cbd5e1}.brand-status{align-self:flex-start;flex-shrink:0}.status-badge{border-radius:10px;display:inline-block;font-size:.7rem;padding:.15rem .5rem}.status-badge.active{background:#c6f6d5;color:#38a169}.dark .status-badge.active{background:#22c55e33;border:1px solid #22c55e66;color:#4ade80}.status-badge.inactive{background:#fed7d7;color:#c53030}.dark .status-badge.inactive{background:#ef444433;border:1px solid #ef444466;color:#f87171}.dark .status-badge.locked{background:#facc1533;border:1px solid #facc1566;color:#fbbf24}.dark .status-badge.suspended{background:#ef444440;border:1px solid #ef444480;color:#f87171}.dark .status-badge.deleted{background:#6b72804d;border:1px solid #6b728066;color:var(--color-text-secondary)}.status-badge.invited{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.dark .status-badge.invited{background:#facc1533;border:1px solid #facc1566;color:#fbbf24}.invited-note{color:var(--color-text-secondary);font-size:.875rem;font-style:italic}.brand-details{margin-bottom:0}.detail-row{align-items:center;margin-bottom:.75rem}.detail-label{color:#64748b;font-size:.9rem}.detail-value{color:#1a202c;font-size:.9rem;font-weight:500}.detail-link{color:#667eea;text-decoration:none}.detail-link:hover{text-decoration:underline}.user-count{color:#1a202c;font-size:.85rem;font-weight:500}.dark .user-count{color:#e2e8f0}.brand-actions{border-top:1px solid #f1f5f9;display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;line-height:1.5;padding:.8rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-small{font-size:.85rem;padding:.5rem 1rem}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a67d8}.btn-secondary{background:#e2e8f0;color:#64748b}.btn-secondary:hover{background:#cbd5e0}.dark .btn-secondary{background:#6b72804d;border:1px solid #94a3b84d;color:var(--color-text-primary)}.dark .btn-secondary:hover{background:#6b728080;border-color:#94a3b880}.dark .btn-primary{background:#667eea;color:#fff}.dark .btn-primary:hover{background:#5a67d8}.dark .btn-primary:disabled{background:#667eea80;cursor:not-allowed}.btn-icon-img{height:14px;width:14px}.admin-header-back{border-radius:var(--radius-full);font-size:.85rem;padding:.45rem 1rem}.admin-header-back .btn-icon-img{filter:invert(1)}.dark .admin-brand-icon,.dark .admin-nav-icon,.dark .btn-icon-img{filter:invert(1) brightness(1.1)}.dark .admin-brand-icon{background:#0f172ad9}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dark .modal-overlay{background:#000000bf}.modal{background:#fff;border:1px solid #94a3b81a;border-radius:16px;box-shadow:0 20px 60px #00000040;box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:90%}.dark .modal{background:#0f172a;border-color:#94a3b833;box-shadow:0 20px 60px #0009}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:space-between;max-width:100%;padding:1rem 1.5rem}.dark .modal-header{border-bottom-color:#94a3b833}.modal-header h2{color:#1a202c;font-size:1.1rem;font-weight:600;margin:0}.dark .modal-header h2{color:var(--color-text-primary)}.close-btn{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:1.4rem;line-height:1;padding:.25rem;transition:color .2s ease}.close-btn:hover{background:#0000000d;color:#1a202c}.dark .close-btn{color:var(--color-text-secondary)}.dark .close-btn:hover{background:#ffffff1a;color:var(--color-text-primary)}.modal-body{flex:1 1;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.25rem 1.5rem}.brand-config-modal-overlay{z-index:1000}.brand-config-modal{max-height:90vh;max-width:90vw;width:1200px}.brand-config-modal-body{box-sizing:border-box;padding:20px}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#4a5568;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:.8rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dark .form-group label{color:var(--color-text-primary)}.dark .form-group input,.dark .form-group select{background-color:#020617!important;border-color:#94a3b866!important;color:#e5e7eb!important}.dark .form-group input::placeholder,.dark .form-group select::placeholder{color:#64748b}.dark .form-group input:active,.dark .form-group input:focus,.dark .form-group input:focus-visible,.dark .form-group select:active,.dark .form-group select:focus,.dark .form-group select:focus-visible{background-color:#020617!important;border-color:#818cf8!important;box-shadow:0 0 0 3px #818cf859!important;color:#e5e7eb!important;outline:none!important}.checkbox-label{display:flex}.checkbox-text{font-size:.9rem}.user-brands-section,.user-details-section{border-bottom:1px solid #e2e8f0;margin-bottom:1.25rem;padding-bottom:1.25rem}.user-brands-section:last-of-type,.user-details-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.dark .user-brands-section,.dark .user-details-section{border-bottom-color:#94a3b833}.user-brands-section h3,.user-details-section h3{color:#1a202c;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.dark .user-brands-section h3,.dark .user-details-section h3{color:var(--color-text-primary)}.detail-grid{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);max-width:100%}.detail-item{display:flex;flex-direction:column;gap:.3rem}.detail-item label{color:#64748b;font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.dark .detail-item label{color:var(--color-text-secondary)}.detail-item span{color:#1a202c;font-size:.85rem}.dark .detail-item span{color:var(--color-text-primary)}.role-update-control,.status-update-control{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:.4rem;max-width:100%;width:100%}.modal-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;color:#4b5563;font-size:.8rem;max-width:200px;min-width:0;padding:.35rem .6rem;transition:all .2s ease;width:100%}.modal-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.dark .modal-select{background-color:#1e293b;border-color:#94a3b84d;color:var(--color-text-primary)}.dark .modal-select:focus{background-color:#1e293b!important;border-color:#818cf8!important;box-shadow:0 0 0 3px #818cf859!important;color:#e5e7eb!important;outline:none!important}.dark .modal-select option{background-color:#1e293b;color:var(--color-text-primary)}.brands-list{display:flex;flex-direction:column;gap:.6rem;max-height:200px;overflow-y:auto}.brand-access-item,.brands-list{box-sizing:border-box;max-width:100%}.brand-access-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);overflow-wrap:break-word;padding:.75rem;transition:all .2s ease}.brand-access-item:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000d}.dark .brand-access-item{background:#0f172a99;border-color:#94a3b833}.dark .brand-access-item:hover{border-color:#94a3b866;box-shadow:0 2px 8px #0000004d}.brand-info{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.4rem;max-width:100%}.access-actions{display:inline-flex;gap:.5rem;margin-top:.4rem}.brand-name{color:#1a202c;font-size:.85rem;font-weight:500}.dark .brand-name{color:var(--color-text-primary)}.brand-info select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;color:#4b5563;flex-shrink:1;font-size:.75rem;max-width:100%;min-width:120px;padding:.3rem .5rem}.dark .brand-info select{border-color:#94a3b84d}.dark .brand-info select,.dark .brand-info select option{background-color:#1e293b;color:var(--color-text-primary)}.brand-role{background:#667eea;border-radius:var(--radius-md);color:#fff;font-size:.75rem;font-weight:500;padding:.2rem .6rem}.access-date{color:#64748b;font-size:.7rem;margin-top:.3rem}.dark .access-date{color:var(--color-text-secondary)}.no-brands{color:#64748b;font-size:.8rem;font-style:italic;padding:1rem;text-align:center}.dark .no-brands{color:var(--color-text-secondary)}.add-brand-access{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.dark .add-brand-access{border-top-color:#94a3b833}.add-brand-access h4{color:#1a202c;font-size:.85rem;font-weight:600;margin-bottom:.6rem}.dark .add-brand-access h4{color:var(--color-text-primary)}.role-mismatch-warning{align-items:flex-start;background:#facc151a;border:1px solid #facc154d;border-radius:var(--radius-sm);display:flex;font-size:.8rem;gap:.5rem;line-height:1.4;margin-bottom:.75rem;padding:.75rem}.dark .role-mismatch-warning{background:#facc151f;border-color:#facc1566}.warning-icon{color:#f59e0b;flex-shrink:0;font-size:1rem;margin-top:.1rem}.dark .warning-icon{color:#fbbf24}.warning-text{color:#854d0e;flex:1 1}.dark .warning-text{color:#fbbf24}.form-row{align-items:flex-end;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%}.form-row select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;flex:1 1;font-size:.8rem;min-width:140px;padding:.4rem .6rem}.dark .form-row select{border-color:#94a3b84d}.dark .form-row select,.dark .form-row select option{background-color:#1e293b;color:var(--color-text-primary)}.error-text{color:#e53e3e;font-size:.75rem;margin:.4rem 0}.dark .error-text{color:#f87171}.loading-text{color:#64748b;font-size:.75rem;margin:.4rem 0}.dark .loading-text{color:var(--color-text-secondary)}.empty-state{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 12px #00000014;margin:0 auto;max-width:500px;padding:5rem 2rem}.dark .empty-state{background:#1e293b;border-color:#94a3b833;box-shadow:0 2px 12px #0000004d}.empty-icon{animation:float 3s ease-in-out infinite;display:inline-block;font-size:5rem;margin-bottom:1.5rem;opacity:.7}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.dark .empty-state h3{color:#f1f5f9}.empty-state p{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:2rem}.dark .empty-state p{color:#94a3b8}.management-error{background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000001a;padding:3rem;text-align:center}.management-error h2{color:#e53e3e;margin-bottom:1rem}.dark .management-error{background:var(--color-bg-default);color:var(--color-text-primary)}.dark .management-error p{color:var(--color-text-secondary)}.audit-table{background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000001a;overflow:hidden;overflow-x:auto}.dark .audit-table{background:#1e293b;border:1px solid #94a3b833}.audit-table table{border-collapse:collapse;table-layout:fixed;width:100%}.audit-table td,.audit-table th{border-bottom:1px solid #e2e8f0;font-size:.9rem;padding:.875rem 1rem;text-align:left;vertical-align:middle}.audit-table th{background:#f7fafc;color:#4a5568;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dark .audit-table th{background:#0f172a;border-bottom-color:#94a3b84d;color:var(--color-text-primary)}.dark .audit-table td{border-bottom-color:#94a3b833;color:#e2e8f0}.audit-table td:first-child,.audit-table th:first-child{width:12%}.audit-table td:nth-child(2),.audit-table th:nth-child(2){width:18%}.audit-table td:nth-child(3),.audit-table th:nth-child(3){width:20%}.audit-table td:nth-child(4),.audit-table th:nth-child(4){width:12%}.audit-table td:nth-child(5),.audit-table th:nth-child(5){text-align:center;width:10%}.audit-table td:nth-child(6),.audit-table th:nth-child(6){text-align:center;width:12%}.risk-badge{border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:.75rem;font-weight:600;min-width:2.5rem;padding:.2rem .5rem;text-align:center}.risk-low{background:#388e3c}.risk-medium{background:#fbc02d}.risk-high{background:#f57c00}.risk-critical{background:#d32f2f}.status-default{background:#e2e8f0;color:#4a5568}.status-success{background:#c6f6d5;color:#2f855a}.status-failure{background:#fed7d7;color:#c53030}.status-blocked,.status-warning{background:#fefcbf;color:#b7791f}.dark .status-default{background:#6b72804d;border:1px solid #6b728066;color:var(--color-text-secondary)}.dark .status-success{background:#22c55e33;border:1px solid #22c55e66;color:#4ade80}.dark .status-failure{background:#ef444433;border:1px solid #ef444466;color:#f87171}.dark .status-blocked,.dark .status-warning{background:#facc1533;border:1px solid #facc1566;color:#fbbf24}.audit-logs{margin:0 auto;max-width:1400px;padding:2rem}.audit-date-input,.audit-filter-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-sm);color:#4b5563;font-family:inherit;font-size:.9rem;min-width:180px;padding:.6rem .875rem;transition:all .2s ease}.audit-date-input{cursor:pointer}.audit-date-input:hover{border-color:#cbd5e1}.audit-date-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.dark .audit-date-input,.dark .audit-filter-select{background-color:#1e293b;border-color:#94a3b84d;color:var(--color-text-primary)}.dark .audit-date-input:hover{border-color:#94a3b880}.dark .audit-date-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.audit-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5);opacity:.7;-webkit-transition:opacity .2s;transition:opacity .2s}.audit-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.dark .audit-date-input::-webkit-calendar-picker-indicator{filter:invert(.8)}.audit-user-info{display:flex;flex-direction:column;gap:.25rem}.audit-user-name{color:#1a202c;font-weight:500}.dark .audit-user-name{color:#f1f5f9}.audit-user-role{color:#64748b;font-size:.8rem}.dark .audit-user-role{color:#94a3b8}.audit-user-id{color:#64748b;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem}.dark .audit-user-id{color:#94a3b8}.audit-time{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem;white-space:nowrap}.audit-event{font-weight:500}.audit-ip{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem}.audit-pagination{align-items:center;background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000001a;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1.5rem}.dark .audit-pagination{background:#1e293b;border:1px solid #94a3b833}.pagination-info{color:#64748b;font-size:.9rem;font-weight:500}.dark .pagination-info{color:#94a3b8}@media (max-width:768px){.admin-panel{flex-direction:column}.admin-sidebar{height:auto;position:relative;width:100%}.admin-content{margin-left:0;padding:1rem}.brands-grid,.organizations-grid,.stats-grid{grid-template-columns:1fr}.role-cards{flex-direction:column}.organization-settings{padding:1rem}.header-content{flex-direction:column;gap:1.5rem}.management-actions,.management-actions .btn{width:100%}.org-card-stats{grid-template-columns:1fr}}.webhook-management{padding:2rem}.dark .webhook-management{color:var(--color-text-primary)}.webhooks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:2rem}.webhook-card{background:#fff;border-left:4px solid #10b981;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000001a;padding:1.5rem;transition:all .3s ease}.dark .webhook-card{background:var(--color-bg-default);border-color:#10b981}.webhook-card.inactive{border-left-color:#ef4444;opacity:.8}.webhook-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.webhook-header{align-items:flex-start;display:flex;justify-content:between;margin-bottom:1rem}.webhook-info h3{color:#1f2937;font-size:1.1rem;margin:0 0 .5rem}.webhook-brand{color:#6b7280;font-size:.9rem;margin:0}.dark .webhook-brand{color:var(--color-text-secondary)}.webhook-status{align-items:center;display:flex;gap:.5rem}.status-badge{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef2f2;color:#991b1b}.status-badge.locked{background:#fef3c7;color:#92400e}.status-badge.suspended{background:#fee2e2;color:#b91c1c}.status-badge.deleted{background:#e5e7eb;color:#6b7280;text-decoration:line-through}.test-status{cursor:help;font-size:1.2rem}.webhook-details{margin:1rem 0}.detail-row{gap:1rem;justify-content:space-between;margin-bottom:.5rem}.detail-label{color:#374151;font-weight:500;min-width:60px}.detail-value{color:#6b7280;flex:1 1;text-align:right}.url-value{background:#f3f4f6;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.85rem;padding:.25rem .5rem;word-break:break-all}.dark .detail-label{color:var(--color-text-primary)}.dark .detail-value{color:#e2e8f0}.dark .url-value{background:#0f172ae6}.webhook-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.btn-small{font-size:.8rem;padding:.4rem .8rem}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{background:#ef444480;cursor:not-allowed;opacity:.6}.dark .btn-danger:disabled{background:#ef44444d;color:#ffffff80}.empty-state{color:#6b7280;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#374151;margin:0 0 1rem}.filter-section{align-items:center;display:flex;gap:.5rem}.filter-section label{color:#4b5563;font-size:.85rem;font-weight:500}.brand-filter{background-color:#fff;border:1px solid #d1d5db;border-radius:var(--radius-full);box-shadow:0 2px 6px #0f172a14;color:#111827;font-size:.85rem;padding:.45rem .9rem}.dark .brand-filter,.dark .filter-section label{color:var(--color-text-primary)}.dark .brand-filter{background-color:#020617;border-color:#94a3b899;box-shadow:0 0 0 1px #0f172ae6}.webhook-modal{max-width:500px}.webhook-modal .form-group{margin-bottom:1rem}.webhook-modal label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.webhook-modal input,.webhook-modal select{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.webhook-modal input:focus,.webhook-modal select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dark .webhook-modal label{color:var(--color-text-primary)}.dark .webhook-modal input,.dark .webhook-modal select{background-color:#020617!important;border-color:#94a3b866!important;color:#e5e7eb!important}.dark .webhook-modal input::placeholder,.dark .webhook-modal select::placeholder{color:#64748b}.dark .webhook-modal input:focus,.dark .webhook-modal select:focus{background-color:#020617!important;border-color:#818cf8!important;box-shadow:0 0 0 3px #818cf859!important;color:#e5e7eb!important;outline:none!important}.dark .webhook-modal input:-webkit-autofill,.dark .webhook-modal input:-webkit-autofill:hover{-webkit-text-fill-color:#e5e7eb!important;border-color:#94a3b866!important;-webkit-box-shadow:inset 0 0 0 1000px #020617!important}.dark .webhook-modal input:-webkit-autofill:focus{-webkit-text-fill-color:#e5e7eb!important;border-color:#818cf8!important;-webkit-box-shadow:inset 0 0 0 1000px #020617!important;box-shadow:0 0 0 3px #818cf859!important}.dark .webhook-modal input:-webkit-autofill:active{-webkit-text-fill-color:#e5e7eb!important;border-color:#94a3b866!important;-webkit-box-shadow:inset 0 0 0 1000px #020617!important}.form-help{color:#6b7280;display:block;font-size:.85rem;margin-top:.25rem}.checkbox-group{align-items:center;display:flex;gap:.5rem}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;gap:.5rem}.checkbox-label input[type=checkbox]{margin:0;width:auto!important}.checkbox-text{color:#374151;font-weight:400}.required-asterisk{color:var(--color-error-main);margin-left:var(--spacing-xs)}.region-tips-list{margin:0;padding-left:var(--spacing-xl)}.social-accounts-page{margin:0 auto;max-width:1200px;padding:var(--spacing-3xl)}.page-header{margin-bottom:var(--spacing-3xl)}.page-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.page-header p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.dark .page-header h1,.dark .social-accounts-page{color:var(--color-text-primary)}.dark .page-header p{color:var(--color-text-secondary)}.alert{align-items:center;animation:slideDown var(--transition-slow) var(--ease-out);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) var(--spacing-2xl)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background-color:var(--color-error-bg);border:1px solid #ef44444d;color:var(--color-error-text)}.alert-success{background-color:var(--color-success-bg);border:1px solid #22c55e4d;color:var(--color-success-text)}.alert-icon{flex-shrink:0;font-size:var(--font-size-xl)}.alert-close{background:none;border:none;cursor:pointer;font-size:var(--font-size-2xl);line-height:1;margin-left:auto;opacity:.6;transition:opacity var(--transition-fast)}.alert-close:hover{opacity:1}.connect-section{margin-bottom:var(--spacing-4xl);text-align:center}.btn-connect-facebook{align-items:center;background:linear-gradient(135deg,#1877f2,#0e5fc2);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--color-text-on-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-3xl);transition:var(--transition-base)}.btn-connect-facebook:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-connect-facebook:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.facebook-icon{align-items:center;background:#fff;border-radius:50%;color:#1877f2;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);height:28px;justify-content:center;line-height:1;width:28px}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.accounts-section{margin-top:var(--spacing-4xl)}.accounts-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2xl)}.accounts-section h2,.dark .accounts-section h2{color:var(--color-text-primary)}.loading-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-4xl)}.loading-state .spinner{border:3px solid var(--color-border-light);border-top:3px solid #1877f2;height:32px;margin-bottom:var(--spacing-xl);width:32px}.empty-state{border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-5xl) var(--spacing-3xl);text-align:center}.dark .empty-state,.empty-state{background:var(--color-bg-default)}.dark .empty-state{border-color:var(--color-border-medium)}.empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-xl)}.empty-state h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--color-text-secondary)}.accounts-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.account-card{background:var(--color-bg-paper);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-2xl);transition:var(--transition-base)}.dark .account-card{background:var(--color-bg-paper);border-color:var(--color-border-medium)}.account-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.account-card.inactive{background:var(--color-error-bg);border-color:var(--color-error-light);opacity:var(--opacity-disabled)}.account-header{align-items:center;display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding-top:var(--spacing-xs)}.account-avatar{background:var(--color-bg-default);border-radius:50%;flex-shrink:0;height:56px;overflow:hidden;width:56px}.account-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#1877f2;display:flex;font-size:var(--font-size-2xl);height:100%;justify-content:center;width:100%}.account-info h3,.avatar-placeholder{font-weight:var(--font-weight-semibold)}.account-info h3{color:var(--color-text-primary);font-size:var(--font-size-lg);line-height:var(--line-height-normal);margin:0}.account-info .business-name{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0}.section-header{align-items:center;border-bottom:2px solid var(--color-border-default);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.section-header-with-margin{margin-top:var(--spacing-lg)}.section-icon{font-size:var(--font-size-lg)}.section-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.section-divider{background:linear-gradient(to right,#0000,var(--color-border-default),#0000);height:1px;margin:var(--spacing-xl) 0}.platform-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.platform-badge.facebook{background:#e0f2fe;color:#0369a1}.platform-badge.instagram{background:linear-gradient(45deg,#f9a8d4,#f0abfc 50%,#ddd6fe);color:#831843}.account-details{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.detail-row{align-items:flex-start;display:flex;gap:var(--spacing-sm)}.detail-row .label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:110px}.detail-row .value{font-size:var(--font-size-sm);word-break:break-all}.dark .detail-row .value,.detail-row .value{color:var(--color-text-primary)}.detail-row.instagram-connection{background:linear-gradient(135deg,#fef3f8,#fef5fb);border:1px solid #f9a8d4;border-radius:var(--radius-sm);margin:var(--spacing-sm) 0;padding:var(--spacing-md)}.detail-row.instagram-connection .label{color:#831843;font-weight:var(--font-weight-semibold)}.detail-row.instagram-connection .value.instagram-username{color:#c026d3;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.detail-row.instagram-permissions-only{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--radius-sm);margin:var(--spacing-sm) 0;padding:var(--spacing-md)}.detail-row.instagram-permissions-only .label{align-self:flex-start;color:#075985;font-weight:var(--font-weight-semibold)}.detail-row.instagram-permissions-only .value{display:flex;flex-direction:column;gap:var(--spacing-sm)}.instagram-badge{align-items:center;background:var(--color-success-bg);border-radius:var(--radius-full);color:var(--color-success-text);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-md);width:-webkit-fit-content;width:fit-content}.instagram-note{color:#0c4a6e;font-size:var(--font-size-xs);line-height:var(--line-height-tight)}.permissions-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.permission-tag{background:var(--color-bg-default);border:1px solid var(--color-border-default);border-radius:var(--radius-xs);color:var(--color-text-secondary);display:inline-block;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.status-badge.active{background:var(--color-success-bg);color:var(--color-success-text)}.status-badge.inactive{background:var(--color-error-bg);color:var(--color-error-text)}.account-actions{border-top:1px solid var(--color-border-default);display:flex;gap:var(--spacing-md);padding-top:var(--spacing-xl)}.account-actions button{background:var(--color-bg-paper);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-xl);transition:var(--transition-fast)}.account-actions button:hover{background:var(--color-bg-hover);transform:translateY(-1px)}.btn-refresh{border-color:#0369a1!important;color:#0369a1}.btn-refresh:hover{background:#e0f2fe!important}.btn-disconnect{border-color:var(--color-error-main)!important;color:var(--color-error-main)}.btn-disconnect:hover{background:var(--color-error-bg)!important}@media (max-width:768px){.social-accounts-page{padding:var(--spacing-xl)}.accounts-grid{grid-template-columns:1fr}.page-header h1{font-size:var(--font-size-2xl)}.btn-connect-facebook{width:100%}.account-actions{flex-direction:column}}.profile-modal-dialog .MuiDialog-paper{border-radius:var(--radius-modal);overflow:hidden}.profile-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-modal-title{border-bottom:1px solid var(--color-border-default);padding:var(--spacing-xl) var(--spacing-modal-padding) var(--spacing-md)}.profile-modal-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-main) 0,var(--color-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-primary-main);letter-spacing:var(--letter-spacing-tight)}.profile-modal-content{padding:var(--spacing-lg) var(--spacing-modal-padding)}.profile-modal-section-title{color:var(--color-text-secondary);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--spacing-md);text-transform:uppercase}.profile-modal-user-card{border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);padding:var(--spacing-md);transition:var(--transition-base)}.profile-modal-user-card:hover{border-color:var(--color-border-primary);box-shadow:var(--shadow-card-hover)}.dark .profile-modal-user-card{box-shadow:var(--shadow-card)}.dark .profile-modal-user-card:hover{box-shadow:var(--shadow-card-hover)}.profile-modal-user-row{align-items:center;background:var(--color-bg-paper);border-radius:var(--radius-md);display:flex;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);transition:var(--transition-fast)}.profile-modal-user-row:last-child{margin-bottom:0}.profile-modal-user-row:hover{background:var(--color-bg-hover);transform:translateX(4px)}.profile-modal-icon-container{align-items:center;border-radius:var(--radius-icon);display:flex;height:36px;justify-content:center;margin-right:var(--spacing-md);width:36px}.profile-modal-icon-primary{background-color:#818cf81a;color:var(--color-primary-main)}.profile-modal-icon-secondary{background-color:#ec48991a;color:var(--color-secondary-main)}.profile-modal-icon-info{background-color:var(--color-info-bg);color:var(--color-info-main)}.profile-modal-icon-success{background-color:var(--color-success-bg);color:var(--color-success-main)}.profile-modal-user-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.profile-modal-user-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-top:var(--spacing-xs)}.profile-modal-divider{border-color:var(--color-border-default);margin:var(--spacing-lg) 0}.profile-modal-password-field{margin-bottom:var(--spacing-md)}.profile-modal-password-field .MuiOutlinedInput-root{border-radius:var(--radius-input);transition:var(--transition-fast)}.profile-modal-password-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--color-border-focus)}.profile-modal-password-field .MuiOutlinedInput-root.Mui-focused{box-shadow:var(--shadow-focus)}.profile-modal-password-hint{background:var(--color-info-bg);border:1px solid var(--color-info-bg);border-radius:var(--radius-md);color:var(--color-info-text);font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md);margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.dark .profile-modal-password-hint{background:var(--color-info-bg);border-color:#3b82f666;color:var(--color-info-light)}.profile-modal-actions{border-top:1px solid var(--color-border-default);gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-modal-padding);padding-top:var(--spacing-md)}.profile-modal-cancel-button{padding:var(--spacing-button-padding-y) var(--spacing-button-padding-x);transition:var(--transition-fast)}.profile-modal-cancel-button,.profile-modal-save-button{border-radius:var(--radius-button);font-weight:var(--font-weight-semibold);text-transform:none}.profile-modal-save-button{padding:var(--spacing-button-padding-y) calc(var(--spacing-button-padding-x) + var(--spacing-sm));transition:var(--transition-base)}.profile-modal-save-button:hover{transform:translateY(-1px)}.profile-modal-save-button:active{transform:translateY(0)}
/*# sourceMappingURL=main.7a21546d.css.map*/