@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);.theme-dark{--bg-app:#000;--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#171717;--bg-quaternary:#1f1f1f;--bg-card:#111;--bg-card-hover:#161616;--bg-surface:#171717;--bg-surface-hover:#1f1f1f;--bg-elevated:#1f1f1f;--bg-elevated-hover:#262626;--bg-interactive:#1a1a1a;--bg-interactive-hover:#262626;--bg-interactive-active:#2d2d2d;--bg-interactive-disabled:#0d0d0d;--text-primary:#fff;--text-secondary:#e5e5e5;--text-tertiary:#a3a3a3;--text-quaternary:#737373;--text-disabled:#525252;--text-accent:var(--accent-400);--text-brand:var(--primary-400);--text-inverse:#000;--border-primary:#262626;--border-secondary:#1a1a1a;--border-tertiary:#171717;--border-interactive:#404040;--border-focus:var(--primary-500);--border-error:var(--error-color);--border-success:var(--success-color);--border-warning:var(--warning-color);--border-color:var(--border-primary);--border-light:var(--border-secondary);--border-accent:var(--border-focus);--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0009,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #000000b3,0 10px 10px -5px #0000004d;--shadow-2xl:0 25px 50px -12px #000c;--shadow-modal:0 25px 50px -12px #000000d9,0 0 0 1px #ffffff0d;--shadow-primary:0 8px 16px -4px #3b82f626;--shadow-accent:0 8px 16px -4px #06b6d426;--shadow-success:0 8px 16px -4px #10b98126;--shadow-error:0 8px 16px -4px #ef444426;--glass-bg:#111c;--glass-bg-subtle:#17171799;--glass-border:#ffffff1a;--glass-border-subtle:#ffffff0d;--input-bg:var(--bg-interactive);--input-bg-focus:var(--bg-elevated);--input-border:var(--border-primary);--input-border-focus:var(--border-focus);--input-placeholder:var(--text-quaternary);--btn-secondary-bg:var(--bg-elevated);--btn-secondary-bg-hover:var(--bg-elevated-hover);--btn-secondary-border:var(--border-primary);--btn-secondary-border-hover:var(--border-interactive);--sidebar-bg:var(--bg-primary);--sidebar-border:var(--border-secondary);--nav-item-hover:var(--bg-interactive-hover);--nav-item-active:var(--bg-interactive-active);--status-online:#22c55e;--status-offline:#ef4444;--status-away:#f59e0b;--status-busy:#dc2626;--code-bg:var(--bg-tertiary);--code-border:var(--border-primary);--code-text:var(--text-secondary)}.theme-dark .glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border)}.theme-dark .glass-subtle{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-bg-subtle);border:1px solid var(--glass-border-subtle)}.theme-dark .btn-secondary{background:var(--btn-secondary-bg);border-color:var(--btn-secondary-border);box-shadow:var(--shadow-xs);color:var(--text-secondary)}.theme-dark .btn-secondary:hover{background:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateY(-1px)}.theme-dark .input{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.theme-dark .input:focus{background:var(--input-bg-focus);border-color:var(--input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.theme-dark .input::placeholder{color:var(--input-placeholder)}.theme-dark .custom-scrollbar::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}.theme-dark .custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-secondary);border:2px solid var(--bg-secondary);border-radius:var(--radius-full)}.theme-dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--border-interactive)}.theme-dark .card{background:var(--bg-card);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.theme-dark .card:hover{border-color:var(--border-interactive);box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-dark .card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.theme-dark .card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.theme-dark ::selection{background-color:#3b82f64d;color:var(--text-primary)}.theme-dark ::-moz-selection{background-color:#3b82f64d;color:var(--text-primary)}.theme-light{--bg-app:#fff;--bg-primary:#fafafa;--bg-secondary:#f5f5f5;--bg-tertiary:#f0f0f0;--bg-quaternary:#ebebeb;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-surface:#f8f9fa;--bg-surface-hover:#f1f3f4;--bg-elevated:#fff;--bg-elevated-hover:#f8f9fa;--bg-interactive:#f8f9fa;--bg-interactive-hover:#e8f0fe;--bg-interactive-active:#d2e3fc;--bg-interactive-disabled:#f5f5f5;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-tertiary:#6b7280;--text-quaternary:#9ca3af;--text-disabled:#d1d5db;--text-accent:var(--accent-600);--text-brand:var(--primary-600);--text-inverse:#fff;--border-primary:#e5e7eb;--border-secondary:#f3f4f6;--border-tertiary:#f9fafb;--border-interactive:#d1d5db;--border-focus:var(--primary-500);--border-error:var(--error-color);--border-success:var(--success-color);--border-warning:var(--warning-color);--border-color:var(--border-primary);--border-light:var(--border-secondary);--border-accent:var(--border-focus);--shadow-xs:0 1px 2px 0 #00000014;--shadow-sm:0 1px 3px 0 #0000001f,0 1px 2px 0 #00000014;--shadow-md:0 4px 6px -1px #00000024,0 2px 4px -1px #00000014;--shadow-lg:0 10px 15px -3px #00000029,0 4px 6px -2px #00000014;--shadow-xl:0 20px 25px -5px #0000002e,0 10px 10px -5px #00000014;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-modal:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;--shadow-primary:0 8px 16px -4px #3b82f633;--shadow-accent:0 8px 16px -4px #06b6d433;--shadow-success:0 8px 16px -4px #10b98133;--shadow-error:0 8px 16px -4px #ef444433;--glass-bg:#ffffffd9;--glass-bg-subtle:#f8f9fab3;--glass-border:#00000014;--glass-border-subtle:#0000000d;--input-bg:#fff;--input-bg-focus:#fff;--input-border:#d1d5db;--input-border-focus:var(--primary-500);--input-placeholder:#9ca3af;--btn-secondary-bg:#f9fafb;--btn-secondary-bg-hover:#f3f4f6;--btn-secondary-border:#e5e7eb;--btn-secondary-border-hover:#d1d5db;--sidebar-bg:#fff;--sidebar-border:#f3f4f6;--nav-item-hover:#f8f9fa;--nav-item-active:#e8f0fe;--status-online:#22c55e;--status-offline:#ef4444;--status-away:#f59e0b;--status-busy:#dc2626;--code-bg:#f8f9fa;--code-border:#e5e7eb;--code-text:#374151}.theme-light .glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border)}.theme-light .glass-subtle{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-bg-subtle);border:1px solid var(--glass-border-subtle)}.theme-light .btn-secondary{background:var(--btn-secondary-bg);border-color:var(--btn-secondary-border)}.theme-light .btn-secondary:hover{background:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover)}.theme-light .input{background:var(--input-bg);border-color:var(--input-border)}.theme-light .input:focus{background:var(--input-bg-focus);border-color:var(--input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.theme-light .input::placeholder{color:var(--input-placeholder)}.theme-light .custom-scrollbar::-webkit-scrollbar-track{background:#f5f5f5;border-radius:var(--radius-full)}.theme-light .custom-scrollbar::-webkit-scrollbar-thumb{background:#d1d5db;border:2px solid #f5f5f5;border-radius:var(--radius-full)}.theme-light .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.theme-light .card{background:var(--bg-card);border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.theme-light .card:hover{background:var(--bg-card-hover);border-color:var(--border-interactive);box-shadow:var(--shadow-md)}.theme-light ::selection{background-color:#3b82f633;color:var(--text-primary)}.theme-light ::-moz-selection{background-color:#3b82f633;color:var(--text-primary)}@media (prefers-contrast:high){.theme-light{--text-primary:#000;--text-secondary:#2d2d2d;--border-primary:grey;--border-interactive:#404040}.theme-light .card{border:2px solid var(--border-interactive)}.theme-light .btn{border:2px solid}.theme-light .input{border:2px solid var(--border-interactive)}}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--primary-color:var(--primary-600);--primary-dark:var(--primary-700);--primary-light:var(--primary-400);--primary-subtle:var(--primary-100);--accent-50:#ecfeff;--accent-100:#cffafe;--accent-200:#a5f3fc;--accent-300:#67e8f9;--accent-400:#22d3ee;--accent-500:#06b6d4;--accent-600:#0891b2;--accent-700:#0e7490;--accent-800:#155e75;--accent-900:#164e63;--accent-color:var(--accent-500);--accent-dark:var(--accent-600);--accent-light:var(--accent-400);--success-color:#10b981;--success-light:#34d399;--success-dark:#059669;--warning-color:#f59e0b;--warning-light:#fbbf24;--warning-dark:#d97706;--error-color:#ef4444;--error-light:#f87171;--error-dark:#dc2626;--info-color:var(--accent-500);--info-light:var(--accent-400);--info-dark:var(--accent-600);--border-focus:var(--primary-500);--border-error:var(--error-color);--border-success:var(--success-color);--border-warning:var(--warning-color);--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono","Courier New",monospace;--font-display:var(--font-sans);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--transition-fast:150ms;--transition-normal:200ms;--transition-slow:300ms;--transition-slower:500ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-in-out:cubic-bezier(0.87,0,0.13,1);--ease-bounce:cubic-bezier(0.68,-0.6,0.32,1.6);--sidebar-width:280px;--sidebar-width-collapsed:80px;--header-height:64px;--card-padding:var(--space-6);--button-height:40px;--input-height:40px;--breakpoint-xs:475px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--container-xs:100%;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--space-xs:0.125rem;--space-0:0;--mobile-padding:var(--space-4);--tablet-padding:var(--space-6);--desktop-padding:var(--space-8);--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-spacious:56px;--mobile-text-base:0.875rem;--mobile-text-lg:1rem;--mobile-text-xl:1.125rem;--mobile-text-2xl:1.25rem;--mobile-text-3xl:1.5rem;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-app);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal);min-height:100vh;overflow-x:hidden;text-rendering:optimizeLegibility;transition:background-color .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1);transition:background-color var(--transition-normal) var(--ease-out),color var(--transition-normal) var(--ease-out)}.theme-transitioning{transition:all .3s cubic-bezier(.16,1,.3,1)!important;transition:all var(--transition-slow) var(--ease-out)!important}.theme-transitioning *{transition:background-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)!important;transition:background-color var(--transition-slow) var(--ease-out),color var(--transition-slow) var(--ease-out),border-color var(--transition-slow) var(--ease-out),box-shadow var(--transition-slow) var(--ease-out)!important}.container{margin:0 auto;max-width:1200px}.container,.container-fluid{padding:0 1rem;padding:0 var(--space-4)}.container-fluid{width:100%}.container-sm{max-width:640px}.container-md,.container-sm{margin:0 auto;padding:0 1rem;padding:0 var(--space-4)}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-lg,.container-xl{margin:0 auto;padding:0 1rem;padding:0 var(--space-4)}.container-xl{max-width:1280px}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal) var(--ease-out)}.card:hover{border-color:var(--border-interactive);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.btn{align-items:center;border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1;line-height:var(--leading-none);min-height:40px;min-height:var(--button-height);outline:none;overflow:hidden;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:relative;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--border-focus);outline-offset:2px}.btn:disabled{pointer-events:none}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;border-color:var(--primary-600)}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);background:linear-gradient(135deg,var(--primary-700),var(--primary-800));box-shadow:var(--shadow-md),var(--shadow-primary);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);border-color:var(--border-primary);box-shadow:var(--shadow-xs);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-elevated-hover);border-color:var(--border-interactive);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateY(-1px)}.btn-secondary:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-ghost{background:#0000;border-color:#0000;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-interactive-hover);color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error-color),var(--error-dark));border-color:#ef4444;border-color:var(--error-color);box-shadow:var(--shadow-sm),var(--shadow-error);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--error-dark),#b91c1c);box-shadow:var(--shadow-md),var(--shadow-error);transform:translateY(-1px)}.btn-sm{font-size:.75rem;font-size:var(--text-xs);min-height:32px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.btn-lg{font-size:1rem;font-size:var(--text-base);min-height:48px;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.btn-icon{aspect-ratio:1;min-height:40px;min-height:var(--button-height);padding:.5rem;padding:var(--space-2);width:40px;width:var(--button-height)}.btn-icon.btn-sm{min-height:32px;width:32px}.btn-loading{pointer-events:none}.btn-loading:before{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;position:absolute;width:16px}.input{background:var(--bg-interactive);border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-md);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--text-sm);height:40px;height:var(--input-height);outline:none;padding:0 .75rem;padding:0 var(--space-3);transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal) var(--ease-out);width:100%}.input:focus{background:var(--bg-elevated);border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--text-quaternary)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-base{font-size:1rem;font-size:var(--text-base)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--text-3xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-brand{color:var(--text-brand)}.text-accent{color:var(--text-accent)}.text-success{color:#10b981;color:var(--success-color)}.text-warning{color:#f59e0b;color:var(--warning-color)}.text-error{color:#ef4444;color:var(--error-color)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.m-1{margin:.25rem;margin:var(--space-1)}.m-2{margin:.5rem;margin:var(--space-2)}.m-3{margin:.75rem;margin:var(--space-3)}.m-4{margin:1rem;margin:var(--space-4)}.m-6{margin:1.5rem;margin:var(--space-6)}.m-8{margin:2rem;margin:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-3{margin-top:.75rem;margin-top:var(--space-3)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:.25rem;gap:var(--space-1)}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.gap-8{gap:2rem;gap:var(--space-8)}.grid-auto-fit-xs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-fit-md{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}@media (min-width:475px){.xs\:block{display:block}.xs\:hidden{display:none}.xs\:flex{display:flex}.xs\:grid{display:grid}.xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}}@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-base{font-size:1rem;font-size:var(--text-base)}.md\:text-lg{font-size:1.125rem;font-size:var(--text-lg)}.md\:text-xl{font-size:1.25rem;font-size:var(--text-xl)}}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.touch-target{min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min)}.touch-comfortable{min-height:48px;min-height:var(--touch-target-comfortable);min-width:48px;min-width:var(--touch-target-comfortable)}.touch-spacious{min-height:56px;min-height:var(--touch-target-spacious);min-width:56px;min-width:var(--touch-target-spacious)}@media (hover:none) and (pointer:coarse){.btn{min-height:48px;min-height:var(--touch-target-comfortable);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.btn-sm{min-height:44px;min-height:var(--touch-target-min);padding:.75rem;padding:var(--space-3)}.input{min-height:48px;min-height:var(--touch-target-comfortable);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.focus\:outline-none:focus,.focus\:ring:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring:focus{box-shadow:0 0 0 3px #3b82f680}@media (prefers-contrast:high){.card{border:2px solid var(--border-interactive)}.btn{border:2px solid}.input{border:2px solid var(--border-interactive)}}.scroll-smooth{scroll-behavior:smooth}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.custom-scrollbar::-webkit-scrollbar{height:8px;width:8px}*{box-sizing:border-box;margin:0;padding:0}.login-container{align-items:center;background:#0a0a0a;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;justify-content:center;min-height:100vh}.login-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;box-shadow:0 4px 6px #0000004d;max-width:420px;padding:48px;text-align:center;width:100%}.login-header{border-bottom:1px solid #2a2a2a;margin-bottom:40px;padding-bottom:30px;text-align:center}.logo-container{margin-bottom:32px;width:100%}.logo{filter:brightness(1.1);height:auto;max-height:80px;object-fit:contain;width:240px}.login-title{color:#fff;font-size:24px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px}.login-subtitle{color:#9ca3af;font-size:14px;font-weight:400}.login-form{margin-top:32px}.error-message{background:#dc2626;border-radius:6px;color:#fff;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.form-label{color:#d1d5db;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{background:#0f0f0f;border:1px solid #374151;border-radius:6px;font-size:15px;transition:border-color .2s}.form-input::placeholder{color:#6b7280}.form-input:focus{border-color:#4f46e5}.form-options{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:24px}.checkbox-container{align-items:center;color:#9ca3af;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.checkbox-container input{cursor:pointer;opacity:0;position:absolute}.checkmark{background-color:#0f0f0f;border:1px solid #374151;border-radius:4px;display:inline-block;height:18px;margin-right:8px;position:relative;width:18px}.checkbox-container:hover .checkmark{border-color:#4f46e5}.checkbox-container input:checked~.checkmark{background-color:#4f46e5;border-color:#4f46e5}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:9px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.checkbox-container input:checked~.checkmark:after{display:block}.forgot-password{color:#4f46e5;font-size:14px;text-decoration:none;transition:color .2s}.forgot-password:hover{color:#6366f1}.login-button{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.login-button:hover:not(:disabled){background:#4338ca}.login-button:disabled{cursor:not-allowed;opacity:.5}.login-footer{border-top:1px solid #2a2a2a;margin-top:24px;padding-top:24px;text-align:center}.login-footer p{color:#9ca3af;font-size:12px;font-style:italic}@media (max-width:480px){.login-card{margin:20px;padding:32px 24px}.login-header h1{font-size:20px}.form-input{font-size:14px}}.sidebar{background:var(--bg-card);border-right:1px solid var(--border-primary);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:all var(--transition-slow) var(--ease-out);width:var(--sidebar-width);z-index:var(--z-fixed)}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full);-webkit-transition:background-color var(--transition-normal);transition:background-color var(--transition-normal)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-interactive)}.sidebar-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-elevated);border-bottom:1px solid var(--border-secondary);padding:var(--space-6);position:relative}.logo-section{width:100%}.logo-container,.logo-section{align-items:center;display:flex;justify-content:center;transition:all var(--transition-normal) var(--ease-out)}.logo-container{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:var(--radius-xl);box-shadow:var(--shadow-md),var(--shadow-primary);flex-shrink:0;height:56px;position:relative;width:56px}.logo-container:before{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-xl);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.logo-container:hover:before{opacity:1}.logo-container.full-width{background:#0000;border-radius:var(--radius-lg);box-shadow:none;height:64px;padding:var(--space-3);width:100%}.logo-container.full-width:before{display:none}.logo-image{filter:brightness(1.1) contrast(1.1);height:32px;object-fit:contain;position:relative;transition:all var(--transition-normal);width:32px;z-index:1}.logo-image.full-logo{filter:none;height:100%;max-width:200px;object-fit:contain;width:100%}.sidebar.collapsed .logo-container.full-width{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:var(--radius-xl);box-shadow:var(--shadow-md),var(--shadow-primary);height:56px;padding:var(--space-3);width:56px}.sidebar.collapsed .logo-image.full-logo{filter:brightness(1.1) contrast(1.1);height:32px;width:32px}.collapse-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:36px;justify-content:center;left:var(--sidebar-width);position:fixed;top:50%;transform:translateY(-50%) translateX(-50%);transition:all var(--transition-normal) var(--ease-out);width:36px;z-index:calc(var(--z-fixed) + 1)}.sidebar.collapsed .collapse-btn{left:var(--sidebar-width-collapsed)}.collapse-btn:hover{background:var(--bg-elevated-hover);border-color:var(--border-interactive);box-shadow:var(--shadow-lg);transform:translateY(-50%) scale(1.05)}.collapse-btn:active{transform:translateY(-50%) scale(.98)}.collapse-icon{color:var(--text-secondary);font-size:1rem;font-weight:600;transition:all var(--transition-normal) var(--ease-out)}.collapse-icon.collapsed{color:var(--text-primary);transform:rotate(180deg)}.sidebar-nav{flex:1 1;padding:var(--space-4) 0}.nav-list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-weight:500;gap:var(--space-4);margin:0 var(--space-3);min-height:56px;overflow:hidden;padding:var(--space-4) var(--space-6);position:relative;text-align:left;text-decoration:none;transition:all var(--transition-normal) var(--ease-out);width:100%}.nav-link,.nav-link:before{border-radius:var(--radius-lg)}.nav-link:before{background:linear-gradient(135deg,var(--bg-surface),var(--bg-surface-hover));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.nav-link:hover:before{opacity:1}.nav-link:hover{color:var(--text-primary);transform:translateX(4px)}.nav-link.active{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-sm),var(--shadow-primary);color:#fff;transform:translateX(4px)}.nav-link.active:before{display:none}.sidebar.collapsed .nav-link{gap:0;justify-content:center;margin:0 var(--space-4);padding:var(--space-4);width:calc(100% - var(--space-8))}.sidebar.collapsed .nav-link.active,.sidebar.collapsed .nav-link:hover{transform:translateX(0) scale(1.05)}.nav-icon{flex-shrink:0;font-size:1.25rem;transition:all var(--transition-normal)}.nav-content,.nav-icon{position:relative;z-index:1}.nav-content{display:flex;flex-direction:column;gap:var(--space-1);transition:all var(--transition-normal) var(--ease-out)}.sidebar.collapsed .nav-content{display:none}.nav-name{font-size:var(--text-sm);font-weight:600;transition:color var(--transition-normal)}.nav-description,.nav-name{line-height:var(--leading-tight)}.nav-description{color:var(--text-tertiary);font-size:var(--text-xs);opacity:.8;transition:all var(--transition-normal)}.nav-link:hover .nav-description{color:var(--text-secondary)}.nav-link.active .nav-description{color:#fffc}.sidebar-footer{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-elevated);border-top:1px solid var(--border-secondary);padding:var(--space-6)}.user-info{gap:var(--space-4)}.user-avatar,.user-info{transition:all var(--transition-normal) var(--ease-out)}.user-avatar{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));border-radius:var(--radius-full);box-shadow:var(--shadow-md),var(--shadow-accent);font-size:1.25rem;height:44px;width:44px}.user-avatar:hover{box-shadow:var(--shadow-lg),var(--shadow-accent);transform:scale(1.05)}.user-details{min-width:0;transition:all var(--transition-normal) var(--ease-out)}.sidebar.collapsed .user-details{display:none}.user-name{font-size:var(--text-sm);font-weight:600;margin:0}.user-role{color:var(--text-tertiary);font-size:var(--text-xs);line-height:var(--leading-tight);margin:0}@media (max-width:1024px){.sidebar{box-shadow:var(--shadow-xl)}}@media (max-width:768px){.sidebar{border-bottom:1px solid var(--border-primary);border-right:none;box-shadow:none;height:auto;position:relative}.sidebar,.sidebar.collapsed{width:100%}.collapse-btn{display:none}.sidebar-header{padding:var(--space-4)}.logo-container{height:48px;width:48px}.logo-container.full-width{height:56px}.nav-link{min-height:48px}.nav-link,.sidebar.collapsed .nav-link{margin:0 var(--space-2);padding:var(--space-3) var(--space-4)}.sidebar.collapsed .nav-link{gap:var(--space-4);justify-content:flex-start;width:auto}.sidebar.collapsed .nav-content{display:flex}.nav-content{gap:0}.nav-description{display:none}.sidebar-footer{padding:var(--space-4)}.user-avatar{font-size:1.125rem;height:40px;width:40px}.dashboard-content,.dashboard-content.sidebar-collapsed{margin-left:0}.dashboard{flex-direction:column}}@media (max-width:480px){.sidebar-header{padding:var(--space-3)}.logo-container{height:44px;width:44px}.nav-link{gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3)}.nav-icon{font-size:1.125rem;height:20px;width:20px}.nav-name{font-size:var(--text-xs)}.sidebar-footer{padding:var(--space-3)}.user-info{gap:var(--space-3)}.user-avatar{font-size:1rem;height:36px;width:36px}}@media (prefers-reduced-motion:reduce){.collapse-btn,.logo-container,.nav-link,.sidebar,.user-avatar{transition:none}.nav-link.active,.nav-link:hover{transform:none}}@media (prefers-contrast:high){.sidebar{border-right:2px solid var(--border-interactive)}.nav-link{border:1px solid #0000}.nav-link:hover{border-color:var(--border-interactive)}.nav-link.active{border-color:var(--primary-color)}}.header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-elevated);border-bottom:1px solid var(--border-secondary);padding:var(--space-4) 0;top:0;transition:all var(--transition-normal) var(--ease-out);z-index:var(--z-sticky)}.header:before{background:linear-gradient(135deg,#111c,#1f1f1f99);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-normal)}.header:hover:before{opacity:.5}.header-content{margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.logo{display:flex;flex-direction:column;gap:var(--space-1)}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));background-clip:text;-webkit-background-clip:text;color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);margin:0;text-shadow:0 0 30px #3b82f64d;transition:all var(--transition-normal) var(--ease-out)}.logo h1:hover{text-shadow:0 0 40px #3b82f680;transform:translateY(-1px)}.subtitle{font-size:var(--text-sm);font-weight:400;transition:color var(--transition-normal)}.logo:hover .subtitle{color:var(--text-secondary)}.header-info{gap:var(--space-6)}.header-info,.status-indicator{align-items:center;display:flex}.status-indicator{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);color:var(--text-secondary);font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-2) var(--space-4);transition:all var(--transition-normal) var(--ease-out)}.status-indicator:hover{background:var(--bg-surface-hover);border-color:var(--border-interactive);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.status-dot{display:inline-block;height:10px;position:relative;width:10px}.status-dot,.status-dot:before{border-radius:var(--radius-full)}.status-dot:before{animation:pulse-glow 2s infinite;background:inherit;content:"";inset:-2px;opacity:.3;position:absolute}.status-dot.online{background-color:var(--success-color);box-shadow:0 0 10px #10b98166}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.datetime{background:var(--bg-interactive);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;letter-spacing:.5px;padding:var(--space-2) var(--space-4);transition:all var(--transition-normal) var(--ease-out)}.datetime:hover{background:var(--bg-interactive-hover);border-color:var(--border-interactive);box-shadow:var(--shadow-sm);color:var(--text-secondary);transform:translateY(-1px)}.theme-toggle-btn-header{align-items:center;background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-normal) var(--ease-out);width:40px}.theme-toggle-btn-header:before{background:linear-gradient(135deg,var(--primary-600),var(--accent-600));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.theme-toggle-btn-header:hover{background:var(--bg-surface-hover);border-color:var(--border-interactive);box-shadow:var(--shadow-sm);transform:translateY(-1px) scale(1.05)}.theme-toggle-btn-header:hover:before{opacity:.1}.theme-toggle-btn-header:active{transform:translateY(0) scale(1)}.theme-toggle-btn-header:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.theme-toggle-btn-header .theme-icon{font-size:18px;position:relative;transition:all var(--transition-normal) var(--ease-bounce);z-index:1}.theme-toggle-btn-header:hover .theme-icon{transform:rotate(15deg) scale(1.1)}.logout-btn{align-items:center;background:linear-gradient(135deg,var(--error-color),var(--error-dark));border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm),var(--shadow-error);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);min-height:var(--button-height);overflow:hidden;position:relative;transition:all var(--transition-normal) var(--ease-out)}.logout-btn:before{background:linear-gradient(135deg,var(--error-dark),#b91c1c);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.logout-btn:hover:before{opacity:1}.logout-btn:hover{box-shadow:var(--shadow-md),var(--shadow-error);transform:translateY(-2px)}.logout-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.logout-btn:focus-visible{outline:2px solid var(--error-light);outline-offset:2px}.logout-icon{font-size:1rem;position:relative;transition:transform var(--transition-normal);z-index:1}.logout-btn:hover .logout-icon{transform:scale(1.1) rotate(-10deg)}.logout-btn span{position:relative;z-index:1}.header{box-shadow:var(--shadow-sm);padding:var(--space-3) 0;position:-webkit-sticky;position:sticky}.header-content{flex-direction:column;gap:var(--space-4);max-width:100%;padding:0 var(--mobile-padding);text-align:center}.header-info{align-items:stretch;flex-direction:column;gap:var(--space-3)}.logo h1{font-size:var(--mobile-text-xl)}.subtitle{font-size:var(--text-xs)}.datetime,.status-indicator{font-size:var(--mobile-text-base);justify-content:center;margin:0 auto;max-width:280px;min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4);width:100%}.datetime{align-items:center;display:flex}.logout-btn{font-size:var(--mobile-text-base);margin:0 auto;max-width:280px;min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4);width:100%}.mobile-menu-toggle{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:block;height:var(--touch-target-comfortable);left:var(--mobile-padding);position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-normal);width:var(--touch-target-comfortable);z-index:calc(var(--z-sticky) + 1)}.mobile-menu-toggle:hover{background:var(--bg-elevated-hover);border-color:var(--border-interactive);transform:translateY(-50%) scale(1.05)}.mobile-menu-toggle:active{transform:translateY(-50%) scale(.95)}.hamburger-icon{align-items:center;display:flex;flex-direction:column;gap:3px;justify-content:center}.hamburger-line{background:currentColor;border-radius:1px;height:2px;transition:all var(--transition-normal);width:18px}.mobile-menu-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (min-width:475px){.header-content{padding:0 var(--space-5)}.header-info{flex-direction:row;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.datetime,.logout-btn,.status-indicator{margin:0;max-width:none;width:auto}.mobile-menu-toggle{left:var(--space-5)}}@media (min-width:640px){.header{padding:var(--space-4) 0}.header-content{padding:0 var(--tablet-padding)}.logo h1{font-size:var(--text-xl)}.subtitle{font-size:var(--text-sm)}.datetime,.status-indicator{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.logout-btn{font-size:var(--text-sm);min-height:var(--button-height)}.mobile-menu-toggle{left:var(--tablet-padding)}}@media (min-width:768px){.header-content{justify-content:space-between;padding:0 var(--desktop-padding);text-align:left}.header-content,.header-info{align-items:center;flex-direction:row}.header-info{flex-wrap:nowrap;gap:var(--space-6)}.logo h1{font-size:var(--text-2xl)}.mobile-menu-toggle{display:none}}@media (min-width:1024px){.header-content{margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.header-info{gap:var(--space-8)}}@media (hover:none) and (pointer:coarse){.datetime,.logout-btn,.status-indicator{min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4)}.mobile-menu-toggle{min-height:var(--touch-target-spacious);min-width:var(--touch-target-spacious)}.logo{padding:var(--space-2)}.datetime:hover,.logout-btn:hover,.status-indicator:hover{transform:none}.datetime:active,.logout-btn:active,.status-indicator:active{transform:scale(.98)}}.mobile-header-menu{background:var(--bg-elevated);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-lg);display:none;left:0;opacity:0;padding:var(--space-4);position:fixed;right:0;top:100%;transform:translateY(-100%);transition:all var(--transition-normal) var(--ease-out);z-index:var(--z-sticky)}.mobile-header-menu.active{display:block;opacity:1;transform:translateY(0)}.mobile-header-menu .header-info{align-items:stretch;flex-direction:column;gap:var(--space-4)}.mobile-header-menu .datetime,.mobile-header-menu .logout-btn,.mobile-header-menu .status-indicator{justify-content:center;width:100%}@media (max-width:767px){.header-info{display:none}.mobile-header-menu{top:calc(100% - 1px)}}@media (prefers-reduced-motion:reduce){.datetime,.header,.logo h1,.logout-btn,.status-indicator{transition:none}.datetime:hover,.logo h1:hover,.logout-btn:hover,.status-indicator:hover{transform:none}.status-dot:before{animation:none}@keyframes pulse-glow{0%,to{opacity:.3;transform:none}}}@media (prefers-contrast:high){.header{border-bottom:2px solid var(--border-interactive)}.logo h1{-webkit-text-fill-color:initial;background:none;color:var(--primary-light)}.datetime,.status-indicator{border:2px solid var(--border-interactive)}.logout-btn{border:2px solid var(--error-color)}}@media (prefers-color-scheme:dark){.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.section-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);cursor:pointer;display:flex;flex-direction:column;min-height:400px;overflow:hidden;padding:0;position:relative;transition:all var(--transition-slow) var(--ease-out)}.section-card:before{background:linear-gradient(135deg,#3b82f608,#ffffff03 50%,#06b6d408);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-normal)}.section-card:hover:before{opacity:1}.section-card:after{background:linear-gradient(135deg,var(--primary-600),var(--accent-500));border-radius:0 0 var(--radius-sm) var(--radius-sm);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow) var(--ease-out)}.section-card:hover:after{transform:scaleX(1)}.section-card:hover{border-color:var(--border-interactive);box-shadow:var(--shadow-2xl);transform:translateY(-8px) scale(1.02)}.section-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-secondary);margin:0;padding:var(--space-6)}.section-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.section-name{color:var(--text-primary);font-size:var(--mobile-text-xl);font-weight:700;letter-spacing:-.01em;line-height:var(--leading-tight);margin:0 0 var(--space-3) 0;transition:all var(--transition-normal)}.section-card:hover .section-name{color:var(--text-brand);transform:translateY(-1px)}.section-description{color:var(--text-secondary);font-size:var(--mobile-text-base);font-weight:400;line-height:var(--leading-relaxed);margin:0;transition:color var(--transition-normal)}.section-card:hover .section-description{color:var(--text-primary)}.section-metrics{flex:1 1;flex-direction:column;gap:var(--space-4);padding:var(--space-6);z-index:1}.metric,.section-metrics{display:flex;position:relative}.metric{align-items:center;background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);justify-content:space-between;min-height:var(--touch-target-comfortable);overflow:hidden;padding:var(--space-4) var(--space-5);transition:all var(--transition-normal) var(--ease-out)}.metric:before{background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface-hover));border-radius:var(--radius-xl);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.metric:hover:before{opacity:1}.metric:hover{border-color:var(--border-interactive);box-shadow:var(--shadow-md);transform:translateX(4px)}.metric-content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-1);position:relative;z-index:1}.metric-label{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:600;letter-spacing:.8px;line-height:var(--leading-none);text-transform:uppercase;transition:color var(--transition-normal)}.metric:hover .metric-label{color:var(--text-secondary)}.metric-value{color:var(--text-primary);font-size:var(--mobile-text-2xl);font-weight:800;line-height:var(--leading-none);position:relative;transition:all var(--transition-normal);z-index:1}.metric:hover .metric-value{transform:scale(1.05)}.metric-value-online{color:var(--success-color);text-shadow:0 0 20px #10b9814d}.metric-value-connecting{color:var(--warning-color);text-shadow:0 0 20px #f59e0b4d}.metric-value-offline{color:var(--error-color);text-shadow:0 0 20px #ef44444d}.metric-value-analyzing{color:#9333ea;text-shadow:0 0 20px #9333ea4d}.metric-value-phones,.metric-value-systems,.metric-value-total{color:var(--primary-light);text-shadow:0 0 20px #3b82f64d}.metric-value-active,.metric-value-available{color:var(--success-color);text-shadow:0 0 20px #10b9814d}.metric-value-available-numbers,.metric-value-used{color:var(--accent-color);text-shadow:0 0 20px #06b6d44d}.section-actions{border-top:1px solid var(--border-secondary);padding:var(--space-6);padding-top:var(--space-4);position:relative;z-index:1}.section-actions .btn{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--mobile-text-base);font-weight:600;gap:var(--space-2);justify-content:center;letter-spacing:.5px;min-height:var(--touch-target-comfortable);overflow:hidden;padding:var(--space-4) var(--space-5);position:relative;text-transform:uppercase;transition:all var(--transition-normal) var(--ease-out);width:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border:1px solid var(--primary-600);box-shadow:var(--shadow-sm),var(--shadow-primary)}.btn-primary:before{background:linear-gradient(135deg,var(--primary-700),var(--primary-800));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.btn-primary:hover:before{opacity:1}.btn-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-primary);transform:translateY(-3px)}.btn-primary:active{box-shadow:var(--shadow-sm),var(--shadow-primary);transform:translateY(-1px)}@media (min-width:475px){.section-card{min-height:420px}.section-name{font-size:var(--text-xl)}.section-description{font-size:var(--text-base)}.metric-value{font-size:var(--text-2xl)}}@media (min-width:640px){.section-card{min-height:450px}.section-header,.section-metrics{padding:var(--space-8)}.section-metrics{gap:var(--space-5)}.section-actions{padding:var(--space-8);padding-top:var(--space-5)}.section-name{font-size:var(--text-2xl)}.section-description{font-size:var(--text-lg)}.metric{padding:var(--space-5) var(--space-6)}.metric-value{font-size:var(--text-3xl)}.section-actions .btn{font-size:var(--text-base)}}@media (min-width:768px){.section-card{min-height:480px}}@media (min-width:1280px){.section-card{min-height:500px}.metric-value{font-size:var(--text-4xl)}}.section-card.loading{opacity:.8;pointer-events:none}.section-card.loading:after{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff0d 50%,#0000);content:"";inset:0;position:absolute;z-index:2}.metric.loading .metric-value{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--bg-secondary);border-radius:var(--radius-sm);color:#0000}@media (hover:none) and (pointer:coarse){.section-card{min-height:var(--touch-target-spacious)}.metric,.section-actions .btn{min-height:var(--touch-target-spacious);padding:var(--space-4) var(--space-5)}.section-card:hover{transform:none}.section-card:active{transform:scale(.98);transition:transform .1s ease}.metric:hover{transform:none}.metric:active{transform:scale(.98);transition:transform .1s ease}}@media (prefers-reduced-motion:reduce){.btn-primary,.metric,.section-card{transition:none}.btn-primary:hover,.metric:hover,.section-card:hover{transform:none}.metric.loading .metric-value,.section-card.loading:after{animation:none}@keyframes shimmer,
  @keyframes pulse{0%,to{opacity:1;transform:none}}}@media (prefers-contrast:high){.section-card{border:2px solid var(--border-interactive)}.section-card:before{display:none}.metric{border:2px solid var(--border-interactive)}.section-actions .btn{border:2px solid}.metric-value-active,.metric-value-available,.metric-value-available-numbers,.metric-value-connecting,.metric-value-offline,.metric-value-online,.metric-value-phones,.metric-value-systems,.metric-value-total,.metric-value-used{text-shadow:none}}.section-card:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.metric:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.section-actions .btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.chips-section{animation:fadeIn .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#0a0a0a,#111 25%,#1a1a1a 50%,#111 75%,#0a0a0a);background-attachment:fixed;min-height:calc(100vh - 60px);overflow-x:hidden;padding:var(--mobile-padding);position:relative;width:100%}.chips-section:before{animation:subtle-float 25s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b82f605 0,#0000 50%),radial-gradient(circle at 80% 20%,#06b6d405 0,#0000 50%),radial-gradient(circle at 40% 40%,#8b451303 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.section-header{animation:slideDown .7s cubic-bezier(.4,0,.2,1) .1s both;margin-bottom:2rem;position:relative;text-align:center;z-index:1}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-400) 50%,var(--accent-400) 100%);background-clip:text;-webkit-background-clip:text;font-size:var(--mobile-text-3xl);font-weight:800;letter-spacing:-.02em;line-height:var(--leading-tight);margin-bottom:var(--space-3);position:relative;text-shadow:0 4px 8px #0000004d}.section-header h2:after{animation:expandLine .8s cubic-bezier(.4,0,.2,1) .3s both;background:linear-gradient(90deg,var(--primary-600),var(--accent-500));border-radius:var(--radius-full);bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@keyframes expandLine{0%{opacity:0;width:0}to{opacity:1;width:60px}}.section-subtitle{color:var(--text-secondary);font-size:var(--mobile-text-lg);font-weight:400;line-height:var(--leading-relaxed);margin:0 auto;max-width:600px;text-shadow:0 2px 4px #0003}.category-section{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) both;animation-delay:0s;animation-delay:var(--stagger-delay,0s);margin-bottom:3rem;position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.category-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);margin-bottom:1.5rem;overflow:hidden;padding:var(--space-4);position:relative;text-align:left;transition:all var(--transition-normal) var(--ease-out)}.category-header:before{background:linear-gradient(135deg,#3b82f608,#0000 50%,#06b6d408);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.category-header:hover:before{opacity:1}.category-header:hover{border-color:var(--border-interactive);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.category-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--mobile-text-xl);font-weight:700;gap:var(--space-3);margin-bottom:var(--space-2);position:relative;z-index:1}.category-title:before{background:linear-gradient(135deg,var(--primary-600),var(--accent-500));border-radius:var(--radius-full);content:"";flex-shrink:0;height:20px;width:4px}.category-description{color:var(--text-secondary);font-size:var(--mobile-text-base);font-weight:500;line-height:var(--leading-relaxed);margin:0;position:relative;z-index:1}.systems-grid{grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:1fr}.sections-grid,.systems-grid{max-width:100%;position:relative;z-index:1}.sections-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr;margin:0 auto}@media (min-width:475px){.chips-section{padding:var(--space-5)}.section-header h2{font-size:var(--text-3xl)}.section-subtitle{font-size:var(--text-lg)}.category-header{padding:var(--space-5)}.category-title{font-size:var(--text-xl)}.systems-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:640px){.chips-section{padding:var(--tablet-padding)}.section-header{margin-bottom:2.5rem}.section-header h2{font-size:var(--text-4xl)}.section-subtitle{font-size:var(--text-xl)}.category-section{margin-bottom:3.5rem}.category-header{margin-bottom:2rem;padding:var(--space-6)}.category-title{font-size:var(--text-2xl)}.category-description{font-size:var(--text-lg)}.systems-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.sections-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.chips-section{min-height:calc(100vh - 80px);padding:var(--desktop-padding)}.section-header{margin-bottom:3rem}.section-header h2{font-size:var(--text-5xl)}.systems-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:1400px}.sections-grid{grid-template-columns:repeat(3,1fr);max-width:1600px}}@media (min-width:1024px){.chips-section{padding:var(--space-10)}.systems-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}@media (min-width:1280px){.systems-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.category-section.loading{opacity:.7;pointer-events:none}.category-section.loading:after{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";inset:0;position:absolute}@media (prefers-reduced-motion:reduce){.category-section,.chips-section,.chips-section:before,.section-header{animation:none}.category-header:hover{transform:none}@keyframes fadeIn,
  @keyframes subtle-float,
  @keyframes slideDown,
  @keyframes expandLine,
  @keyframes fadeInUp,
  @keyframes shimmer{0%,to{opacity:1;transform:none}}}@media (prefers-contrast:high){.chips-section:before{display:none}.section-header h2{-webkit-text-fill-color:initial;background:none;color:var(--primary-light)}.category-header{border:2px solid var(--border-interactive)}.category-title:before{background:var(--primary-color)}}.chips-section{scroll-behavior:smooth}.category-section:first-child{--stagger-delay:0.1s}.category-section:nth-child(2){--stagger-delay:0.2s}.category-section:nth-child(3){--stagger-delay:0.3s}.category-section:nth-child(4){--stagger-delay:0.4s}.category-section:nth-child(5){--stagger-delay:0.5s}@media (hover:hover) and (pointer:fine){.category-header{cursor:pointer}}@media (hover:none) and (pointer:coarse){.category-header{min-height:var(--touch-target-spacious);padding:var(--space-4) var(--space-5)}.category-header:hover{transform:none}.category-header:active{transform:scale(.98);transition:transform .1s ease}}.chips-section.no-js{animation:none}.chips-section.no-js .category-section,.chips-section.no-js .section-header{animation:none;opacity:1;transform:none}.success-modal-overlay{align-items:center;background:#0a0a0a;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999999}.success-modal{background:#111;border:2px solid #10b981;border-radius:8px;box-shadow:0 4px 16px #0000004d;max-width:400px;padding:3rem 2rem 2rem;position:relative;text-align:center;width:90%}.success-icon{margin-bottom:1.5rem;position:relative}.check-mark{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;margin:0 auto;width:80px}.success-modal h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.success-modal p{color:#ccc;font-size:1rem;line-height:1.5;margin:0 0 2rem}.success-modal strong{color:#10b981;font-weight:600}.success-actions{margin-bottom:1rem}.success-actions .btn{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.875rem 2rem}.success-actions .btn:hover{background:#059669}.auto-close-text{color:#999;font-size:.75rem;font-style:italic}@media (max-width:480px){.success-modal{margin:1rem;padding:2rem 1.5rem 1.5rem;width:95%}.check-mark{font-size:2rem;height:60px;width:60px}.success-modal h3{font-size:1.25rem}.success-modal p{font-size:.875rem}}.qr-modal-overlay-portal{align-items:center;animation:modal-backdrop-fade-in var(--transition-slow) var(--ease-out);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}.qr-modal-portal{animation:modal-slide-in var(--transition-slow) var(--ease-bounce);background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal);max-height:90vh;max-width:540px;overflow:hidden;padding:0;position:relative;width:100%}.qr-modal-portal:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05 50%,#ffffff0d);border-radius:var(--radius-2xl);content:"";inset:0;pointer-events:none;position:absolute}.qr-modal-portal .qr-modal-header{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-surface);border-bottom:1px solid var(--border-secondary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;justify-content:space-between;padding:var(--space-8) var(--space-8) var(--space-6) var(--space-8);position:relative;z-index:1}.qr-modal-portal .qr-modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));background-clip:text;-webkit-background-clip:text;color:var(--text-primary);font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight);margin:0}.qr-modal-portal .close-btn{align-items:center;background:var(--bg-interactive);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-lg);height:44px;justify-content:center;line-height:1;overflow:hidden;padding:var(--space-2);position:relative;transition:all var(--transition-normal) var(--ease-out);width:44px}.qr-modal-portal .close-btn:before{background:var(--bg-interactive-hover);border-radius:var(--radius-lg);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.qr-modal-portal .close-btn:hover:before{opacity:1}.qr-modal-portal .close-btn:hover{border-color:var(--border-interactive);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:scale(1.05)}.qr-modal-portal .close-btn:active{transform:scale(.98)}.qr-modal-portal .qr-modal-body{padding:var(--space-8);position:relative;text-align:center;z-index:1}.qr-modal-portal .qr-modal-body p{color:var(--text-secondary);font-size:var(--text-base);font-weight:500;line-height:var(--leading-relaxed);margin:0 0 var(--space-8) 0}.qr-code-container{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;justify-content:center;margin-bottom:var(--space-8);padding:var(--space-6);position:relative;transition:all var(--transition-normal) var(--ease-out)}.qr-code-container:hover{box-shadow:var(--shadow-xl);transform:scale(1.02)}.qr-code-container:before{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));border-radius:var(--radius-xl);content:"";inset:-2px;opacity:0;position:absolute;transition:opacity var(--transition-normal);z-index:-1}.qr-code-container:hover:before{opacity:.2}.qr-modal-portal .qr-code-image{border-radius:var(--radius-md);display:block;height:auto;max-width:320px;transition:all var(--transition-normal);width:100%}.qr-modal-portal .qr-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-12)}.qr-modal-portal .qr-loading .loading-spinner{animation:elegant-spin 1s linear infinite;border:4px solid var(--border-secondary);border-radius:var(--radius-full);border-top-color:var(--primary-500);height:64px;width:64px}@keyframes elegant-spin{to{transform:rotate(1turn)}}.qr-modal-portal .qr-loading p{color:var(--text-secondary);font-size:var(--text-base);font-weight:500;margin:0}.qr-modal-portal .pairing-code{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);margin-top:var(--space-6);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal) var(--ease-out)}.qr-modal-portal .pairing-code:before{background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface-hover));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.qr-modal-portal .pairing-code:hover:before{opacity:1}.qr-modal-portal .pairing-code:hover{border-color:var(--border-interactive);box-shadow:var(--shadow-md);transform:translateY(-2px)}.qr-modal-portal .pairing-code p{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500;margin:0 0 var(--space-4) 0;position:relative;z-index:1}.qr-modal-portal .pairing-code code{background:var(--bg-interactive);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--primary-light);display:inline-block;font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;letter-spacing:2px;padding:var(--space-4) var(--space-6);position:relative;text-shadow:0 0 10px #3b82f64d;transition:all var(--transition-normal) var(--ease-out);word-break:break-all;z-index:1}.qr-modal-portal .pairing-code:hover code{border-color:var(--border-interactive);box-shadow:var(--shadow-sm);color:var(--primary-400);text-shadow:0 0 15px #3b82f666}.qr-info-text{color:var(--text-tertiary);display:block;font-size:var(--text-sm);font-style:italic;line-height:var(--leading-relaxed);margin-top:var(--space-8);transition:color var(--transition-normal)}.qr-modal-portal:hover .qr-info-text{color:var(--text-secondary)}@media (max-width:768px){.qr-modal-overlay-portal{padding:var(--space-3)}.qr-modal-portal{border-radius:var(--radius-xl);max-width:480px}.qr-modal-portal .qr-modal-header{border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-6) var(--space-6) var(--space-4) var(--space-6)}.qr-modal-portal .qr-modal-header h3{font-size:var(--text-lg)}.qr-modal-portal .close-btn{font-size:var(--text-base);height:40px;width:40px}.qr-modal-portal .qr-modal-body{padding:var(--space-6)}.qr-modal-portal .qr-code-image{max-width:280px}.qr-code-container,.qr-modal-portal .pairing-code{padding:var(--space-4)}.qr-modal-portal .pairing-code code{font-size:var(--text-base);padding:var(--space-3) var(--space-4)}}@media (max-width:480px){.qr-modal-overlay-portal{padding:var(--space-2)}.qr-modal-portal{border-radius:var(--radius-lg);margin:var(--space-2);width:calc(100vw - var(--space-4))}.qr-modal-portal .qr-modal-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-4)}.qr-modal-portal .qr-modal-header h3{font-size:var(--text-base)}.qr-modal-portal .close-btn{font-size:var(--text-sm);height:36px;width:36px}.qr-modal-portal .qr-modal-body{padding:var(--space-4)}.qr-modal-portal .qr-code-image{max-width:240px}.qr-code-container{margin-bottom:var(--space-6);padding:var(--space-3)}.qr-modal-portal .pairing-code{margin-top:var(--space-4);padding:var(--space-3)}.qr-modal-portal .pairing-code code{font-size:var(--text-sm);letter-spacing:1px;padding:var(--space-2) var(--space-3)}.qr-modal-portal .qr-loading{padding:var(--space-8)}.qr-modal-portal .qr-loading .loading-spinner{height:48px;width:48px}}@media (prefers-reduced-motion:reduce){.qr-modal-overlay-portal,.qr-modal-portal{animation:none}.qr-code-container:hover,.qr-modal-portal .close-btn:hover,.qr-modal-portal .pairing-code:hover{transform:none}.qr-modal-portal .qr-loading .loading-spinner{animation:none}@keyframes modal-backdrop-fade-in,
  @keyframes modal-slide-in,
  @keyframes elegant-spin{0%,to{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:1;transform:none}}}@media (prefers-contrast:high){.qr-modal-portal{border:2px solid var(--border-interactive)}.qr-modal-portal .qr-modal-header{border-bottom:2px solid var(--border-interactive)}.qr-code-container,.qr-modal-portal .close-btn,.qr-modal-portal .pairing-code{border:2px solid var(--border-interactive)}.qr-modal-portal .pairing-code code{border:2px solid var(--primary-color)}}.instance-card{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;height:480px;overflow:hidden;padding:0;position:relative;transition:all .2s ease}.instance-card.analyzing{animation:analyzingPulse 2s infinite;border:2px solid #ef4444;box-shadow:0 0 20px #ef44444d}@keyframes analyzingPulse{0%,to{border-color:#ef4444;box-shadow:0 0 20px #ef44444d}50%{border-color:#dc2626;box-shadow:0 0 30px #ef444480}}.instance-card:hover{border-color:#fff3;box-shadow:0 10px 30px #00000080;transform:translateY(-4px)}.instance-header{background:#0000004d;border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:1rem;position:relative}.header-content{margin-bottom:1rem}.profile-section{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.profile-avatar{flex-shrink:0;height:50px;position:relative;width:50px}.profile-image{border:3px solid var(--primary-color);border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-placeholder{align-items:center;background:linear-gradient(135deg,#00a8ff,#0078ff);border:3px solid #0078ff;border-radius:50%;color:#fff;display:flex;font-size:1.8rem;height:100%;justify-content:center;width:100%}.instance-name{color:#f0f0f0;font-size:1rem;font-weight:600}.instance-name,.profile-name{line-height:1.2;margin:0 0 .25rem;word-break:break-word}.profile-name{color:#a0a0a0;font-size:.875rem}.phone-number{color:#888;font-family:Monaco,monospace;font-size:.8rem;margin:0}.status-badge-container{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.status-badge{font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.analyze-badge,.status-badge{align-items:center;border-radius:var(--radius-md);display:flex;font-weight:600;gap:.5rem;padding:.375rem .75rem}.analyze-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.7rem}.analyze-icon{font-size:.9rem}.analyze-time{font-family:Monaco,monospace;letter-spacing:.5px}.status-badge .status-dot{border-radius:50%;height:6px;width:6px}.status-online .status-badge{background:linear-gradient(135deg,#00c851,#00a936);border:none;color:#fff}.status-online .status-dot{background-color:#0f0;box-shadow:0 0 5px #0f0}.status-connecting .status-badge{background:linear-gradient(135deg,#ff9800,#ff6f00);border:none;color:#fff}.status-connecting .status-dot{background-color:orange;box-shadow:0 0 5px orange}.status-offline .status-badge{background:linear-gradient(135deg,#ff5252,#d32f2f);border:none;color:#fff}.status-offline .status-dot{background-color:red;box-shadow:0 0 5px red}.instance-body{flex:1 1;min-height:0;overflow:visible;padding:1rem}.instance-body,.instance-stats{display:flex;flex-direction:column}.instance-stats{flex-shrink:0;gap:.5rem;margin-bottom:.75rem;order:1}.stat-row{gap:.5rem}.stat-item{background:#0003;border:1px solid #ffffff0d;border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0;padding:.4rem .5rem;transition:all .2s ease}.stat-item:hover{background:#0006;box-shadow:0 2px 8px #0000004d;transform:translateY(-2px)}.stat-label{font-size:.65rem;font-weight:400;letter-spacing:.01px;line-height:1.1}.stat-value{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.1rem;line-height:1.2}.contacts-value{color:#00a8ff}.messages-value{color:#ff9800}.chats-value{color:#00c851}.date-value{color:#a0a0a0;font-family:Monaco,monospace;font-size:.45rem;font-weight:400}.instance-actions{background:#0000004d;border-top:1px solid #ffffff1a;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.3rem;margin-top:auto;order:3;padding:.75rem 1rem}.action-btn{border:1px solid #0000;border-radius:4px;flex:1 1;font-size:.65rem;font-weight:500;gap:.25rem;min-width:60px;padding:.35rem .5rem;transition:all .2s ease}.action-btn:disabled{cursor:not-allowed;opacity:.6}.restart-btn{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.restart-btn:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.logout-btn{background:var(--warning-color);border-color:var(--warning-color);color:#fff}.logout-btn:hover:not(:disabled){background:#f59e0b;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.connect-btn{background:var(--success-color);border-color:var(--success-color);color:#fff}.connect-btn:hover:not(:disabled){background:#059669;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.delete-btn{background:var(--error-color);border-color:var(--error-color);color:#fff}.delete-btn:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.analyze-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#7c3aed;color:#fff}.analyze-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.analyze-btn.analyzing{animation:analyzeButtonPulse 1.5s infinite;background:linear-gradient(135deg,#ec4899,#db2777);border-color:#db2777}.analyze-btn.analyzing:hover:not(:disabled){background:linear-gradient(135deg,#db2777,#be185d)}@keyframes analyzeButtonPulse{0%,to{opacity:1}50%{opacity:.8}}.analyze-icon-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;margin-top:.5rem;transition:all .2s ease;width:32px}.analyze-icon-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666;transform:scale(1.1)}.analyze-icon-btn.active{animation:iconPulse 1.5s infinite;background:linear-gradient(135deg,#ef4444,#dc2626)}.analyze-icon-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes iconPulse{0%,to{box-shadow:0 0 0 0 #ef4444b3}50%{box-shadow:0 0 0 8px #ef444400}}.qr-modal-overlay-global{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.qr-modal-global{animation:modalSlideIn .3s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);max-height:85vh;max-width:450px;overflow:hidden;padding:0;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.qr-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.qr-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);max-height:80vh;max-width:400px;overflow:hidden;padding:0;width:90%}.qr-modal-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.qr-modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;transition:all .3s ease;width:32px}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.qr-modal-body{padding:2rem;text-align:center}.qr-modal-body p{color:var(--text-secondary);font-size:.9rem;margin:0 0 1.5rem}.qr-code-image{border-radius:var(--radius-lg);height:auto;margin-bottom:1.5rem;max-width:100%}.pairing-code{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:1rem;padding:1rem}.pairing-code p{color:var(--text-muted);font-size:.8rem;margin:0 0 .5rem}.pairing-code code{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--primary-color);display:inline-block;font-family:Monaco,monospace;font-size:1.1rem;font-weight:600;letter-spacing:2px;padding:.5rem 1rem}.qr-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.qr-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:50px;width:50px}.qr-loading p{color:var(--text-secondary);font-size:.875rem;margin:0}@media (max-width:768px){.instance-card{padding:1rem}.instance-header{align-items:stretch;flex-direction:column;gap:1rem}.profile-section{align-items:center}.status-badge{align-self:flex-start}.stat-row{flex-direction:column;gap:.5rem}.instance-actions{gap:.375rem;padding:.75rem}.action-btn{font-size:.75rem;min-width:60px;padding:.375rem .5rem}.qr-modal{margin:1rem;width:95%}.qr-modal-body,.qr-modal-header{padding:1rem}}.consultant-list-container{background:#111;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.consultant-list-header{margin-bottom:2rem;text-align:center}.consultant-list-header h2{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.list-subtitle{color:#ccc;font-size:.875rem}.consultant-list{display:flex;flex-direction:column;gap:1rem}.consultant-item{align-items:flex-start;background:#1a1a1a;border:1px solid #333;border-radius:8px;display:flex;padding:1.25rem;position:relative}.consultant-item:hover{background:#2a2a2a;border-color:#6366f1}.consultant-number{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;margin-right:1.25rem;width:40px}.consultant-basic-info{display:flex;flex:1 1;flex-direction:column;gap:1rem}.consultant-name-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.consultant-name{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.consultant-stats-inline{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.stat-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .625rem}.stat-badge.total{background:#6366f1;border:1px solid #6366f1;color:#fff}.stat-badge.online{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.stat-badge.connecting{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.stat-badge.offline{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.stat-badge:hover{opacity:.8}.consultant-numbers{display:flex;flex-direction:column;gap:.5rem}.numbers-label{color:#ccc;font-size:.875rem;font-weight:600}.numbers-list{display:flex;flex-wrap:wrap;gap:.5rem}.phone-number{background:#111;border:1px solid #333;border-radius:4px;color:#fff;font-family:Monaco,Courier New,monospace;font-size:.8125rem;padding:.375rem .75rem;position:relative;transition:all .2s ease}.phone-number.status-online{background:#10b9811a;border-left:4px solid;border-color:#10b981}.phone-number.status-connecting{background:#f59e0b1a;border-left:4px solid;border-color:#f59e0b}.phone-number.status-offline{background:#ef44441a;border-left:4px solid;border-color:#ef4444}.phone-number:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.no-numbers{color:#999;font-size:.8125rem;font-style:italic}@media (max-width:768px){.consultant-item,.consultant-list-container{padding:1rem}.consultant-number{font-size:.875rem;height:32px;margin-right:1rem;width:32px}.consultant-name-section{align-items:flex-start;flex-direction:column}.consultant-stats-inline{width:100%}.phone-number{font-size:.75rem;padding:.25rem .5rem}}@media (max-width:480px){.consultant-list-header h2{font-size:1.5rem}.consultant-name{font-size:1rem}.stat-badge{font-size:.625rem;padding:.2rem .5rem}}.create-instance-overlay{align-items:center;animation:modal-backdrop-fade-in var(--transition-slow) var(--ease-out);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--mobile-padding);position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}@keyframes modal-backdrop-fade-in{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:1}}.create-instance-modal{animation:modal-slide-in var(--transition-slow) var(--ease-bounce);background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal);max-height:90vh;max-width:600px;overflow:hidden;padding:0;position:relative;width:100%}.create-instance-modal:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05 50%,#ffffff0d);border-radius:var(--radius-2xl);content:"";inset:0;pointer-events:none;position:absolute}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-instance-modal .modal-header{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-surface);border-bottom:1px solid var(--border-secondary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;justify-content:space-between;padding:var(--space-8);position:relative;z-index:1}.create-instance-modal .modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));background-clip:text;-webkit-background-clip:text;color:var(--text-primary);font-size:var(--mobile-text-xl);font-weight:700;line-height:var(--leading-tight);margin:0}.create-instance-modal .close-btn{align-items:center;background:var(--bg-interactive);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-lg);justify-content:center;line-height:1;min-height:var(--touch-target-min);min-width:var(--touch-target-min);overflow:hidden;padding:var(--space-2);position:relative;transition:all var(--transition-normal) var(--ease-out)}.create-instance-modal .close-btn:before{background:var(--bg-interactive-hover);border-radius:var(--radius-lg);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.create-instance-modal .close-btn:hover:before{opacity:1}.create-instance-modal .close-btn:hover{border-color:var(--border-interactive);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:scale(1.05)}.create-instance-modal .close-btn:active{transform:scale(.98)}.create-instance-modal .modal-body{max-height:calc(90vh - 160px);overflow-y:auto;padding:var(--space-8);position:relative;z-index:1}.create-instance-modal .modal-body::-webkit-scrollbar{width:6px}.create-instance-modal .modal-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}.create-instance-modal .modal-body::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}.create-instance-modal .modal-body::-webkit-scrollbar-thumb:hover{background:var(--border-interactive)}.form-group{margin-bottom:var(--space-6)}.form-group:last-child{margin-bottom:0}.form-group label{margin-bottom:var(--space-3);transition:color var(--transition-normal)}.form-group input,.form-group label{color:var(--text-primary);font-size:var(--mobile-text-base)}.form-group input{background:var(--bg-interactive);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-sizing:border-box;font-family:var(--font-sans);min-height:var(--touch-target-comfortable);padding:var(--space-4) var(--space-4);transition:all var(--transition-normal) var(--ease-out);width:100%}.form-group input::placeholder{transition:color var(--transition-normal)}.form-group input:focus{background:var(--bg-elevated);border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.form-group input:focus::placeholder,.form-group small{color:var(--text-tertiary)}.form-group small{display:block;font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-top:var(--space-2)}.token-input-container{align-items:stretch;display:flex;gap:var(--space-3)}.token-input-container input{background:var(--bg-surface);border:1px solid var(--border-secondary);flex:1 1;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.5px}.token-input-container input:focus{background:var(--bg-elevated);border-color:var(--border-focus)}.regenerate-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-lg);justify-content:center;min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);overflow:hidden;padding:var(--space-3);position:relative;transition:all var(--transition-normal) var(--ease-out)}.regenerate-btn:before{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:var(--radius-lg);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.regenerate-btn:hover:before{opacity:1}.regenerate-btn:hover{border-color:var(--primary-600);box-shadow:var(--shadow-sm),var(--shadow-primary);color:#fff;transform:scale(1.05)}.regenerate-btn:active{transform:scale(.98)}.regenerate-btn span{position:relative;z-index:1}.modal-actions{gap:var(--space-4);margin-top:var(--space-8)}.modal-actions .btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);display:flex;font-size:var(--mobile-text-base);gap:var(--space-2);justify-content:center;min-height:var(--touch-target-comfortable);min-width:120px;overflow:hidden;padding:var(--space-4) var(--space-6);position:relative;transition:all var(--transition-normal) var(--ease-out)}.modal-actions .btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.modal-actions .btn-secondary{background:var(--bg-elevated);border-color:var(--border-primary);box-shadow:var(--shadow-xs);color:var(--text-secondary)}.modal-actions .btn-secondary:before{background:var(--bg-elevated-hover);border-radius:var(--radius-lg);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.modal-actions .btn-secondary:hover:not(:disabled):before{opacity:1}.modal-actions .btn-secondary:hover:not(:disabled){border-color:var(--border-interactive);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateY(-2px)}.modal-actions .btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-color:var(--primary-600);box-shadow:var(--shadow-sm),var(--shadow-primary);color:#fff}.modal-actions .btn-primary:before{background:linear-gradient(135deg,var(--primary-700),var(--primary-800));border-radius:var(--radius-lg);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.modal-actions .btn-primary:hover:not(:disabled):before{opacity:1}.modal-actions .btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md),var(--shadow-primary);transform:translateY(-2px)}.modal-actions .btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm),var(--shadow-primary);transform:translateY(0)}@media (min-width:475px){.create-instance-modal .modal-header h3{font-size:var(--text-xl)}.form-group input,.form-group label,.modal-actions .btn{font-size:var(--text-base)}}@media (min-width:640px){.create-instance-overlay{padding:var(--tablet-padding)}.create-instance-modal .modal-header h3{font-size:var(--text-2xl)}}@media (min-width:768px){.create-instance-overlay{padding:var(--desktop-padding)}.modal-actions{flex-direction:row}.modal-actions .btn{width:auto}}@media (max-width:480px){.create-instance-overlay{padding:var(--space-3)}.create-instance-modal{border-radius:var(--radius-xl);width:calc(100vw - var(--space-6))}.create-instance-modal .modal-header{border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-6)}.create-instance-modal .modal-header h3{font-size:var(--mobile-text-lg)}.create-instance-modal .close-btn{font-size:var(--text-base);min-height:40px;min-width:40px}.create-instance-modal .modal-body{padding:var(--space-6)}.token-input-container{flex-direction:column;gap:var(--space-3)}.regenerate-btn,.token-input-container input{width:100%}.modal-actions{flex-direction:column;gap:var(--space-3)}.modal-actions .btn{min-width:auto;width:100%}}@media (hover:none) and (pointer:coarse){.create-instance-modal .close-btn,.regenerate-btn{min-height:var(--touch-target-spacious);min-width:var(--touch-target-spacious)}.form-group input{padding:var(--space-4) var(--space-5)}.form-group input,.modal-actions .btn{min-height:var(--touch-target-spacious)}.modal-actions .btn{padding:var(--space-4) var(--space-6)}.create-instance-modal .close-btn:hover,.modal-actions .btn:hover,.regenerate-btn:hover{transform:none}.create-instance-modal .close-btn:active,.modal-actions .btn:active,.regenerate-btn:active{transform:scale(.98);transition:transform .1s ease}}@media (prefers-reduced-motion:reduce){.create-instance-modal,.create-instance-overlay{animation:none}.create-instance-modal .close-btn:hover,.form-group input:focus,.modal-actions .btn:hover,.regenerate-btn:hover{transform:none}@keyframes modal-backdrop-fade-in,
  @keyframes modal-slide-in{0%,to{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:1;transform:none}}}@media (prefers-contrast:high){.create-instance-modal{border:2px solid var(--border-interactive)}.create-instance-modal .modal-header{border-bottom:2px solid var(--border-interactive)}.create-instance-modal .close-btn,.form-group input,.regenerate-btn{border:2px solid var(--border-interactive)}.modal-actions .btn{border:2px solid}.modal-actions{border-top:2px solid var(--border-interactive)}}.create-instance-modal .close-btn:focus-visible,.form-group input:focus-visible,.modal-actions .btn:focus-visible,.regenerate-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.modal-actions .btn.loading{pointer-events:none;position:relative}.modal-actions .btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:var(--radius-full);border-top-color:initial;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.modal-actions .btn.loading span{opacity:0}.instances-page{min-height:100vh;padding:2rem 0}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-actions{gap:1rem}.header-content h1{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.page-subtitle{color:#ccc;font-size:1.125rem}.create-btn,.refresh-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;white-space:nowrap}.create-btn{background:#10b981;color:#fff}.create-btn:hover{background:#059669}.refresh-btn{background:#6366f1;color:#fff}.refresh-btn:hover{background:#5855eb}.error-container,.loading-container{min-height:50vh}.loading-spinner{border:3px solid #333;border-top-color:#6366f1;margin-bottom:1rem}.error-container{gap:1rem}.error-icon{font-size:3rem}.error-container h3{color:#fff;margin:0}.error-container p{color:#ccc;margin:0}.stats-section{margin-bottom:2rem;overflow-x:auto}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(180px,1fr));min-width:-webkit-min-content;min-width:min-content}.stat-card{align-items:center;background:#111;border:1px solid #333;border-radius:8px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative}.stat-card:hover{background:#1a1a1a}.stat-icon{flex-shrink:0;font-size:2rem}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-value{color:#fff;font-size:1.5rem;line-height:1}.stat-label{color:#ccc;font-size:.875rem;font-weight:500}.stat-card.total{border-left:4px solid #6366f1}.stat-card.online{border-left:4px solid #10b981}.stat-card.connecting{border-left:4px solid #f59e0b}.stat-card.offline{border-left:4px solid #ef4444}.stat-card.analyzing{border-left:4px solid #9333ea}.stat-card.contacts{border-left:4px solid #8b5cf6}.stat-card.messages{border-left:4px solid #06b6d4}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.view-toggle{background:#111;border:1px solid #333;border-radius:8px;display:flex;overflow:hidden}.toggle-btn{align-items:center;background:#0000;border:none;color:#ccc;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;white-space:nowrap}.toggle-btn:hover{background:#1a1a1a;color:#fff}.toggle-btn.active{background:#6366f1;color:#fff}.search-container{min-width:250px}.search-input{background:#111;border:1px solid #333;border-radius:4px;color:#fff;font-size:.875rem;padding:.75rem 1rem}.search-input::placeholder{color:#999}.search-input:focus{border-color:#6366f1}.status-filter{background:#111;border:1px solid #333;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;width:100%}.status-filter:focus{border-color:#6366f1;outline:none}.content-area{width:100%}.consultant-view{display:flex;flex-direction:column;gap:3rem}.consultant-group{width:100%}.instances-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1.5rem}.no-results{align-items:center;background:#111;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:3rem 2rem;text-align:center}.no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.no-results h3{color:#fff;margin-bottom:.5rem}.no-results p{color:#ccc;margin:0}@media (max-width:768px){.instances-page{padding:1rem 0}.page-header{align-items:stretch;flex-direction:column}.header-content h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(5,minmax(150px,1fr))}.stat-card{padding:1rem}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.25rem}.filters-section{flex-direction:column}.filter-container,.search-container{min-width:auto}.instances-grid{gap:1rem;grid-template-columns:1fr}}.modal-overlay{background:#0a0a0a;padding:20px;z-index:1000}.modal-content{background:#111;border:1px solid #333;border-radius:8px;box-shadow:0 4px 16px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.modal-close{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#ccc;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.modal-close:hover{background:#333;color:#fff}.modal-body{max-height:calc(90vh - 120px);overflow-y:auto;padding:32px}.available-tags h4{color:#fff;font-weight:600;margin-bottom:1rem}.tags-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag-option{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem}.tag-option:hover{opacity:.8}.create-tag-section{border-top:1px solid #333;padding-top:1.5rem}.create-tag-form{background:#1a1a1a;border:1px solid #333;border-radius:4px;margin-top:1rem;padding:1rem}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.5rem}.form-input{background:#111;border:1px solid #333;border-radius:4px;color:#fff;font-size:.95rem;padding:12px 16px;width:100%}.form-input:focus{background:#0a0a0a;border-color:#6366f1;outline:none}.form-input::placeholder{color:#999}.color-input-wrapper{align-items:center;display:flex;gap:1rem}.color-input{background:#0000;border:1px solid #333;border-radius:4px;cursor:pointer;height:40px;width:50px}.color-preview{border:1px solid #333;border-radius:4px;font-weight:500;min-width:80px;padding:.5rem 1rem}.color-preview,.loading{color:#fff;text-align:center}.loading{padding:2rem}.perfil-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin:.5rem 0}.perfil-tags .tag{align-items:center;border-radius:4px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;position:relative}.perfil-tags .clickable-tag{cursor:pointer;padding-right:1.5rem;transition:all .2s ease}.perfil-tags .clickable-tag:hover{opacity:.8}.tag-remove-icon{font-size:.6rem;opacity:.7;position:absolute;right:.25rem;transition:opacity .2s ease}.clickable-tag:hover .tag-remove-icon{opacity:1}.btn{border:1px solid #333;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.action-btn.tag-btn{background:#1a1a1a;border:1px solid #333;color:#ccc}.action-btn.tag-btn:hover{background:#333;color:#fff}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-width:100%}.modal-body,.modal-header{padding:20px}.tags-grid{gap:.25rem}.tag-option{font-size:.875rem;padding:.375rem .75rem}}.modern-perfil-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg-subtle);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-4);position:relative;transition:all var(--transition-normal) var(--ease-out)}.modern-perfil-card:before{background:linear-gradient(135deg,#ffffff05,#ffffff03 50%,#ffffff05);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-normal)}.modern-perfil-card:hover:before{opacity:1}.modern-perfil-card:hover{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-md);transform:translateY(-2px) scale(1.01)}.card-glow{background:linear-gradient(135deg,var(--primary-400),var(--accent-400));border-radius:inherit;filter:blur(8px);inset:-2px;opacity:0;position:absolute;transition:opacity var(--transition-normal);z-index:-1}.modern-perfil-card:hover .card-glow{opacity:.1}.modern-perfil-card.editing{background:var(--glass-bg);border-color:var(--primary-400);box-shadow:var(--shadow-lg),0 0 20px #6366f133;transform:scale(1.02)}.modern-perfil-card.editing .card-glow{opacity:.2}.edit-form-modern{position:relative;z-index:1}.edit-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.edit-title{color:var(--text-primary);font-size:var(--text-base);font-weight:700;margin:0}.edit-indicators{display:flex;gap:var(--space-1)}.indicator{background:var(--border-secondary);border-radius:50%;height:6px;transition:background-color var(--transition-normal);width:6px}.indicator.active{background:var(--primary-400);box-shadow:0 0 8px #6366f166}.edit-fields{gap:var(--space-4);margin-bottom:var(--space-5)}.edit-fields,.field-group{display:flex;flex-direction:column}.field-group{gap:var(--space-2)}.field-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.field-input,.field-textarea{background:var(--bg-interactive);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-normal) var(--ease-out);width:100%}.field-input:focus,.field-textarea:focus{background:var(--bg-elevated);border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f11a;transform:translateY(-1px)}.field-input::placeholder,.field-textarea::placeholder{color:var(--text-quaternary);font-weight:400}.field-textarea{font-family:inherit;line-height:var(--leading-relaxed);min-height:60px;resize:vertical}.edit-actions-modern{display:flex;gap:var(--space-2);justify-content:flex-end}.btn-modern{border:none;border-radius:var(--radius-lg);min-height:36px;padding:var(--space-2) var(--space-4)}.btn-modern.save{background:linear-gradient(135deg,var(--success-color),var(--success-dark));box-shadow:var(--shadow-sm),0 0 15px #10b98133;color:#fff}.btn-modern.save:hover{box-shadow:var(--shadow-md),0 0 20px #10b9814d;transform:translateY(-1px)}.btn-modern.cancel{background:var(--bg-surface);border:1px solid var(--border-primary);color:var(--text-secondary)}.btn-modern.cancel:hover{background:var(--bg-surface-hover);border-color:var(--border-interactive);color:var(--text-primary);transform:translateY(-1px)}.perfil-header-modern{align-items:flex-start;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.profile-indicator{flex-shrink:0;height:12px;margin-top:4px;position:relative;width:12px}.status-dot{border:2px solid var(--bg-card);border-radius:50%;height:100%;transition:all var(--transition-normal);width:100%}.status-dot.online{background:var(--success-color);box-shadow:0 0 0 2px var(--success-color)}.status-dot.offline{background:var(--border-secondary);box-shadow:0 0 0 2px var(--border-secondary)}.status-pulse{animation:status-pulse 2s ease-out infinite;border:2px solid var(--success-color);border-radius:50%;inset:-4px;opacity:0;position:absolute}.status-dot.online+.status-pulse{opacity:1}@keyframes status-pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.profile-info{flex:1 1;min-width:0}.profile-name{color:var(--text-primary);font-size:var(--text-base);font-weight:700;line-height:var(--leading-tight);margin:0 0 var(--space-2) 0;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-normal);white-space:nowrap}.modern-perfil-card:hover .profile-name{color:var(--primary-400)}.profile-number{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:var(--space-1) var(--space-2);transition:all var(--transition-normal);width:-webkit-fit-content;width:fit-content}.modern-perfil-card:hover .profile-number{background:#6366f126;border-color:#6366f14d;color:var(--primary-400)}.profile-number svg{opacity:.7;transition:opacity var(--transition-normal)}.modern-perfil-card:hover .profile-number svg{opacity:1}.profile-actions{align-items:flex-start;display:flex;gap:var(--space-1)}.action-btn-mini{align-items:center;background:var(--bg-interactive);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;height:28px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-normal) var(--ease-out);width:28px}.action-btn-mini:before{background:var(--bg-interactive-hover);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.action-btn-mini:hover:before{opacity:1}.action-btn-mini:hover{border-color:var(--border-interactive);color:var(--text-primary);transform:scale(1.1)}.action-btn-mini.tag:hover{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));border-color:var(--accent-500);color:#fff}.action-btn-mini.edit:hover{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:var(--primary-500);color:#fff}.action-btn-mini.delete:hover{background:linear-gradient(135deg,var(--error-color),var(--error-dark));border-color:var(--error-color);color:#fff}.action-btn-mini.delete:hover:before,.action-btn-mini.edit:hover:before,.action-btn-mini.tag:hover:before{display:none}.profile-description{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-3);transition:all var(--transition-normal)}.modern-perfil-card:hover .profile-description{background:var(--bg-surface-hover);border-color:var(--border-interactive)}.profile-description p{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-relaxed);margin:0}.modern-tags-section{margin-bottom:var(--space-4)}.tags-container{display:flex;flex-wrap:wrap;gap:var(--space-2)}.modern-tag{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:color-mix(in srgb,var(--tag-color) 15%,#0000);border:1px solid color-mix(in srgb,var(--tag-color) 30%,#0000);border-radius:var(--radius-full);color:var(--tag-color);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--space-2);overflow:hidden;padding:var(--space-1) var(--space-3);position:relative;transition:all var(--transition-normal) var(--ease-out)}.modern-tag:before{background:var(--tag-color);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.modern-tag:hover:before{opacity:.15}.modern-tag:hover{background:color-mix(in srgb,var(--tag-color) 20%,#0000);border-color:color-mix(in srgb,var(--tag-color) 50%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--tag-color) 20%,#0000);transform:translateY(-1px) scale(1.02)}.tag-text{letter-spacing:.5px;position:relative;text-transform:uppercase;transition:color var(--transition-normal);z-index:1}.modern-tag:hover .tag-text{color:color-mix(in srgb,var(--tag-color) 90%,#fff)}.tag-remove{align-items:center;background:#fff3;border-radius:50%;display:flex;height:16px;justify-content:center;opacity:.7;position:relative;transition:all var(--transition-normal);width:16px;z-index:1}.modern-tag:hover .tag-remove{background:#ffffff4d;opacity:1;transform:scale(1.1)}.tag-remove svg{height:8px;width:8px}.perfil-footer-modern{align-items:center;border-top:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding-top:var(--space-3);transition:border-color var(--transition-normal)}.modern-perfil-card:hover .perfil-footer-modern{border-color:var(--border-interactive)}.creation-info{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--text-xs);font-weight:500;gap:var(--space-2)}.creation-info svg{opacity:.6}.drag-handle-modern{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-quaternary);display:flex;height:24px;justify-content:center;width:24px}.drag-handle-modern:hover{background:var(--bg-interactive);border-color:var(--border-primary);color:var(--text-secondary)}.drag-handle-modern:active{background:var(--bg-interactive-active);cursor:grabbing;transform:scale(.95)}@media (max-width:768px){.modern-perfil-card{padding:var(--space-3)}.perfil-header-modern{gap:var(--space-2);margin-bottom:var(--space-3)}.profile-name{font-size:var(--text-sm)}.profile-number{font-size:var(--text-xs);padding:2px var(--space-1)}.action-btn-mini{height:24px;width:24px}.profile-description{margin-bottom:var(--space-3);padding:var(--space-2)}.profile-description p{font-size:var(--text-xs)}.modern-tag{font-size:10px;padding:2px var(--space-2)}.tag-remove{height:12px;width:12px}.tag-remove svg{height:6px;width:6px}.creation-info{font-size:10px}.drag-handle-modern{height:20px;width:20px}}@media (max-width:480px){.modern-perfil-card{padding:var(--space-2)}.perfil-header-modern{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.profile-indicator{margin-top:0}.profile-info{width:100%}.profile-name{font-size:var(--text-xs);margin-bottom:var(--space-1)}.profile-number{font-size:10px;gap:var(--space-1)}.profile-actions{justify-content:flex-end;width:100%}.action-btn-mini{height:20px;width:20px}.edit-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.edit-title{font-size:var(--text-sm)}.field-label{font-size:10px}.btn-modern,.field-input,.field-textarea{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.btn-modern{min-height:32px}.edit-actions-modern{flex-direction:column;gap:var(--space-1)}.btn-modern{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.action-btn-mini,.btn-modern,.drag-handle-modern,.field-input,.field-textarea,.modern-perfil-card,.modern-tag{transition:none}.action-btn-mini:hover,.btn-modern:hover,.drag-handle-modern:hover,.modern-perfil-card:hover,.modern-tag:hover{transform:none}.status-pulse{animation:none}}@media (prefers-contrast:high){.modern-perfil-card{border:2px solid var(--border-interactive)}.perfil-header-modern{border-bottom:2px solid var(--border-interactive)}.action-btn-mini,.profile-number{border:2px solid var(--border-interactive)}.modern-tag{border:2px solid var(--tag-color)}.profile-description{border:2px solid var(--border-interactive)}.perfil-footer-modern{border-top:2px solid var(--border-interactive)}.drag-handle-modern,.field-input,.field-textarea{border:2px solid var(--border-interactive)}.btn-modern{border:2px solid}}.theme-dark .modern-perfil-card{box-shadow:var(--shadow-sm),0 0 15px #0000001a}.theme-dark .modern-perfil-card:hover{box-shadow:var(--shadow-md),0 0 20px #0003}.theme-dark .modern-perfil-card.editing{box-shadow:var(--shadow-lg),0 0 20px #6366f14d,0 0 30px #0003}.theme-dark .btn-modern.save{box-shadow:var(--shadow-sm),0 0 15px #10b9814d}.theme-dark .btn-modern.save:hover{box-shadow:var(--shadow-md),0 0 20px #10b98166}.theme-dark .modern-tag:hover{box-shadow:0 2px 8px color-mix(in srgb,var(--tag-color) 30%,#000)}.modern-celular-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);flex-shrink:0;max-width:450px;min-width:400px;overflow:hidden;position:relative;transition:all var(--transition-normal) var(--ease-out)}.modern-celular-card:before{background:linear-gradient(135deg,#ffffff08,#ffffff03 50%,#ffffff08);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-normal)}.modern-celular-card:hover:before{opacity:1}.modern-celular-card:hover{border-color:var(--border-interactive);box-shadow:var(--shadow-xl),0 0 40px #6366f126;transform:translateY(-6px) scale(1.02)}.card-background{border-radius:inherit;inset:0;overflow:hidden;position:absolute;z-index:0}.color-gradient{inset:0;opacity:.4;position:absolute;transition:all var(--transition-slow)}.modern-celular-card:hover .color-gradient{opacity:.6;transform:scale(1.1)}.glass-effect{background:linear-gradient(135deg,#ffffff0d,#ffffff05 30%,#ffffff03 70%,#ffffff0d);inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.modern-celular-card:hover .glass-effect{opacity:1}.modern-celular-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff05;border-bottom:1px solid var(--border-secondary);padding:var(--space-6);position:relative;z-index:1}.header-main{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.device-indicator{height:48px;width:48px}.device-color-ring,.device-indicator{align-items:center;display:flex;justify-content:center;position:relative}.device-color-ring{background:linear-gradient(135deg,var(--device-color),color-mix(in srgb,var(--device-color) 70%,#0000));border-radius:50%;box-shadow:0 0 0 2px #ffffff1a;height:100%;padding:3px;transition:all var(--transition-normal) var(--ease-out);width:100%}.modern-celular-card:hover .device-color-ring{box-shadow:0 0 0 3px #fff3,0 0 20px var(--device-color);transform:scale(1.1)}.color-dot{border:2px solid #ffffff4d;border-radius:50%;height:32px;position:relative;transition:all var(--transition-normal);width:32px;z-index:2}.modern-celular-card:hover .color-dot{border-color:#fff9;transform:scale(1.05)}.pulse-ring{animation:pulse-ring 2s ease-out infinite;border:2px solid var(--device-color);border-radius:50%;inset:-4px;opacity:0;position:absolute}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.device-info{flex:1 1;min-width:0}.device-name{color:var(--text-primary);font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);margin:0 0 var(--space-1) 0;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-normal);white-space:nowrap}.modern-celular-card:hover .device-name{color:var(--primary-400)}.device-model{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--space-2);line-height:var(--leading-snug)}.brand{background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:var(--space-1) var(--space-2);text-transform:uppercase}.model{color:var(--text-tertiary);font-weight:500}.modern-celular-card:hover .brand{background:#6366f133;border-color:#6366f166;color:var(--primary-400)}.modern-celular-card:hover .model{color:var(--text-secondary)}.stats-section{display:flex;justify-content:center;margin-bottom:var(--space-4)}.stat-card-mini{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);display:flex;gap:var(--space-3);overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;transition:all var(--transition-normal) var(--ease-out)}.stat-card-mini:before{background:linear-gradient(135deg,var(--primary-400),var(--accent-400));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.stat-card-mini:hover:before{opacity:.1}.stat-card-mini:hover{border-color:var(--border-interactive);box-shadow:var(--shadow-sm);transform:scale(1.05)}.stat-icon-container{color:var(--text-secondary);position:relative;transition:color var(--transition-normal);z-index:2}.stat-card-mini:hover .stat-icon-container{color:var(--primary-400)}.stat-content-mini{align-items:center;display:flex;flex-direction:column;gap:var(--space-1);position:relative;z-index:2}.stat-number{color:var(--text-primary);font-size:var(--text-lg);font-weight:800;line-height:var(--leading-none)}.stat-number,.stat-text{transition:color var(--transition-normal)}.stat-text{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-card-mini:hover .stat-number{color:var(--primary-400)}.stat-card-mini:hover .stat-text{color:var(--text-secondary)}.modern-actions{align-items:center;display:flex;gap:var(--space-2);justify-content:flex-end}.action-btn-modern{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-interactive);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-normal) var(--ease-out);width:40px}.action-btn-modern:before{background:var(--bg-interactive-hover);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.action-btn-modern:hover:before{opacity:1}.action-btn-modern:hover{border-color:var(--border-interactive);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:scale(1.1)}.action-btn-modern:active{transform:scale(.95)}.action-btn-modern.primary{background:linear-gradient(135deg,var(--success-color),var(--success-dark));border-color:var(--success-color);box-shadow:0 0 20px #10b98133;color:#fff}.action-btn-modern.primary:hover{box-shadow:var(--shadow-md),0 0 25px #10b98166;color:#fff;transform:scale(1.1)}.action-btn-modern.primary:before{display:none}.options-menu-modern{position:relative}.dropdown-menu-modern{animation:dropdown-appear var(--transition-normal) var(--ease-out);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2));transform-origin:top right;z-index:var(--z-dropdown)}@keyframes dropdown-appear{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.menu-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-3);overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;text-align:left;transition:all var(--transition-normal) var(--ease-out);width:100%}.menu-item:before{background:var(--bg-surface-hover);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.menu-item:hover:before{opacity:1}.menu-item:hover{color:var(--text-primary)}.menu-item.danger{color:var(--error-light)}.menu-item.danger:before{background:linear-gradient(135deg,var(--error-color),var(--error-dark))}.menu-item.danger:hover{color:#fff}.modern-perfis-container{min-height:200px;padding:var(--space-6);position:relative;transition:all var(--transition-normal) var(--ease-out);z-index:1}.modern-perfis-container.drag-over{background:var(--bg-surface);box-shadow:var(--shadow-sm),0 0 20px #6366f133}.perfil-wrapper{transition:all var(--transition-normal) var(--ease-out)}.perfil-wrapper.is-dragging{box-shadow:var(--shadow-xl);opacity:.7;transform:scale(.98) rotate(2deg);z-index:var(--z-modal)}.modern-empty-perfis{align-items:center;background:var(--bg-surface);border:2px dashed var(--border-secondary);border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:var(--space-8) var(--space-6);position:relative;text-align:center;transition:all var(--transition-normal) var(--ease-out)}.modern-empty-perfis:before{background:linear-gradient(135deg,#6366f105,#a855f703);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.modern-empty-perfis:hover:before{opacity:1}.modern-empty-perfis:hover{background:var(--bg-surface-hover);border-color:var(--border-interactive);transform:translateY(-2px)}.empty-visual-mini{margin-bottom:var(--space-4);position:relative}.empty-icon-mini{color:var(--text-tertiary);opacity:.6;transition:all var(--transition-normal)}.modern-empty-perfis:hover .empty-icon-mini{color:var(--primary-400);opacity:1;transform:scale(1.1)}.floating-dots{inset:0;pointer-events:none;position:absolute}.dot{animation:float-dot 2.5s ease-in-out infinite;background:var(--primary-400);border-radius:50%;height:3px;opacity:.5;position:absolute;width:3px}.dot:first-child{animation-delay:0s;left:20%;top:20%}.dot:nth-child(2){animation-delay:.8s;right:25%;top:40%}.dot:nth-child(3){animation-delay:1.6s;bottom:30%;left:50%}@keyframes float-dot{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}.empty-content-mini{position:relative;z-index:1}.empty-text{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-relaxed);margin:0 0 var(--space-4) 0}.btn-add-first{align-items:center;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),0 0 20px #6366f133;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;transition:all var(--transition-normal) var(--ease-out)}.btn-add-first:before{background:linear-gradient(135deg,var(--primary-700),var(--primary-800));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.btn-add-first:hover:before{opacity:1}.btn-add-first:hover{box-shadow:var(--shadow-md),0 0 25px #6366f166;transform:translateY(-2px)}.btn-add-first:active{transform:translateY(0)}.btn-add-first svg{transition:transform var(--transition-normal)}.btn-add-first span,.btn-add-first svg{position:relative;z-index:1}.btn-add-first:hover svg{transform:rotate(90deg)}@media (max-width:768px){.modern-celular-card{max-width:380px;min-width:350px}.modern-celular-header{padding:var(--space-5)}.device-indicator{height:40px;width:40px}.color-dot{height:26px;width:26px}.device-name{font-size:var(--text-base)}.device-model{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.stats-section{margin-bottom:var(--space-3)}.stat-card-mini{padding:var(--space-2) var(--space-3)}.stat-number{font-size:var(--text-base)}.action-btn-modern{height:36px;width:36px}.modern-perfis-container{padding:var(--space-4)}.modern-empty-perfis{padding:var(--space-6) var(--space-4)}}@media (max-width:480px){.modern-celular-card{max-width:320px;min-width:300px}.modern-celular-header{padding:var(--space-4)}.header-main{gap:var(--space-3);margin-bottom:var(--space-3)}.device-indicator{height:36px;width:36px}.color-dot{height:22px;width:22px}.device-name{font-size:var(--text-sm)}.device-model{font-size:var(--text-xs)}.brand{font-size:10px;padding:2px var(--space-1)}.model{font-size:var(--text-xs)}.stat-card-mini{gap:var(--space-2);padding:var(--space-2)}.stat-number{font-size:var(--text-sm)}.stat-text{font-size:10px}.action-btn-modern{height:32px;width:32px}.dropdown-menu-modern{min-width:180px}.menu-item{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.modern-perfis-container{padding:var(--space-3)}.modern-empty-perfis{padding:var(--space-4)}.btn-add-first,.empty-text{font-size:var(--text-xs)}.btn-add-first{padding:var(--space-2) var(--space-3)}}@media (prefers-reduced-motion:reduce){.action-btn-modern,.btn-add-first,.device-color-ring,.menu-item,.modern-celular-card,.perfil-wrapper,.stat-card-mini{transition:none}.action-btn-modern:hover,.btn-add-first:hover,.device-color-ring:hover,.modern-celular-card:hover,.modern-empty-perfis:hover,.stat-card-mini:hover{transform:none}.dot,.dropdown-menu-modern,.pulse-ring{animation:none}}@media (prefers-contrast:high){.modern-celular-card{border:2px solid var(--border-interactive)}.modern-celular-header{border-bottom:2px solid var(--border-interactive)}.device-color-ring{box-shadow:0 0 0 2px var(--border-interactive)}.action-btn-modern,.dropdown-menu-modern,.stat-card-mini{border:2px solid var(--border-interactive)}.modern-empty-perfis{border:2px dashed var(--border-interactive)}.btn-add-first{border:2px solid}}.theme-dark .modern-celular-card{box-shadow:var(--shadow-lg),0 0 30px #0003}.theme-dark .modern-celular-card:hover{box-shadow:var(--shadow-xl),0 0 40px #6366f133,0 0 60px #0000004d}.theme-dark .action-btn-modern.primary{box-shadow:0 0 20px #10b9814d}.theme-dark .action-btn-modern.primary:hover{box-shadow:var(--shadow-md),0 0 25px #10b98180}.theme-dark .btn-add-first{box-shadow:var(--shadow-sm),0 0 20px #6366f14d}.theme-dark .btn-add-first:hover{box-shadow:var(--shadow-md),0 0 25px #6366f180}.drop-indicator{align-items:center;animation:drop-indicator-appear .2s ease-out;display:flex;justify-content:center;margin:var(--space-1) 0;padding:var(--space-2) 0;position:relative}.drop-indicator.final{margin-top:var(--space-2)}@keyframes drop-indicator-appear{0%{opacity:0;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1)}}.drop-line{background:linear-gradient(90deg,#0000 0,var(--primary-400) 20%,var(--primary-500) 50%,var(--primary-400) 80%,#0000 100%);border-radius:var(--radius-full);height:3px;overflow:hidden;position:relative;width:100%}.drop-line:before{animation:drop-line-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes drop-line-shimmer{0%{left:-100%}to{left:100%}}.drop-text{animation:drop-text-pulse 1s ease-in-out infinite alternate;background:var(--primary-400);border-radius:var(--radius-full);box-shadow:0 0 20px #6366f166;color:#fff;font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:var(--space-1) var(--space-3);position:absolute;text-transform:uppercase}@keyframes drop-text-pulse{0%{box-shadow:0 0 20px #6366f166;transform:scale(1)}to{box-shadow:0 0 25px #6366f199;transform:scale(1.05)}}.modern-perfis-container.drag-over{animation:drag-over-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f10d,#a855f708);border:2px dashed var(--primary-400);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm),0 0 20px #6366f133,inset 0 0 30px #6366f10d;margin:var(--space-3);padding:var(--space-4)}@keyframes drag-over-pulse{0%,to{border-color:var(--primary-400);box-shadow:var(--shadow-sm),0 0 20px #6366f133,inset 0 0 30px #6366f10d}50%{border-color:var(--primary-500);box-shadow:var(--shadow-md),0 0 30px #6366f14d,inset 0 0 40px #6366f114}}.modern-empty-perfis.drop-ready{animation:drop-ready-glow 1.5s ease-in-out infinite alternate;background:linear-gradient(135deg,#10b9810d,#22c55e08);border-color:var(--success-color)}@keyframes drop-ready-glow{0%{border-color:var(--success-color);box-shadow:0 0 20px #10b98133}to{border-color:var(--success-light);box-shadow:0 0 30px #10b98166}}.modern-perfil-card.is-dragging{background:linear-gradient(135deg,#6366f11a,#a855f70d);border:2px solid var(--primary-400);box-shadow:0 20px 40px #0003,0 0 30px #6366f14d;opacity:.6;transform:scale(.95) rotate(3deg);transition:none;z-index:var(--z-modal)}.drag-handle-modern{border-radius:var(--radius-md);cursor:grab;padding:var(--space-1);transition:all var(--transition-normal) var(--ease-out)}.drag-handle-modern:hover{background:#6366f11a;color:var(--primary-400);transform:scale(1.1)}.drag-handle-modern:active,.modern-perfil-card[draggable=true]:active .drag-handle-modern{background:#6366f133;cursor:grabbing;transform:scale(.95)}.modern-perfil-card[draggable=true] *{pointer-events:none}.modern-perfil-card[draggable=true] .action-btn-mini,.modern-perfil-card[draggable=true] .modern-tag{pointer-events:auto}.perfis-grid{display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--transition-normal) var(--ease-out)}.perfis-grid>*{transition:transform var(--transition-normal) var(--ease-out)}.perfil-drop-zone{border-radius:var(--radius-xl);position:relative;transition:all var(--transition-normal) var(--ease-out)}.perfil-drop-zone:hover{transform:translateY(-2px)}.modern-perfis-container.drag-over .perfil-drop-zone{position:relative}.modern-perfis-container.drag-over .perfil-drop-zone:before{background:linear-gradient(135deg,#6366f11a,#a855f70d);border:2px dashed #0000;border-radius:var(--radius-xl);content:"";inset:-4px;opacity:0;pointer-events:none;position:absolute;transition:all var(--transition-normal) var(--ease-out);z-index:-1}.modern-perfis-container.drag-over .perfil-drop-zone:hover:before{background:linear-gradient(135deg,#6366f126,#a855f714);border-color:var(--primary-400);opacity:1;transform:scale(1.02)}@media (max-width:768px){.drop-indicator{padding:var(--space-1) 0}.drop-text{font-size:10px;padding:2px var(--space-2)}.modern-perfis-container.drag-over{margin:var(--space-2);padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){.drop-indicator,.drop-line:before,.drop-text,.modern-empty-perfis.drop-ready,.modern-perfil-card.is-dragging,.modern-perfis-container.drag-over{animation:none}.modern-perfil-card.is-dragging{opacity:.8;transform:scale(.98)}}@media (prefers-contrast:high){.drop-line{height:4px}.drop-line,.drop-text{background:var(--text-primary)}.drop-text{border:2px solid var(--text-primary);color:var(--bg-primary)}.modern-perfis-container.drag-over{background:var(--bg-surface);border:3px dashed var(--text-primary)}.modern-perfil-card.is-dragging{background:var(--bg-surface);border:3px solid var(--text-primary)}}.modal-container{max-width:500px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group label{color:#e2e8f0}.color-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(8,1fr);margin-top:8px}.color-option{border:2px solid #0000;border-radius:4px;cursor:pointer;height:40px;position:relative;width:40px}.color-option.selected,.color-option:hover{border-color:#fff}@media (max-width:768px){.modal-backdrop{padding:10px}.modal-container{max-width:100%}.modal-form,.modal-header{padding:20px}.form-row{gap:12px;grid-template-columns:1fr}.color-picker{grid-template-columns:repeat(4,1fr)}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.modal-backdrop{background:#0a0a0a;padding:20px;z-index:1000}.modal-container{background:#111;border:1px solid #333;border-radius:8px;box-shadow:0 4px 16px #0000004d;max-width:450px}.modal-header{background:#1a1a1a;border-bottom:1px solid #333;padding:24px 32px}.modal-header h2{color:#fff;font-size:1.5rem;text-shadow:0 2px 8px #0000004d}.modal-close-btn{background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#ccc;font-size:1.1rem}.modal-close-btn:hover{background:#333;color:#fff}.modal-form{max-height:calc(90vh - 120px);overflow-y:auto;padding:32px}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#fff;font-size:.95rem;padding:12px 16px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#111;border-color:#6366f1;outline:none}.form-group input.error{border-color:#ef4444}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.error-message{color:#ef4444;display:block;font-size:.8rem;margin-top:6px}.submit-error{background:#1a1a1a;border:1px solid #ef4444;border-radius:4px;color:#ef4444;margin-bottom:16px;padding:12px 16px}.modal-actions{border-top:1px solid #333;gap:12px;margin-top:24px;padding-top:24px}.modal-actions .btn{border:1px solid #333;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px}.btn-secondary{background:#1a1a1a;border-color:#333;color:#ccc}.btn-secondary:hover:not(:disabled){background:#333;color:#fff}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background:#5855eb}.btn:disabled{cursor:not-allowed;opacity:.6}.modal-form::-webkit-scrollbar{width:6px}.modal-form::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.modal-form::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.modal-form::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.modal-backdrop{padding:10px}.modal-container{max-width:100%}.modal-form,.modal-header{padding:20px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.progress-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;max-width:500px;padding:2px;width:90%}.progress-modal>div{background:#1a1a2e;border-radius:18px;padding:30px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.progress-header h3{color:#fff;font-size:24px;font-weight:600;margin:0}.progress-percentage{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}.progress-container{margin-bottom:20px}.progress-bar-background{background:#ffffff1a;box-shadow:inset 0 2px 4px #0000004d;height:30px}.progress-bar-background,.progress-bar-fill{border-radius:15px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 2px 10px #667eea80;height:100%;transition:width .5s ease}.progress-bar-animation{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-message{color:#a0a0b0;font-size:14px;margin-bottom:30px;min-height:20px;text-align:center;transition:all .3s ease}.progress-steps{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:20px}.progress-step{align-items:center;display:flex;flex-direction:column;gap:8px;opacity:.3;transition:all .3s ease}.progress-step.active{opacity:.7}.progress-step.completed{opacity:1}.step-icon{font-size:24px;transition:transform .3s ease}.progress-step.active .step-icon{animation:pulse 1.5s infinite}.progress-step.completed .step-icon{transform:scale(1.1)}.step-text{color:#a0a0b0;font-size:12px;text-align:center;transition:color .3s ease}.progress-step.completed .step-text{color:#667eea;font-weight:500}@media (prefers-color-scheme:dark){.progress-modal>div{background:#0f0f1e}.progress-bar-background{background:#ffffff0d}}@media (max-width:600px){.progress-modal{width:95%}.progress-modal>div{padding:20px}.progress-header h3{font-size:20px}.progress-percentage{font-size:28px}.progress-steps{gap:15px;grid-template-columns:repeat(2,1fr)}}.celulares-page{background:radial-gradient(ellipse at top left,#6366f11a 0,#0000 50%),radial-gradient(ellipse at top right,#a855f714 0,#0000 50%),radial-gradient(ellipse at bottom,#06b6d40d 0,#0000 50%),var(--bg-app);min-height:100vh;overflow-x:hidden;padding:var(--space-6);position:relative}.celulares-page:before{background:radial-gradient(circle at 20% 50%,#6366f10d 0,#0000 40%),radial-gradient(circle at 80% 20%,#a855f708 0,#0000 30%),radial-gradient(circle at 40% 80%,#06b6d40a 0,#0000 35%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.modern-page-header{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-8);position:relative;z-index:1}.header-background{inset:0;overflow:hidden;position:absolute;z-index:-1}.gradient-orb{animation:float 6s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.6;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));height:120px;left:-60px;top:-60px;width:120px}.orb-2{animation-delay:2s;background:linear-gradient(135deg,var(--accent-500),var(--primary-600));height:100px;right:-50px;top:-50px;width:100px}.orb-3{animation-delay:4s;background:linear-gradient(135deg,var(--primary-500),#a855f799);bottom:-40px;height:80px;right:30%;width:80px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(120deg)}66%{transform:translateY(5px) rotate(240deg)}}.header-content{align-items:center;gap:var(--space-6);position:relative;z-index:1}.header-text{flex:1 1}.modern-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:var(--leading-tight);margin:0 0 var(--space-3) 0}.title-gradient{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease-in-out infinite;background:linear-gradient(135deg,var(--text-primary),var(--primary-400),var(--accent-400));-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.modern-subtitle{color:var(--text-secondary);font-size:var(--text-lg);font-weight:500;margin:0;opacity:.9}.header-actions{align-items:center;display:flex;gap:var(--space-3)}.btn-modern{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #0000;border-radius:var(--radius-xl);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);min-height:44px;overflow:hidden;padding:var(--space-3) var(--space-5);position:relative;text-decoration:none;transition:all var(--transition-normal) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-modern:before{background:inherit;border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.btn-modern:hover:before{opacity:.1}.btn-modern:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-modern:active{transform:translateY(0)}.btn-modern.btn-success{background:linear-gradient(135deg,var(--success-color),var(--success-dark));border-color:var(--success-color);box-shadow:var(--shadow-sm),0 0 20px #10b98133;color:#fff}.btn-modern.btn-warning{background:linear-gradient(135deg,var(--warning-color),var(--warning-dark));border-color:var(--warning-color);box-shadow:var(--shadow-sm),0 0 20px #f59e0b33;color:#fff}.btn-modern.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-color:var(--primary-600);box-shadow:var(--shadow-sm),0 0 20px #6366f133;color:#fff}.btn-modern.btn-secondary{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg-subtle);border-color:var(--glass-border);color:var(--text-secondary)}.btn-modern.btn-secondary:hover{border-color:var(--border-interactive);color:var(--text-primary)}.btn-modern:disabled{box-shadow:var(--shadow-xs)!important;cursor:not-allowed;opacity:.6;transform:none!important}.btn-modern svg{transition:transform var(--transition-normal)}.btn-modern:hover svg{transform:scale(1.1)}.modern-stats-section{margin-bottom:var(--space-8);position:relative;z-index:1}.stats-grid-modern{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.modern-stat-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal) var(--ease-out)}.modern-stat-card:before{background:linear-gradient(135deg,#ffffff0d,#ffffff03);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.modern-stat-card:hover:before{opacity:1}.modern-stat-card:hover{border-color:var(--border-interactive);box-shadow:var(--shadow-xl);transform:translateY(-4px) scale(1.02)}.stat-visual{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:var(--space-4);position:relative;width:60px}.stat-icon-modern{color:var(--text-primary);position:relative;z-index:2}.stat-glow,.stat-icon-modern{transition:all var(--transition-normal)}.stat-glow{border-radius:50%;filter:blur(12px);inset:-8px;opacity:.3;position:absolute}.modern-stat-card.devices .stat-glow{background:linear-gradient(135deg,var(--primary-400),var(--accent-400))}.modern-stat-card.connected .stat-glow{background:linear-gradient(135deg,var(--success-color),var(--success-light))}.modern-stat-card.available .stat-glow{background:linear-gradient(135deg,var(--accent-500),var(--primary-400))}.modern-stat-card:hover .stat-glow{opacity:.6;transform:scale(1.2)}.modern-stat-card:hover .stat-icon-modern{color:var(--primary-400);transform:scale(1.1)}.stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.stat-value-modern{color:var(--text-primary);font-size:var(--text-3xl);font-weight:800;line-height:var(--leading-none);transition:color var(--transition-normal)}.stat-label-modern{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;margin-bottom:var(--space-2);text-transform:uppercase}.stat-trend{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:var(--space-1);padding:var(--space-1) var(--space-2);white-space:nowrap}.stat-trend.positive{background:#10b9811a;border:1px solid #10b98133;color:var(--success-color)}.stat-trend.neutral{background:#6366f11a;border:1px solid #6366f133;color:var(--primary-400)}.modern-search-section{margin-bottom:var(--space-8);position:relative;z-index:1}.search-container-modern{margin:0 auto;max-width:800px}.search-wrapper{align-items:stretch;display:flex;gap:var(--space-4)}.search-input-modern{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex:1 1;overflow:hidden;position:relative;transition:all var(--transition-normal) var(--ease-out)}.search-input-modern:focus-within{border-color:var(--primary-400);box-shadow:var(--shadow-md),0 0 20px #6366f126;transform:translateY(-1px)}.search-icon-modern{color:var(--text-tertiary);left:var(--space-4);position:absolute;top:50%;transform:translateY(-50%);transition:color var(--transition-normal);z-index:1}.search-input-modern:focus-within .search-icon-modern{color:var(--primary-400)}.search-field{background:#0000;border:none;color:var(--text-primary);font-size:var(--text-base);font-weight:500;line-height:var(--leading-normal);outline:none;padding:var(--space-4) var(--space-16) var(--space-4) var(--space-12);width:100%}.search-field::placeholder{color:var(--text-quaternary);font-weight:400}.clear-search-modern{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-interactive);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);transition:all var(--transition-normal) var(--ease-out);width:32px}.clear-search-modern:hover{background:var(--error-color);border-color:var(--error-color);color:#fff;transform:translateY(-50%) scale(1.05)}.filter-wrapper-modern{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-3);min-width:220px;padding:var(--space-3) var(--space-4);position:relative;transition:all var(--transition-normal) var(--ease-out)}.filter-wrapper-modern:focus-within{border-color:var(--primary-400);box-shadow:var(--shadow-md),0 0 20px #6366f126;transform:translateY(-1px)}.filter-icon-modern{color:var(--text-tertiary);transition:color var(--transition-normal)}.filter-wrapper-modern:focus-within .filter-icon-modern{color:var(--primary-400)}.tag-filter-modern{background:#0000;border:none;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:500;outline:none}.tag-filter-modern option{background:var(--bg-elevated);color:var(--text-primary);padding:var(--space-2)}.clear-filter-modern{align-items:center;background:linear-gradient(135deg,var(--error-color),var(--error-dark));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--space-2);margin-left:var(--space-3);padding:var(--space-2) var(--space-3);transition:all var(--transition-normal) var(--ease-out)}.clear-filter-modern:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.modern-celulares-container{position:relative;z-index:1}.celulares-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:var(--space-4)}.modern-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:var(--space-12);text-align:center}.modern-loading-spinner{height:80px;margin-bottom:var(--space-8);position:relative;width:80px}.loading-ring{animation:spin 2s linear infinite;border:3px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.loading-ring:first-child{animation-delay:0s;border-top-color:var(--primary-400)}.loading-ring:nth-child(2){animation-delay:.5s;border-right-color:var(--accent-400);height:70%;left:15%;top:15%;width:70%}.loading-ring:nth-child(3){animation-delay:1s;border-bottom-color:var(--primary-600);height:40%;left:30%;top:30%;width:40%}@keyframes spin{to{transform:rotate(1turn)}}.loading-content{max-width:400px}.loading-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-2) 0}.loading-subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0}.modern-error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:var(--space-12);text-align:center}.error-visual{margin-bottom:var(--space-8);position:relative}.error-icon-modern{color:var(--error-color);filter:drop-shadow(0 0 20px rgba(239,68,68,.3))}.error-content{max-width:500px}.error-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-3) 0}.error-message{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-6) 0}.modern-empty-state{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg-subtle);border:2px dashed var(--glass-border);border-radius:var(--radius-2xl);display:flex;flex-direction:column;justify-content:center;margin:var(--space-6);min-height:400px;padding:var(--space-12);text-align:center;transition:all var(--transition-normal) var(--ease-out)}.modern-empty-state:hover{background:var(--glass-bg);border-color:var(--border-interactive);transform:translateY(-2px)}.empty-visual{margin-bottom:var(--space-6);position:relative}.empty-icon-modern{color:var(--text-tertiary);opacity:.7;transition:all var(--transition-normal)}.modern-empty-state:hover .empty-icon-modern{color:var(--primary-400);opacity:1;transform:scale(1.05)}.empty-particles{inset:0;pointer-events:none;position:absolute}.particle{animation:float-particle 3s ease-in-out infinite;background:var(--primary-400);border-radius:50%;height:4px;opacity:.6;position:absolute;width:4px}.particle:first-child{animation-delay:0s;left:10%;top:20%}.particle:nth-child(2){animation-delay:1s;right:15%;top:60%}.particle:nth-child(3){animation-delay:2s;bottom:20%;left:60%}@keyframes float-particle{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.search-waves{inset:0;pointer-events:none;position:absolute}.wave{animation:wave-pulse 2s ease-out infinite;border:2px solid var(--primary-400);border-radius:50%;opacity:0;position:absolute}.wave:first-child{animation-delay:0s;height:100%;width:100%}.wave:nth-child(2){animation-delay:.5s;height:120%;left:-10%;top:-10%;width:120%}.wave:nth-child(3){animation-delay:1s;height:140%;left:-20%;top:-20%;width:140%}@keyframes wave-pulse{0%{opacity:0;transform:scale(.8)}50%{opacity:.3}to{opacity:0;transform:scale(1.2)}}.empty-content{max-width:400px}.empty-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-3) 0}.empty-description{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-6) 0}@media (max-width:768px){.celulares-page{padding:var(--space-4)}.modern-page-header{padding:var(--space-6)}.header-content{flex-direction:column;gap:var(--space-4);text-align:center}.header-actions{flex-wrap:wrap;justify-content:center;width:100%}.stats-grid-modern{gap:var(--space-4);grid-template-columns:1fr}.search-wrapper{flex-direction:column;gap:var(--space-3)}.filter-wrapper-modern{min-width:auto}.celulares-grid{gap:var(--space-4);grid-template-columns:1fr;padding:var(--space-2)}.modern-empty-state{margin:var(--space-4);padding:var(--space-8)}.btn-modern{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}}@media (max-width:480px){.celulares-page{padding:var(--space-3)}.modern-page-header{padding:var(--space-4)}.modern-title{font-size:var(--text-xl)}.modern-subtitle{font-size:var(--text-base)}.header-actions{flex-direction:column;gap:var(--space-2)}.btn-modern{justify-content:center;width:100%}.search-field{font-size:var(--text-sm);padding:var(--space-3) var(--space-12) var(--space-3) var(--space-10)}.search-icon-modern{left:var(--space-3)}.clear-search-modern{height:28px;right:var(--space-2);width:28px}}@media (prefers-reduced-motion:reduce){.gradient-orb,.loading-ring,.particle,.title-gradient,.wave{animation:none}.btn-modern:hover,.filter-wrapper-modern:focus-within,.modern-stat-card:hover,.search-input-modern:focus-within{transform:none}}@media (prefers-contrast:high){.filter-wrapper-modern,.modern-page-header,.modern-stat-card,.search-input-modern{border:2px solid var(--border-interactive)}.btn-modern{border:2px solid}}.theme-dark .modern-page-header{box-shadow:var(--shadow-xl),0 0 40px #0000004d}.theme-dark .modern-stat-card{box-shadow:var(--shadow-lg),0 0 20px #0003}.theme-dark .btn-modern.btn-success{box-shadow:var(--shadow-sm),0 0 20px #10b9814d}.theme-dark .btn-modern.btn-warning{box-shadow:var(--shadow-sm),0 0 20px #f59e0b4d}.theme-dark .btn-modern.btn-primary{box-shadow:var(--shadow-sm),0 0 20px #6366f14d}.evolution-systems-page{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);min-height:100vh;padding:20px}.page-header{margin-bottom:30px;text-align:center}.back-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:14px;left:0;padding:10px 20px;position:absolute;top:0;transition:all .3s ease}.back-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateX(-5px)}.page-header h1{color:#f0f0f0;font-size:36px;margin-bottom:10px;text-shadow:2px 2px 4px #00000080}.page-subtitle{color:#ffffffb3;font-size:18px;margin:0}.systems-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin:0 auto;max-width:1400px}.system-card{animation:slideInUp .4s ease;background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 30px #00000080;padding:25px;transition:all .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.system-card:hover{border-color:#fff3;box-shadow:0 15px 40px #000000b3;transform:translateY(-5px)}.system-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;margin-bottom:20px;padding-bottom:20px}.system-icon{animation:pulse 2s infinite;font-size:48px;margin-right:15px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.system-info{flex:1 1}.system-info h3{color:#f0f0f0;font-size:22px;margin:0 0 5px}.system-description{color:#a0a0a0;font-size:14px;margin:0}.system-status{border-radius:20px;font-size:14px;font-weight:600;padding:8px 16px;text-transform:uppercase}.status-online{background:linear-gradient(135deg,#00c851,#00a936);color:#fff}.status-connecting{background:linear-gradient(135deg,#ff9800,#ff6f00);color:#fff}.status-offline{background:linear-gradient(135deg,#ff5252,#d32f2f);color:#fff}.system-stats{margin-bottom:20px}.stat-row{background:linear-gradient(135deg,#2a2a2a,#333);border:1px solid #ffffff0d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px}.stat-item{text-align:center}.stat-label{color:#888;display:block;font-size:12px;margin-bottom:5px;text-transform:uppercase}.stat-value{color:#f0f0f0;display:block;font-size:24px;font-weight:700}.instances-breakdown{background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;display:flex;justify-content:space-around;padding:15px}.instance-stat{align-items:center;color:#a0a0a0;display:flex;font-size:14px;gap:8px}.instance-dot{animation:blink 2s infinite;border-radius:50%;height:12px;width:12px}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.instance-stat.online .instance-dot{background:#28a745}.instance-stat.connecting .instance-dot{background:#ffc107}.instance-stat.offline .instance-dot{background:#dc3545}.system-footer{align-items:center;border-top:2px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:20px}.system-meta{display:flex;flex-direction:column;gap:5px}.version{font-weight:600}.update-date,.version{color:#888;font-size:12px}.access-button{background:linear-gradient(135deg,#00a8ff,#0078ff);border:none;border-radius:25px;box-shadow:0 4px 15px #0078ff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.access-button:hover{background:linear-gradient(135deg,#0078ff,#0056b3);box-shadow:0 6px 20px #0078ff80;transform:translateY(-2px)}@media (max-width:768px){.systems-grid{grid-template-columns:1fr}.system-card{padding:20px}.page-header h1{font-size:28px}.back-button{margin-bottom:20px;position:static}}.users-page{background:var(--bg-app);max-width:none;min-height:calc(100vh - var(--header-height));padding:var(--space-6)}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-primary);border-radius:50%;height:40px;width:40px}.error-container{color:var(--text-secondary)}.error-icon{font-size:4rem;margin-bottom:var(--space-4)}.error-container h3{color:var(--text-primary);margin-bottom:var(--space-2)}.users-header{margin-bottom:var(--space-6)}.header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.title-section h1{color:var(--text-primary);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-1)}.subtitle{color:var(--text-tertiary);font-size:var(--text-base);margin:0}.message-banner{align-items:center;animation:slideDown .3s ease-out;border:1px solid;border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-4);position:relative}.message-banner.success{background:#10b9811a;border-color:var(--success-color);color:var(--success-light)}.message-banner.error{background:#ef44441a;border-color:var(--error-color);color:var(--error-light)}.message-banner.info{background:#3b82f61a;border-color:var(--primary-color);color:var(--primary-light)}.message-icon{flex-shrink:0;font-size:var(--text-lg)}.message-close{background:none;border:none;color:currentColor;cursor:pointer;opacity:.7;padding:var(--space-1);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);transition:opacity var(--transition-fast)}.message-close:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.users-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.search-container{flex:1 1;min-width:300px;position:relative}.search-input{background:var(--bg-interactive);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);height:48px;padding:0 var(--space-4) 0 48px;transition:all var(--transition-normal) var(--ease-out);width:100%}.search-input:focus{background:var(--bg-elevated);border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-icon,.search-input::placeholder{color:var(--text-quaternary)}.search-icon{left:var(--space-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-container{min-width:200px}.filter-select{background:var(--bg-interactive);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--text-base);height:48px;padding:0 var(--space-4);transition:all var(--transition-normal) var(--ease-out);width:100%}.filter-select:focus{background:var(--bg-elevated);border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.users-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.empty-state{color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.empty-state h3{color:var(--text-primary);font-size:var(--text-xl);margin-bottom:var(--space-2)}.empty-state p{margin-bottom:var(--space-6);margin-left:auto;margin-right:auto;max-width:400px}.users-table-container{overflow-x:auto}.users-table-wrapper{min-width:800px}.users-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.users-table th{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:var(--space-4);text-align:left;text-transform:uppercase}.user-row{border-bottom:1px solid var(--border-secondary);transition:background-color var(--transition-fast) var(--ease-out)}.user-row:hover{background:var(--bg-surface-hover)}.users-table td{padding:var(--space-4);vertical-align:middle}.user-info{gap:var(--space-3)}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:50%;color:#fff;flex-shrink:0;font-size:var(--text-base);font-weight:600;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column;gap:var(--space-1)}.user-name{color:var(--text-primary);font-weight:500;line-height:var(--leading-tight)}.current-user-badge{color:var(--accent-color);font-size:var(--text-xs);font-weight:500}.user-email{color:var(--text-secondary);font-family:var(--font-mono)}.user-date,.user-email{font-size:var(--text-sm)}.user-date{color:var(--text-tertiary)}.role-badge,.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:500;line-height:var(--leading-none);padding:var(--space-1) var(--space-2)}.role-badge.role-admin{background:#ef444426;border:1px solid #ef44444d;color:var(--error-light)}.role-badge.role-operator{background:#f59e0b26;border:1px solid #f59e0b4d;color:var(--warning-light)}.role-badge.role-user{background:#3b82f626;border:1px solid #3b82f64d;color:var(--primary-light)}.status-badge.status-active{background:#10b98126;border:1px solid #10b9814d;color:var(--success-light)}.status-badge.status-inactive{background:#73737326;border:1px solid #7373734d;color:var(--text-quaternary)}.user-actions{text-align:right}.actions-menu{display:flex;gap:var(--space-1);justify-content:flex-end}.action-btn{align-items:center;background:var(--bg-interactive);border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--text-base);height:36px;justify-content:center;transition:all var(--transition-fast) var(--ease-out);width:36px}.action-btn:hover{background:var(--bg-interactive-hover);transform:translateY(-1px)}.action-btn.edit-btn:hover{background:#3b82f626;color:var(--primary-light)}.action-btn.password-btn:hover{background:#f59e0b26;color:var(--warning-light)}.action-btn.delete-btn:hover{background:#ef444426;color:var(--error-light)}.pagination{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-secondary);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-6)}.pagination-btn{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast) var(--ease-out)}.pagination-btn:hover:not(:disabled){background:var(--bg-elevated-hover);border-color:var(--border-interactive);color:var(--text-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{flex-direction:column;gap:var(--space-2)}.page-numbers,.pagination-info{align-items:center;display:flex}.page-numbers{gap:var(--space-1)}.pagination-number{align-items:center;background:var(--bg-elevated);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);height:36px;justify-content:center;transition:all var(--transition-fast) var(--ease-out);width:36px}.pagination-number:hover{background:var(--bg-elevated-hover);color:var(--text-primary)}.pagination-number.active{background:var(--primary-color);color:#fff}.pagination-dots{color:var(--text-quaternary);padding:0 var(--space-1)}.pagination-text{color:var(--text-tertiary);font-size:var(--text-xs);text-align:center}.modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0a0acc;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:var(--z-modal)}.modal-container{animation:slideUp .3s ease-out;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);max-height:90vh;overflow:hidden;width:100%}.modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:var(--space-6)}.modal-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;margin:0}.modal-close-btn{align-items:center;background:var(--bg-interactive);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-lg);height:40px;justify-content:center;transition:all var(--transition-fast) var(--ease-out);width:40px}.modal-close-btn:hover{background:var(--bg-interactive-hover);border-color:var(--border-interactive);color:var(--text-primary);transform:scale(1.05)}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.modal-content{max-height:calc(90vh - 120px);overflow-y:auto}.modal-form{padding:var(--space-6)}.modal-actions{border-top:1px solid var(--border-secondary);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-6)}.error-message{align-items:center;color:var(--error-light);display:flex;font-size:var(--text-sm);gap:var(--space-1);margin-top:var(--space-1)}.error-message:before{content:"⚠️";font-size:var(--text-xs)}.submit-error{background:#ef44441a;border:1px solid var(--error-color);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-modal{max-width:600px;width:90vw}.modal-tabs{border-bottom:1px solid var(--border-primary);display:flex}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:500;padding:var(--space-4);transition:all var(--transition-fast) var(--ease-out)}.tab-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.tab-btn.active{background:var(--bg-surface);border-bottom-color:var(--primary-color);color:var(--primary-light)}.modal-title-section{display:flex;flex-direction:column}.user-id{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:400}.form-row{margin-bottom:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.form-group input,.form-select{background:var(--bg-interactive);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);height:48px;padding:0 var(--space-4);transition:all var(--transition-normal) var(--ease-out)}.form-group input:focus,.form-select:focus{background:var(--bg-elevated);border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error{border-color:var(--error-color)}.form-group input::placeholder{color:var(--text-quaternary)}.form-select{cursor:pointer}.role-description{margin-top:var(--space-1)}.role-desc{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--text-xs);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.role-desc.admin{background:#ef44441a;color:var(--error-light)}.role-desc.operator{background:#f59e0b1a;color:var(--warning-light)}.role-desc.user{background:#3b82f61a;color:var(--primary-light)}.checkbox-group{align-items:flex-start;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);transition:background-color var(--transition-fast) var(--ease-out)}.checkbox-group:hover{background:var(--bg-surface-hover)}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;margin:0;width:18px}.checkbox-label{cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1)}.checkbox-desc{color:var(--text-tertiary);font-size:var(--text-xs)}.form-divider{align-items:center;display:flex;margin:var(--space-6) 0}.form-divider:after,.form-divider:before{background:var(--border-secondary);content:"";flex:1 1;height:1px}.form-divider span{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500;padding:0 var(--space-4)}.password-tab{padding:var(--space-6)}.password-info{align-items:center;background:var(--bg-surface);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4)}.info-icon{flex-shrink:0;font-size:var(--text-3xl)}.password-info h3{color:var(--text-primary);font-size:var(--text-lg);margin-bottom:var(--space-1)}.password-info p{color:var(--text-secondary);margin:0}.password-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.delete-modal{max-width:500px;width:90vw}.delete-icon{color:var(--warning-color);font-size:var(--text-3xl)}.delete-subtitle{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.delete-warning{padding:var(--space-6)}.warning-content h3{color:var(--text-primary);font-size:var(--text-lg);margin-bottom:var(--space-4)}.user-preview{align-items:center;background:var(--bg-surface);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4)}.user-avatar-preview{align-items:center;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--text-lg);font-weight:600;height:48px;justify-content:center;width:48px}.user-info-preview{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.user-name-preview{color:var(--text-primary);font-size:var(--text-base);font-weight:600}.user-email-preview{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm)}.role-badge-preview{align-self:flex-start;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;margin-top:var(--space-1);padding:var(--space-1) var(--space-2)}.role-badge-preview.role-admin{background:#ef444426;color:var(--error-light)}.role-badge-preview.role-operator{background:#f59e0b26;color:var(--warning-light)}.role-badge-preview.role-user{background:#3b82f626;color:var(--primary-light)}.consequences h4{color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-3)}.consequences-list{list-style:none;margin:0;padding:0}.consequences-list li{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.confirmation-section{border-top:1px solid var(--border-secondary);margin-top:var(--space-2);padding:0 var(--space-6) var(--space-6);padding-top:var(--space-6)}.confirmation-input label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-3)}.confirmation-input strong{color:var(--text-primary)}.delete-actions{background:var(--bg-secondary);border-top:1px solid var(--border-secondary);margin:0;padding:var(--space-6)}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;display:inline-block;height:14px;margin-right:var(--space-2);width:14px}@media (max-width:768px){.users-page{padding:var(--space-4)}.header-content{align-items:stretch;flex-direction:column;gap:var(--space-4)}.title-section h1{font-size:var(--text-2xl)}.users-controls{flex-direction:column}.filter-container,.search-container{min-width:0;min-width:auto}.users-table td:nth-child(4),.users-table td:nth-child(5),.users-table th:nth-child(4),.users-table th:nth-child(5){display:none}.users-table-wrapper{min-width:600px}.pagination{flex-direction:column;gap:var(--space-4)}.pagination-info{order:-1}.page-numbers{flex-wrap:wrap;justify-content:center}.delete-modal,.user-modal{margin:var(--space-4);max-width:none;width:95vw}.modal-tabs{flex-direction:column}.tab-btn{border-bottom:1px solid var(--border-secondary);border-right:none}.tab-btn.active{border-bottom-color:var(--border-secondary);border-bottom:1px solid var(--border-secondary);border-left:2px solid var(--primary-color)}.password-info,.user-preview{flex-direction:column;gap:var(--space-3);text-align:center}.modal-actions,.password-actions{flex-direction:column}}@media (max-width:480px){.users-page{padding:var(--space-3)}.title-section h1{font-size:var(--text-xl)}.filter-select,.form-group input,.form-select,.search-input{height:44px}.users-table td,.users-table th{padding:var(--space-2)}.users-table td:nth-child(3),.users-table th:nth-child(3){display:none}.users-table-wrapper{min-width:400px}.user-info{gap:var(--space-2)}.user-avatar{font-size:var(--text-sm);height:32px;width:32px}.actions-menu{gap:var(--space-1)}.action-btn{font-size:var(--text-sm);height:32px;width:32px}}@media (prefers-reduced-motion:reduce){.action-btn,.message-banner,.pagination-btn,.pagination-number,.user-row,.users-table{transition:none}.loading-spinner,.loading-spinner-small{animation:none}}.users-table:focus-within .user-row{position:relative}.action-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.filter-select:focus-visible,.search-input:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-contrast:high){.delete-modal,.user-modal,.users-table{border:2px solid var(--border-interactive)}.role-badge,.status-badge{border-width:2px}.action-btn{border:1px solid var(--border-interactive)}}.settings-page{background:var(--bg-app);font-family:var(--font-sans);min-height:100vh;padding:var(--space-6)}.settings-header{margin-bottom:var(--space-8);text-align:center}.settings-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-2)}.settings-subtitle{color:var(--text-secondary);font-size:var(--text-lg);margin:0}.settings-layout{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:280px 1fr;margin:0 auto;max-width:1200px}.settings-nav{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);height:-webkit-fit-content;height:fit-content;padding:var(--space-4);position:-webkit-sticky;position:sticky;top:var(--space-6)}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-normal) var(--ease-out);width:100%}.nav-item:hover{background:var(--bg-interactive-hover);color:var(--text-primary);transform:translateX(4px)}.nav-item.active{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-primary);color:#fff}.nav-item.active:hover{box-shadow:var(--shadow-md),var(--shadow-primary);transform:translateX(0)}.nav-icon{align-items:center;display:flex;font-size:var(--text-lg);height:24px;justify-content:center;width:24px}.settings-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.settings-section{padding:var(--space-8)}.section-header{border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.section-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:600;margin:0 0 var(--space-2) 0}.section-header p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.setting-group{display:flex;flex-direction:column;gap:var(--space-6)}.setting-item{align-items:center;background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-4);transition:all var(--transition-normal) var(--ease-out)}.setting-item:hover{background:var(--bg-surface-hover);border-color:var(--border-interactive);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.setting-info h3{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-1) 0}.setting-info p{color:var(--text-tertiary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.theme-toggle-container{flex-direction:column}.theme-preview,.theme-toggle-container{align-items:center;display:flex;gap:var(--space-4)}.theme-option{align-items:center;display:flex;flex-direction:column;gap:var(--space-2)}.theme-sample{border:2px solid var(--border-primary);border-radius:var(--radius-sm);height:40px;overflow:hidden;transition:all var(--transition-normal) var(--ease-out);width:60px}.theme-light-sample{background:#fff}.theme-light-sample .sample-header{background:#f3f4f6;border-bottom:1px solid #e5e7eb;height:12px}.theme-light-sample .sample-content{display:flex;flex-direction:column;gap:2px;padding:var(--space-1)}.theme-light-sample .sample-bar{background:#d1d5db;border-radius:2px;height:4px}.theme-light-sample .sample-bar.short{width:60%}.theme-dark-sample{background:#111}.theme-dark-sample .sample-header{background:#1a1a1a;border-bottom:1px solid #262626;height:12px}.theme-dark-sample .sample-content{display:flex;flex-direction:column;gap:2px;padding:var(--space-1)}.theme-dark-sample .sample-bar{background:#404040;border-radius:2px;height:4px}.theme-dark-sample .sample-bar.short{width:60%}.theme-label{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500}.theme-toggle-btn{background:none;border:none;border-radius:var(--radius-full);cursor:pointer;padding:var(--space-1);transition:all var(--transition-normal) var(--ease-out)}.theme-toggle-btn:hover{background:var(--bg-interactive-hover);transform:scale(1.05)}.theme-toggle-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.toggle-slider{background:var(--bg-surface);border:2px solid var(--border-primary);border-radius:var(--radius-full);height:40px;overflow:hidden;position:relative;transition:all var(--transition-normal) var(--ease-out);width:80px}.toggle-slider.dark{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-color:var(--primary-600);box-shadow:0 0 20px #3b82f633}.toggle-slider.light{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:var(--warning-color);box-shadow:0 0 20px #f59e0b33}.toggle-handle{align-items:center;background:var(--bg-card);border-radius:50%;box-shadow:var(--shadow-md);display:flex;height:32px;justify-content:center;position:absolute;top:2px;transition:all var(--transition-normal) var(--ease-bounce);width:32px}.toggle-slider.dark .toggle-handle{background:linear-gradient(135deg,#1e40af,#1d4ed8);right:2px}.toggle-slider.light .toggle-handle{background:linear-gradient(135deg,#fbbf24,#f59e0b);left:2px}.toggle-icon{font-size:16px;line-height:1}.current-theme{color:var(--text-secondary);font-size:var(--text-sm)}.current-theme strong{color:var(--text-brand);font-weight:600}.switch{display:inline-block;height:28px;position:relative;width:54px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-full);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all var(--transition-normal) var(--ease-out)}.slider:before{background-color:var(--text-quaternary);border-radius:50%;bottom:3px;box-shadow:var(--shadow-xs);content:"";height:20px;left:3px;position:absolute;transition:all var(--transition-normal) var(--ease-bounce);width:20px}input:checked+.slider{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-color:var(--primary-600);box-shadow:0 0 10px #3b82f633}input:checked+.slider:before{background-color:#fff;box-shadow:var(--shadow-sm);transform:translateX(26px)}input:focus+.slider{outline:2px solid var(--border-focus);outline-offset:2px}.system-info{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-6)}.info-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-6)}.info-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-3)}.info-label{color:var(--text-secondary);font-weight:500}.info-label,.info-value{font-size:var(--text-sm)}.info-value{background:var(--bg-interactive);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-weight:600;padding:var(--space-1) var(--space-2)}.actions-section{border-top:1px solid var(--border-primary);padding-top:var(--space-4)}.actions-section h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-4) 0}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3)}.theme-transitioning *{transition-duration:var(--transition-slow)!important}@media (max-width:768px){.settings-page{padding:var(--space-4)}.settings-layout{gap:var(--space-4);grid-template-columns:1fr}.settings-nav{flex-direction:row;gap:var(--space-2);overflow-x:auto;position:static}.nav-item{flex-shrink:0;font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.nav-item:hover{transform:none}.settings-section{padding:var(--space-4)}.setting-item{align-items:flex-start}.setting-item,.theme-preview{flex-direction:column;gap:var(--space-3)}.info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}@media (max-width:480px){.settings-title{font-size:var(--text-2xl)}.settings-subtitle{font-size:var(--text-base)}.theme-toggle-container{width:100%}.theme-preview{justify-content:space-around;width:100%}}@media (prefers-reduced-motion:reduce){.nav-item:hover,.setting-item:hover,.theme-toggle-btn:hover{transform:none}.toggle-handle{transition:left var(--transition-fast) linear,right var(--transition-fast) linear}}@media (prefers-contrast:high){.setting-item{border:2px solid var(--border-interactive)}.theme-sample{border:3px solid var(--border-interactive)}.info-item{border:2px solid var(--border-primary)}}.dashboard{background:var(--bg-primary);display:flex;min-height:100vh}.dashboard:before{animation:subtle-float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b82f608 0,#0000 50%),radial-gradient(circle at 80% 20%,#06b6d408 0,#0000 50%),radial-gradient(circle at 40% 40%,#3b82f605 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@keyframes subtle-float{0%,to{opacity:.5;transform:translateY(0) rotate(0deg)}50%{opacity:.8;transform:translateY(-10px) rotate(1deg)}}.dashboard-content{display:flex;flex:1 1;flex-direction:column;margin-left:var(--sidebar-width);min-height:100vh;position:relative;z-index:1}.dashboard-content.sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.dashboard-main{background:#0000;flex:1 1;padding:var(--space-8) 0;position:relative}.dashboard-main:before{background:linear-gradient(90deg,#0000 0,var(--border-secondary) 50%,#0000 100%);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.section-content{margin:0 auto;max-width:800px;padding:var(--space-12) var(--space-8);position:relative;text-align:center}.section-content:before{animation:gentle-pulse 8s ease-in-out infinite;background:radial-gradient(circle,#3b82f608 0,#0000 70%);border-radius:50%;content:"";height:400px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:-1}@keyframes gentle-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.section-content h2{-webkit-text-fill-color:#0000;animation:title-glow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));background-clip:text;-webkit-background-clip:text;color:var(--text-primary);font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-6)}@keyframes title-glow{0%{text-shadow:0 0 20px #3b82f61a}to{text-shadow:0 0 30px #3b82f633,0 0 40px #06b6d41a}}.section-content p{color:var(--text-secondary);font-size:var(--text-lg);font-weight:400;line-height:var(--leading-relaxed);margin:0 auto;max-width:600px}.page-container{flex:1 1;margin:0 auto;max-width:1600px;padding:var(--space-8);position:relative;width:100%}.page-header{border-bottom:1px solid var(--border-secondary);margin-bottom:var(--space-8);padding-bottom:var(--space-6);position:relative}.page-header:after{background:linear-gradient(135deg,var(--primary-600),var(--accent-500));border-radius:var(--radius-full);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:60px}.page-title{color:var(--text-primary);font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight);margin:0 0 var(--space-2) 0}.page-description{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.grid-container{grid-gap:var(--space-6);display:grid;gap:var(--space-6);margin-bottom:var(--space-8)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.content-section{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-8);position:relative;transition:all var(--transition-normal) var(--ease-out)}.content-section:before{background:linear-gradient(135deg,#ffffff05,#ffffff03 50%,#ffffff05);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-normal)}.content-section:hover:before{opacity:1}.content-section:hover{border-color:var(--border-interactive);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.section-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight);margin:0 0 var(--space-4) 0}.section-subtitle{color:var(--text-tertiary);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0 0 var(--space-6) 0}.action-bar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6)}.action-bar,.action-group{align-items:center;display:flex}.action-group{gap:var(--space-3)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-16);text-align:center}.loading-spinner{animation:elegant-spin 1s linear infinite;border:3px solid var(--border-secondary);border-radius:var(--radius-full);border-top-color:var(--primary-color);height:48px;margin-bottom:var(--space-4);width:48px}.loading-text{color:var(--text-secondary);font-size:var(--text-base);font-weight:500}.empty-state{align-items:center;background:var(--bg-surface);border:2px dashed var(--border-secondary);border-radius:var(--radius-2xl);display:flex;flex-direction:column;justify-content:center;margin:var(--space-8) 0;padding:var(--space-16) var(--space-8);text-align:center;transition:all var(--transition-normal) var(--ease-out)}.empty-state:hover{background:var(--bg-surface-hover);border-color:var(--border-interactive)}.empty-state-icon{color:var(--text-quaternary);font-size:3rem;margin-bottom:var(--space-4)}.empty-state-title{color:var(--text-secondary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.empty-state-description{color:var(--text-tertiary);font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:400px}.dashboard{overflow-x:hidden;position:relative}.dashboard-content{margin-left:0;padding:var(--mobile-padding);transition:margin-left var(--transition-slow) var(--ease-out)}.dashboard-main{padding:var(--space-4) 0}.section-content{max-width:100%;padding:var(--space-6) var(--space-4)}.section-content h2{font-size:var(--mobile-text-2xl)}.section-content p{font-size:var(--mobile-text-base)}.page-container{max-width:100%;padding:var(--mobile-padding)}.page-title{font-size:var(--mobile-text-xl)}.content-section{border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4)}.section-title{font-size:var(--mobile-text-lg)}.action-bar{align-items:stretch;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.action-group{justify-content:center}.grid-container{gap:var(--space-3)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.empty-state{padding:var(--space-8) var(--space-4)}.empty-state-icon{font-size:2rem}.empty-state-title{font-size:var(--mobile-text-lg)}.empty-state-description{font-size:var(--mobile-text-base)}@media (min-width:475px){.dashboard-content{padding:var(--space-5)}.section-content{padding:var(--space-8) var(--space-6)}.content-section,.page-container{padding:var(--space-5)}.action-bar{align-items:center;flex-direction:row;justify-content:space-between}.grid-2{grid-template-columns:1fr 1fr}}@media (min-width:640px){.dashboard-content{padding:var(--tablet-padding)}.section-content h2{font-size:var(--text-3xl)}.section-content p{font-size:var(--text-base)}.page-title{font-size:var(--text-2xl)}.content-section{border-radius:var(--radius-xl);padding:var(--space-6)}.grid-3{grid-template-columns:repeat(2,1fr)}.empty-state{padding:var(--space-12) var(--space-6)}}@media (min-width:768px){.dashboard{flex-direction:row}.dashboard-content{margin-left:var(--sidebar-width);padding:var(--desktop-padding)}.dashboard-content.sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.dashboard-main{padding:var(--space-6) 0}.section-content{padding:var(--space-8) var(--space-6)}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.section-title{font-size:var(--text-xl)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-container{gap:var(--space-6)}}@media (min-width:1024px){.page-container{padding:var(--space-8)}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width:1536px){.grid-4{grid-template-columns:repeat(4,1fr)}}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;inset:0;opacity:0;position:fixed;transition:opacity var(--transition-normal);z-index:var(--z-modal-backdrop)}.mobile-sidebar-overlay.active{display:block;opacity:1}@media (max-width:767px){.dashboard-content,.dashboard-content.sidebar-collapsed{margin-left:0!important}}.mobile-nav-toggle{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);cursor:pointer;display:none;height:var(--touch-target-comfortable);left:var(--space-4);position:fixed;top:var(--space-4);transition:all var(--transition-normal);width:var(--touch-target-comfortable);z-index:calc(var(--z-fixed) + 2)}.mobile-nav-toggle:hover{background:var(--bg-elevated-hover);border-color:var(--border-interactive);transform:scale(1.05)}.mobile-nav-toggle:active{transform:scale(.95)}@media (max-width:767px){.mobile-nav-toggle{align-items:center;display:flex;justify-content:center}}@media (prefers-reduced-motion:reduce){.dashboard:before,.section-content h2,.section-content:before{animation:none}.content-section:hover,.empty-state:hover{transform:none}@keyframes subtle-float,
  @keyframes gentle-pulse,
  @keyframes title-glow,
  @keyframes elegant-spin{0%,to{opacity:1;transform:none}}}@media (prefers-contrast:high){.dashboard:before{display:none}.action-bar,.content-section{border:2px solid var(--border-interactive)}.empty-state{border:2px dashed var(--border-interactive)}.page-header:after{background:var(--primary-color)}}.App{background-color:var(--bg-primary);min-height:100vh}
/*# sourceMappingURL=main.63a29a4e.css.map*/