@charset "UTF-8";:root{--color-primary:#4285f4;--color-primary-light:#7baaf7;--color-primary-dark:#3367d6;--color-secondary:#5c6bc0;--color-secondary-light:#8e99f3;--color-secondary-dark:#3f51b5;--color-success:#4caf50;--color-success-light:#80e27e;--color-success-dark:#388e3c;--color-warning:#ff9800;--color-warning-light:#ffb74d;--color-warning-dark:#f57c00;--color-danger:#f44336;--color-danger-light:#ef9a9a;--color-danger-dark:#d32f2f;--color-info:#2196f3;--color-info-light:#64b5f6;--color-info-dark:#1976d2;--text-secondary:#555;--text-disabled:#888;--text-hint:#aaa;--bg-secondary:#f5f7fa;--bg-tertiary:#e1e4e8;--bg-disabled:#f0f0f0;--border-color-focus:#4285f4;--border-radius-xl:16px;--spacing-xxl:48px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-xxl:24px;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-loose:1.8;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #00000024;--shadow-md:0 4px 6px #0000001f,0 2px 4px #00000024;--shadow-lg:0 10px 15px #0000001f,0 4px 6px #00000024;--shadow-xl:0 20px 25px #0000001f,0 10px 10px #00000024;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-index-dropdown:1000;--z-index-sticky:1100;--z-index-fixed:1200;--z-index-modal-backdrop:1300;--z-index-modal:1400;--z-index-popover:1500;--z-index-tooltip:1600;--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--min-touch-size:44px;--min-touch-size-small:36px;--spacing-mobile-xs:2px;--spacing-mobile-sm:4px;--spacing-mobile-md:8px;--spacing-mobile-lg:12px}.dark-theme{--color-primary:#5c91f4;--color-primary-light:#8bb2ff;--color-primary-dark:#36c;--text-primary:#e1e1e1;--text-secondary:#b0b0b0;--text-disabled:grey;--text-hint:#6c6c6c;--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-tertiary:#2a2a2a;--bg-disabled:#333;--border-color:#444;--border-color-focus:#5c91f4;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0006;--shadow-md:0 4px 6px #0000004d,0 2px 4px #0006;--shadow-lg:0 10px 15px #0000004d,0 4px 6px #0006;--shadow-xl:0 20px 25px #0000004d,0 10px 10px #0006}.text-primary{color:#4285f4;color:var(--color-primary)}.text-secondary{color:#5c6bc0;color:var(--color-secondary)}.text-success{color:#4caf50;color:var(--color-success)}.text-warning{color:#ff9800;color:var(--color-warning)}.text-danger{color:#f44336;color:var(--color-danger)}.text-info{color:#2196f3;color:var(--color-info)}.bg-primary{background-color:#4285f4;background-color:var(--color-primary)}.bg-secondary{background-color:#5c6bc0;background-color:var(--color-secondary)}.bg-success{background-color:#4caf50;background-color:var(--color-success)}.bg-warning{background-color:#ff9800;background-color:var(--color-warning)}.bg-danger{background-color:#f44336;background-color:var(--color-danger)}.bg-info{background-color:#2196f3;background-color:var(--color-info)}.shadow-sm{box-shadow:0 1px 3px #0000001f,0 1px 2px #00000024;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px #0000001f,0 2px 4px #00000024;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px #0000001f,0 4px 6px #00000024;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px #0000001f,0 10px 10px #00000024;box-shadow:var(--shadow-xl)}.p-xs{padding:4px;padding:var(--spacing-xs)}.p-sm{padding:8px;padding:var(--spacing-sm)}.p-md{padding:16px;padding:var(--spacing-md)}.p-lg{padding:24px;padding:var(--spacing-lg)}.p-xl{padding:32px;padding:var(--spacing-xl)}.m-xs{margin:4px;margin:var(--spacing-xs)}.m-sm{margin:8px;margin:var(--spacing-sm)}.m-md{margin:16px;margin:var(--spacing-md)}.m-lg{margin:24px;margin:var(--spacing-lg)}.m-xl{margin:32px;margin:var(--spacing-xl)}.rounded-sm{border-radius:4px;border-radius:var(--border-radius-sm)}.rounded-md{border-radius:8px;border-radius:var(--border-radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:16px;border-radius:var(--border-radius-xl)}.text-xs{font-size:12px;font-size:var(--font-size-xs)}.text-sm{font-size:14px;font-size:var(--font-size-sm)}.text-md{font-size:16px;font-size:var(--font-size-md)}.text-lg{font-size:18px;font-size:var(--font-size-lg)}.text-xl{font-size:20px;font-size:var(--font-size-xl)}.text-xxl{font-size:24px;font-size:var(--font-size-xxl)}.btn{-webkit-tap-highlight-color:rgba(0,0,0,.1);border-radius:4px;border-radius:var(--border-radius-sm);font-size:var(--font-size-md);line-height:1.5;padding:.5rem 1rem;touch-action:manipulation;transition:all .15s ease;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:disabled{opacity:.65}.btn-primary{background-color:#4285f4;border-color:#4285f4;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:#3367d6;background-color:var(--color-primary-dark);border-color:#3367d6;border-color:var(--color-primary-dark)}.btn-secondary{background-color:#5c6bc0;border-color:#5c6bc0;border-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled){background-color:#3f51b5;background-color:var(--color-secondary-dark);border-color:#3f51b5;border-color:var(--color-secondary-dark)}.btn-success{background-color:#4caf50;background-color:var(--color-success);border-color:#4caf50;border-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:#388e3c;background-color:var(--color-success-dark);border-color:#388e3c;border-color:var(--color-success-dark)}.btn-danger{background-color:#f44336;background-color:var(--color-danger);border-color:#f44336;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:#d32f2f;background-color:var(--color-danger-dark);border-color:#d32f2f;border-color:var(--color-danger-dark)}.form-control{background-clip:padding-box;background-color:var(--bg-primary);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius-sm);color:#333;color:var(--text-primary);display:block;line-height:1.5;padding:.5rem .75rem;transition:border-color .15s ease;transition:border-color var(--transition-fast)}.form-control:focus{border-color:#4285f4;border-color:var(--border-color-focus);box-shadow:0 0 0 3px #4285f41a;outline:0}.form-control:disabled{background-color:#f0f0f0;background-color:var(--bg-disabled);opacity:1}.form-label{display:inline-block;font-weight:500;margin-bottom:.5rem}.alert{border:1px solid #0000;border-radius:4px;border-radius:var(--border-radius-sm);margin-bottom:1rem;padding:.75rem 1.25rem;position:relative}.alert-primary{background-color:#cce5ff;border-color:#b8daff;color:#004085}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-warning{background-color:#fff3cd;border-color:#ffeeba;color:#856404}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.table{border-collapse:collapse;color:#333;color:var(--text-primary);margin-bottom:1rem;width:100%}.table td,.table th{border-top:1px solid #ddd;border-top:1px solid var(--border-color);padding:.75rem;vertical-align:top}.table thead th{border-bottom:2px solid #ddd;border-bottom:2px solid var(--border-color);vertical-align:bottom}.table tbody+tbody{border-top:2px solid #ddd;border-top:2px solid var(--border-color)}.card{word-wrap:break-word;background-clip:initial;background-color:#fff;background-color:var(--bg-primary);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001f,0 1px 2px #00000024;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0;position:relative;transition:transform .15s ease,box-shadow .15s ease}.card-header{background-color:#f5f7fa;background-color:var(--bg-secondary);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);margin-bottom:0;padding:.75rem 1.25rem}.card-body{flex:1 1 auto;padding:1.25rem}.card-footer{background-color:#f5f7fa;background-color:var(--bg-secondary);border-top:1px solid #ddd;border-top:1px solid var(--border-color);padding:.75rem 1.25rem}body{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}@media (max-width:767px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media (max-width:767px){.show-mobile{display:block!important}}@media (min-width:768px){.hide-desktop{display:none!important}}.attachment-indicator-button,.simplified-delete-button,.task-action-button{-webkit-tap-highlight-color:rgba(0,0,0,.1);align-items:center!important;border-radius:4px!important;display:inline-flex!important;font-size:14px!important;justify-content:center!important;line-height:1!important;min-height:28px!important;min-width:28px!important;padding:4px!important;text-align:center!important;touch-action:manipulation}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{font-size:16px!important}.scroll-horizontal{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.scroll-horizontal::-webkit-scrollbar{display:none}.scroll-horizontal>*{flex:0 0 auto;scroll-snap-align:start}.d-flex{display:flex!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.justify-center{justify-content:center!important}.align-center{align-items:center!important}.gap-sm{gap:8px!important;gap:var(--spacing-sm)!important}.gap-md{gap:16px!important;gap:var(--spacing-md)!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:479px){:root{--spacing-md:var(--spacing-mobile-md);--spacing-lg:var(--spacing-mobile-lg)}.btn-mobile-full{margin-bottom:4px;margin-bottom:var(--spacing-mobile-sm);width:100%!important}.container-mobile{padding-left:4px;padding-left:var(--spacing-mobile-sm);padding-right:4px;padding-right:var(--spacing-mobile-sm)}.form-actions,.form-group-row{flex-direction:column!important;gap:12px!important}.btn:not(.task-action-button):not(.simplified-delete-button):not(.attachment-indicator-button){min-height:48px!important;padding:14px 16px!important}.attachment-indicator-button,.simplified-delete-button,.task-action-button{font-size:16px!important;min-height:40px!important;min-width:40px!important;padding:8px!important}}@media (min-width:480px) and (max-width:767px){.btn:not(.task-action-button):not(.simplified-delete-button):not(.attachment-indicator-button){min-height:44px}.attachment-indicator-button,.simplified-delete-button,.task-action-button{min-height:32px!important;min-width:32px!important;padding:6px!important}}@media (min-width:640px) and (max-width:767px){.card{border-radius:4px;border-radius:var(--border-radius-sm);margin:8px;margin:var(--spacing-sm)}.card-body,.card-footer,.card-header{padding:16px;padding:var(--spacing-md)}}@supports (padding:max(0px)){.safe-area-top{padding-top:max(16px,env(safe-area-inset-top));padding-top:max(var(--spacing-md),env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom));padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(16px,env(safe-area-inset-left));padding-left:max(var(--spacing-md),env(safe-area-inset-left))}.safe-area-right{padding-right:max(16px,env(safe-area-inset-right));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.card{transition:none}}@media (prefers-color-scheme:dark){body{background-color:#1a1a1a;color:#e1e1e1}}body{margin:0}#root,body,html{max-width:100%;overflow-x:hidden;width:100%}.flex-row{display:flex!important;flex-direction:row!important}.overflow-x-auto{overflow-x:auto!important}.flex-shrink-0{flex-shrink:0!important}@font-face{font-display:swap;font-family:Segoe UI Emoji;src:local("Segoe UI Emoji");unicode-range:u+1f1e6-1f1ff,u+1f3f4,u+e0062-e0063,u+e0065,u+e0067,u+e006c,u+e006e,u+e0073-e0074,u+e0077,u+e007f}@font-face{font-display:swap;font-family:Apple Color Emoji;src:local("Apple Color Emoji");unicode-range:u+1f1e6-1f1ff,u+1f3f4,u+e0062-e0063,u+e0065,u+e0067,u+e006c,u+e006e,u+e0073-e0074,u+e0077,u+e007f}@font-face{font-display:swap;font-family:Noto Color Emoji;src:local("Noto Color Emoji");unicode-range:u+1f1e6-1f1ff,u+1f3f4,u+e0062-e0063,u+e0065,u+e0067,u+e006c,u+e006e,u+e0073-e0074,u+e0077,u+e007f}:root{--color-primary:#22c55e;--color-primary-dark:#16a34a;--color-primary-light:#f0fff4;--color-secondary:#4d85bd;--color-secondary-dark:#3a6999;--color-secondary-light:#eaf6ff;--color-text:#333;--color-text-light:#666;--color-background:#fff;--color-background-alt:#f8f9fa;--color-border:#e5e7eb;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--border-radius-sm:4px;--border-radius-lg:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--transition:all 0.3s ease}body{background-color:#fff;background-color:var(--color-background);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:16px}a{color:#22c55e;color:var(--color-primary);text-decoration:none;transition:all .3s ease;transition:var(--transition)}a:hover{color:#16a34a;color:var(--color-primary-dark)}ul{list-style:none}img{height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 16px;padding:0 var(--spacing-md);width:100%}.section-header{margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}.section-header h2{color:#333;color:var(--color-text);font-size:2.5rem;font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.section-header p{color:#666;color:var(--color-text-light);font-size:1.1rem;margin:0 auto;max-width:600px}.btn{border-radius:var(--border-radius-md);display:inline-block;font-size:1rem;font-weight:600;text-align:center;transition:var(--transition)}.btn-primary{background-color:#22c55e;background-color:var(--color-primary);border:2px solid #22c55e;border:2px solid var(--color-primary)}.btn-primary:hover{background-color:#16a34a;background-color:var(--color-primary-dark);border-color:#16a34a;border-color:var(--color-primary-dark);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff}.btn-secondary{background-color:#4d85bd;background-color:var(--color-secondary);border:2px solid #4d85bd;border:2px solid var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:#3a6999;background-color:var(--color-secondary-dark);border-color:#3a6999;border-color:var(--color-secondary-dark);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.btn-primary-outline{background-color:initial;border:2px solid #22c55e;border:2px solid var(--color-primary);color:#22c55e;color:var(--color-primary)}.btn-primary-outline:hover{background-color:#f0fff4;background-color:var(--color-primary-light);color:#16a34a;color:var(--color-primary-dark);transform:translateY(-2px)}.btn-secondary-outline{background-color:initial;border:2px solid #4d85bd;border:2px solid var(--color-secondary);color:#4d85bd;color:var(--color-secondary)}.btn-secondary-outline:hover{background-color:#eaf6ff;background-color:var(--color-secondary-light);color:#3a6999;color:var(--color-secondary-dark);transform:translateY(-2px)}.header{background-color:#fffffffa;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);height:80px;left:0;overflow:visible;position:fixed;top:0;transition:all .3s ease;transition:var(--transition);width:100%;z-index:100}.header:has(.header-language-switcher){overflow:visible!important;z-index:999998!important}.header .container{height:100%;justify-content:space-between;overflow:visible}.header .container,.logo{align-items:center;display:flex}.logo{height:50px}.logo a{align-items:center;display:flex;height:100%}.logo img{height:100%;object-fit:contain;width:auto}.main-nav ul{display:flex;gap:24px;gap:var(--spacing-lg)}.main-nav a{color:#333;color:var(--color-text);font-weight:500;padding:4px 0;padding:var(--spacing-xs) 0;position:relative}.main-nav a:hover{color:#22c55e;color:var(--color-primary)}.main-nav a:after{background-color:#22c55e;background-color:var(--color-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .3s ease;transition:var(--transition);width:0}.main-nav a:hover:after{width:100%}.mobile-menu-toggle{font-size:1.5rem}.hero{background-color:#f8f9fa;background-color:var(--color-background-alt);overflow:hidden;padding:160px 0 80px}.hero .container{grid-gap:32px;grid-gap:var(--spacing-xl);align-items:center;display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.hero-content h1{color:#333;color:var(--color-text);font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:16px;margin-bottom:var(--spacing-md)}.hero-content p{color:#666;color:var(--color-text-light);font-size:1.25rem;margin-bottom:24px;margin-bottom:var(--spacing-lg);max-width:500px}.hero-buttons{display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:32px;margin-bottom:var(--spacing-xl)}.hero-trust{margin-top:32px;margin-top:var(--spacing-xl)}.hero-trust p{color:#666;color:var(--color-text-light);font-size:.9rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.trust-logos{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg)}.trust-logos img{max-height:30px;opacity:.7;transition:all .3s ease;transition:var(--transition)}.trust-logos img:hover{opacity:1}.hero-image{position:relative}.hero-image img{border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg)}.features{padding:64px 0;padding:var(--spacing-3xl) 0}.features-grid{align-items:stretch!important;display:flex!important;flex-wrap:wrap!important;gap:32px!important;gap:var(--spacing-xl)!important;justify-content:center!important;margin:0 auto!important;max-width:1200px!important}.feature-card{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);flex:0 0 300px;max-width:300px;padding:24px;padding:var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.feature-card:hover{border-color:#22c55e;border-color:var(--color-primary);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.feature-icon{align-items:center;background-color:#f0fff4;background-color:var(--color-primary-light);border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:16px;margin-bottom:var(--spacing-md);width:60px}.feature-icon i{color:#22c55e;color:var(--color-primary);font-size:1.5rem}.feature-card h3{color:#333;color:var(--color-text);font-size:1.25rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.feature-card p{color:#666;color:var(--color-text-light)}.pricing{background-color:#f8f9fa;background-color:var(--color-background-alt);padding:64px 0;padding:var(--spacing-3xl) 0}.pricing .container{max-width:1400px}.pricing-toggle{align-items:center;background-color:#f3f4f6;border:1px solid #0000000f;border-radius:12px;box-shadow:0 2px 4px #0000000f;display:inline-flex;margin:30px auto;padding:6px;position:relative}.pricing-toggle span{align-items:center;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:4px;justify-content:center;min-width:120px;padding:12px 32px;position:relative;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:2}.pricing-toggle span:hover:not(.active){color:#374151}.pricing-toggle span.active{color:#1f2937}.pricing-toggle:before{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;content:"";height:calc(100% - 12px);left:6px;position:absolute;top:6px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 6px);z-index:1}.pricing-toggle.annual:before{transform:translateX(calc(100% - 3px))}.save-badge{animation:subtle-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;box-shadow:0 2px 4px #22c55e33;font-size:12px;letter-spacing:.3px;margin-top:2px;padding:3px 10px}@keyframes subtle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:480px){.pricing-toggle{margin:20px auto;padding:5px}.pricing-toggle span{font-size:14px;min-width:100px;padding:10px 20px}.save-badge{font-size:11px;padding:2px 8px}}.pricing-toggle-premium{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e5e7eb);border:1px solid #0000000d;border-radius:50px;box-shadow:inset 0 2px 4px #0000000f;display:inline-flex;margin:30px auto;padding:4px;position:relative}.pricing-toggle-premium span{align-items:center;border-radius:50px;color:#6b7280;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 36px;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:2}.pricing-toggle-premium span.active{color:#fff;text-shadow:0 1px 2px #0000001a}.pricing-toggle-premium:before{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:50px;box-shadow:0 4px 12px #22c55e40,inset 0 1px 2px #fff3;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:calc(50% - 4px);z-index:1}.pricing-toggle-premium.annual:before{transform:translateX(calc(100% - 4px))}.pricing-toggle.ios-style{align-items:center;background:#e5e7eb;display:flex;height:44px;justify-content:space-between;padding:2px;width:280px}.pricing-toggle.ios-style span{align-items:center;border-radius:22px;display:flex;flex:1 1;height:100%;justify-content:center;text-align:center;transition:all .3s ease}.pricing-toggle.ios-style span.active{background:#fff;box-shadow:0 2px 8px #00000026;color:#1f2937}.pricing-toggle.ios-style:before{display:none}.save-badge{background-color:#f59e0b;background-color:var(--color-warning);border-radius:10px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;margin-left:4px;padding:2px 8px;vertical-align:middle}.pricing-grid{display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-lg);justify-content:center;margin-left:auto;margin-right:auto;margin-top:48px;margin-top:var(--spacing-2xl);max-width:1200px}.pricing-card{background-color:#fff;background-color:var(--color-background);border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:480px;overflow:hidden;position:relative;transition:all .3s ease;transition:var(--transition);width:280px}.pricing-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.pricing-card.popular,.pricing-card:hover{border-color:#22c55e;border-color:var(--color-primary)}.pricing-card.popular{box-shadow:0 20px 40px #00000026;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-bottom-left-radius:10px;color:#fff;font-size:.75rem;font-weight:600;padding:6px 20px;position:absolute;right:-1px;top:-1px}.pricing-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);padding:32px;padding:var(--spacing-xl);text-align:center}.pricing-header h3{font-size:1.5rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.price{margin-bottom:16px;margin-bottom:var(--spacing-md)}.price .amount{color:#333;color:var(--color-text);font-size:2.5rem;font-weight:700}.price .period,.pricing-header p{color:#666;color:var(--color-text-light);font-size:.9rem}.pricing-header p{min-height:3em}.pricing-features{flex:1 1;padding:24px;padding:var(--spacing-lg)}.pricing-features ul{list-style:none;margin:0}.pricing-features li{align-items:center;display:flex;font-size:.95rem;gap:8px;gap:var(--spacing-sm);padding:8px 0;padding:var(--spacing-sm) 0}.pricing-features li i{color:#22c55e;color:var(--color-primary);flex-shrink:0;font-size:1rem}.pricing-features li.disabled{opacity:.6}.pricing-features li.disabled,.pricing-features li.disabled i{color:#666;color:var(--color-text-light)}.pricing-cta{padding:24px;padding:var(--spacing-lg);padding-top:0}.pricing-cta .btn{border-radius:8px;border-radius:var(--border-radius-md);font-size:1rem;font-weight:600;overflow:hidden;padding:14px 24px;position:relative;width:100%}.pricing-card:not(:first-child) .btn-primary,.pricing-card:not(:first-child) .btn-primary-outline{background:linear-gradient(135deg,#0366d6,#0256c7);border:none;box-shadow:0 4px 6px #0366d633;color:#fff}.pricing-card:not(:first-child) .btn-primary-outline:hover,.pricing-card:not(:first-child) .btn-primary:hover{background:linear-gradient(135deg,#0256c7,#024ba9);box-shadow:0 6px 12px #0366d64d;transform:translateY(-2px)}.pricing-card:first-child .btn-secondary{background:linear-gradient(135deg,#f6f8fa,#e1e4e8);border:2px solid #e5e7eb;border:2px solid var(--color-border);color:#333;color:var(--color-text)}.pricing-card:first-child .btn-secondary:hover{background:linear-gradient(135deg,#e1e4e8,#d1d5da);border-color:#4d85bd;border-color:var(--color-secondary);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.pricing-note{color:#666;color:var(--color-text-light);font-size:.9rem;margin-top:32px;margin-top:var(--spacing-xl);text-align:center}@media (max-width:1200px){.pricing-grid{max-width:800px}.pricing-card{width:260px}.pricing-card.popular{transform:scale(1)}}@media (max-width:768px){.pricing-grid{align-items:center;flex-direction:column;margin-left:auto;margin-right:auto;max-width:350px}.pricing-card{margin-bottom:16px;margin-bottom:var(--spacing-md);width:300px}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-10px)}.price .amount{font-size:2rem}.pricing-header{padding:24px;padding:var(--spacing-lg)}.pricing-features{padding:16px;padding:var(--spacing-md)}.pricing-features li{font-size:.9rem}}.demo-testimonials{padding:64px 0;padding:var(--spacing-3xl) 0}.demo-video{margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.video-container{border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);margin:0 auto;max-width:800px;overflow:hidden;position:relative;width:100%}.video-placeholder{display:block;width:100%}.play-button{align-items:center;background-color:#fffc;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;transition:var(--transition);width:80px}.play-button i{color:#22c55e;color:var(--color-primary);font-size:2rem}.play-button:hover{background-color:#fff;transform:translate(-50%,-50%) scale(1.1)}.testimonials{padding-top:48px;padding-top:var(--spacing-2xl)}.testimonials h3{font-size:1.5rem;margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}.testimonials-carousel{overflow:hidden;position:relative}.testimonial{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);margin:0 16px;margin:0 var(--spacing-md);padding:24px;padding:var(--spacing-lg)}.testimonial-content{margin-bottom:16px;margin-bottom:var(--spacing-md)}.testimonial-content p{color:#333;color:var(--color-text);font-size:1.1rem;font-style:italic}.testimonial-author{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.testimonial-author img{border-radius:50%;height:60px;object-fit:cover;width:60px}.author-info h4{font-size:1rem;margin-bottom:2px}.author-info p{color:#666;color:var(--color-text-light);font-size:.9rem}.testimonial-dots{display:flex;gap:8px;gap:var(--spacing-sm);justify-content:center;margin-top:16px;margin-top:var(--spacing-md)}.dot{background-color:#e5e7eb;background-color:var(--color-border);border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;transition:var(--transition);width:12px}.dot.active{background-color:#22c55e;background-color:var(--color-primary);transform:scale(1.2)}.about{background-color:#f8f9fa;background-color:var(--color-background-alt);padding:64px 0;padding:var(--spacing-3xl) 0}.about-content{grid-gap:32px;grid-gap:var(--spacing-xl);align-items:center;display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.about-image img{border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.about-text h3{font-size:1.5rem;margin-top:24px;margin-top:var(--spacing-lg)}.about-text h3,.about-text p{margin-bottom:16px;margin-bottom:var(--spacing-md)}.about-text p{color:#666;color:var(--color-text-light)}.about-text ul{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.about-text li,.about-text ul{margin-left:16px;margin-left:var(--spacing-md)}.about-text li{list-style-type:disc;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.about-cta{margin-top:32px;margin-top:var(--spacing-xl)}.faq{padding:64px 0;padding:var(--spacing-3xl) 0}.faq-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.faq-item{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);margin-bottom:16px;margin-bottom:var(--spacing-md);overflow:hidden}.faq-question{align-items:center;background-color:#fff;background-color:var(--color-background);cursor:pointer;display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.faq-question h3{font-size:1.1rem;font-weight:600}.toggle-icon{color:#22c55e;color:var(--color-primary);font-size:1rem;transition:all .3s ease;transition:var(--transition)}.faq-answer{max-height:0;overflow:hidden;padding:0 24px;padding:0 var(--spacing-lg);transition:max-height .5s ease-out,padding .3s ease}.faq-answer p{color:#666;color:var(--color-text-light);padding-bottom:24px;padding-bottom:var(--spacing-lg)}.faq-item.active .faq-question{background-color:#f0fff4;background-color:var(--color-primary-light)}.faq-item.active .toggle-icon{transform:rotate(45deg)}.faq-item.active .faq-answer{max-height:300px;padding-top:8px;padding-top:var(--spacing-sm)}.cta{background-color:#22c55e;background-color:var(--color-primary);color:#fff;padding:48px 0;padding:var(--spacing-2xl) 0}.cta-content{margin:0 auto;max-width:800px;text-align:center}.cta-content h2{font-size:2.5rem;margin-bottom:16px;margin-bottom:var(--spacing-md)}.cta-content p{font-size:1.25rem;margin-bottom:24px;margin-bottom:var(--spacing-lg);opacity:.9}.cta-buttons{display:flex;gap:16px;gap:var(--spacing-md);justify-content:center}.cta .btn-primary{background-color:#fff;border-color:#fff}.cta .btn-primary:hover{background-color:#ffffffe6;border-color:#ffffffe6;color:#16a34a;color:var(--color-primary-dark)}.cta .btn-secondary-outline{border-color:#fff;color:#fff}.cta .btn-secondary-outline:hover{background-color:#ffffff1a;color:#fff}.contact{padding:64px 0;padding:var(--spacing-3xl) 0}.contact-grid{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:1fr 2fr}.contact-info{background-color:#f8f9fa;background-color:var(--color-background-alt);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-lg)}.contact-item{align-items:flex-start;display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.contact-icon{align-items:center;background-color:#f0fff4;background-color:var(--color-primary-light);border-radius:50%;color:#22c55e;color:var(--color-primary);display:flex;height:40px;justify-content:center;width:40px}.contact-text h3{font-size:1.1rem}.contact-text h3,.contact-text p{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.contact-text p{color:#666;color:var(--color-text-light)}.contact-social{margin-top:32px;margin-top:var(--spacing-xl)}.contact-social h3{font-size:1.1rem;margin-bottom:16px;margin-bottom:var(--spacing-md)}.social-icons{display:flex;gap:16px;gap:var(--spacing-md)}.social-icon{align-items:center;background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:50%;color:#333;color:var(--color-text);display:flex;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.social-icon:hover{background-color:#22c55e;background-color:var(--color-primary);border-color:#22c55e;border-color:var(--color-primary);color:#fff;transform:translateY(-3px)}.contact-form{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{margin-bottom:var(--spacing-xs)}.form-group input,.form-group textarea{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:1rem;padding:12px;transition:all .3s ease;transition:var(--transition);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#22c55e;border-color:var(--color-primary);box-shadow:0 0 0 3px #22c55e33;outline:none}.form-submit{margin-top:24px;margin-top:var(--spacing-lg)}.form-confirmation{padding:48px;padding:var(--spacing-2xl);text-align:center}.form-confirmation h3{color:#10b981;color:var(--color-success);margin-bottom:16px;margin-bottom:var(--spacing-md)}.footer-grid{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:2fr 1fr 1fr 1fr 2fr;margin-bottom:32px;margin-bottom:var(--spacing-xl)}.footer-company p{color:#666;color:var(--color-text-light);margin:16px 0;margin:var(--spacing-md) 0}.footer-logo{margin-bottom:8px;margin-bottom:var(--spacing-sm);max-width:120px}.footer-social{display:flex;gap:16px;gap:var(--spacing-md);margin-top:16px;margin-top:var(--spacing-md)}.footer-links h3{font-size:1.1rem;margin-bottom:16px;margin-bottom:var(--spacing-md)}.footer-links ul li{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.footer-links ul li a{color:#666;color:var(--color-text-light)}.footer-links ul li a:hover{color:#22c55e;color:var(--color-primary)}.footer-newsletter h3{font-size:1.1rem}.footer-newsletter h3,.footer-newsletter p{margin-bottom:16px;margin-bottom:var(--spacing-md)}.footer-newsletter p{color:#666;color:var(--color-text-light)}.newsletter-form{display:flex;gap:8px;gap:var(--spacing-sm)}.newsletter-form input{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:1rem;padding:12px}.newsletter-form input:focus{border-color:#22c55e;border-color:var(--color-primary);outline:none}.newsletter-form .btn{padding:8px 16px}.footer-bottom{justify-content:space-between}.footer-bottom-links{gap:16px;gap:var(--spacing-md)}.footer-bottom-links a{font-size:.9rem}@media (max-width:992px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-content p{margin:0 auto 24px;margin:0 auto var(--spacing-lg)}.hero-buttons{justify-content:center}.hero-trust{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.trust-logos{justify-content:center}.about-content{grid-template-columns:1fr}.about-image{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.contact-grid{grid-template-columns:1fr}.footer-grid{gap:32px 48px;gap:var(--spacing-xl) var(--spacing-2xl);grid-template-columns:1fr 1fr}}@media (max-width:768px){.header{height:70px}.cta-buttons .btn-secondary,.main-nav{display:none}.header-language-switcher{display:flex!important;opacity:1!important;visibility:visible!important}.mobile-menu-toggle{display:block}.pricing-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:500px}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-10px)}.faq-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:16px;gap:var(--spacing-md);text-align:center}}@media (max-width:576px){.hero-content h1{font-size:2.5rem}.hero-buttons{flex-direction:column;gap:16px;gap:var(--spacing-md)}.cta-content h2,.section-header h2{font-size:2rem}.cta-buttons{gap:16px;gap:var(--spacing-md)}.cta-buttons,.newsletter-form{flex-direction:column}.contact-social .social-icons{justify-content:center}.faq-grid{grid-template-columns:1fr}.faq-item{min-width:0}}.hero-content,.hero-image{animation:fadeIn 1s ease-out}.feature-card{animation:fadeIn .6s ease-out;animation-fill-mode:both}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.4s}.feature-card:nth-child(4){animation-delay:.6s}.feature-card:nth-child(5){animation-delay:.8s}.feature-card:nth-child(6){animation-delay:1s}.pricing-card{animation:fadeIn .6s ease-out;animation-fill-mode:both}.pricing-card:nth-child(2){animation-delay:.3s}.pricing-card:nth-child(3){animation-delay:.6s}@media (max-width:576px){.faq-grid{gap:16px;gap:var(--spacing-md);grid-template-columns:1fr!important}.faq-item{min-width:0;min-width:auto;width:100%}.faq-question h3{font-size:1rem;padding-right:30px}}@media (max-width:768px){.content-editable-div table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;white-space:nowrap}.content-editable-div table td,.content-editable-div table th{min-width:100px}.contact-grid{gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr!important}.contact-info{order:2}.contact-form{order:1}.form-group input,.form-group textarea{font-size:16px}.hero-image>div{height:250px!important}.hero{padding:120px 0 40px}.hero-content h1{font-size:2rem;line-height:1.3}.hero-content p{font-size:1.1rem}.trust-logos{flex-wrap:wrap;justify-content:center}.trust-logos>div{margin:5px}.toolbar-main{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:thin}.toolbar-group{flex-shrink:0}.toolbar-group-label{display:none}.toolbar-select{font-size:12px;max-width:100px}.content-editable-div{font-size:16px;min-height:300px;padding:16px}.color-presets-panel{left:50%!important;max-width:300px;transform:translateX(-50%);width:90vw!important}.header{padding:0 8px;padding:0 var(--spacing-sm)}.main-nav.active{animation:slideDown .3s ease;background:#fff;box-shadow:0 4px 6px #0000001a;display:block;left:0;position:fixed;right:0;top:70px;z-index:100}}@media (max-width:768px){@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.main-nav ul{flex-direction:column}.main-nav a,.main-nav ul{padding:16px;padding:var(--spacing-md)}.main-nav a{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:block}}@media (max-width:576px){.features-grid{gap:16px;gap:var(--spacing-md);grid-template-columns:1fr}.feature-card{padding:16px;padding:var(--spacing-md)}.pricing-features li{font-size:.875rem;padding:4px 0;padding:var(--spacing-xs) 0}}@media (max-width:768px){.footer-grid{gap:32px;gap:var(--spacing-xl);grid-template-columns:1fr;text-align:center}.footer-social,.social-icons{justify-content:center}.newsletter-form{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.newsletter-form .btn,.newsletter-form input{width:100%}.testimonial{margin:0;padding:16px;padding:var(--spacing-md)}.testimonial-content p{font-size:1rem}.testimonial-author{flex-direction:column;text-align:center}body{overflow-x:hidden}.container{padding:0 16px;padding:0 var(--spacing-md)}section{padding:48px 0;padding:var(--spacing-2xl) 0}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.cta-buttons{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.btn{justify-content:center;width:100%}}@media (min-width:769px) and (max-width:1024px){.pricing-grid{gap:16px;gap:var(--spacing-md)}.pricing-card{padding:16px;padding:var(--spacing-md)}.about-content,.hero .container{gap:24px;gap:var(--spacing-lg)}}.footer{background-color:#f8f9fa;background-color:var(--color-background-alt);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);padding:48px 0 24px;padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content-centered{margin:0 auto;max-width:800px;padding:0 16px;padding:0 var(--spacing-md);text-align:center}.footer-logo-section{margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.footer-logo{display:inline-block;margin-bottom:16px;margin-bottom:var(--spacing-md);max-width:150px}.footer-logo img{height:auto;object-fit:contain;width:100%}.footer-description{color:#666;color:var(--color-text-light);font-size:.95rem;line-height:1.6;margin:0 auto;max-width:500px}.footer-links-grid{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-bottom:48px;margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:600px}.footer-column{text-align:center}.footer-column h3{color:#333;color:var(--color-text);font-size:1.1rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md)}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column ul li{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.footer-column ul li a{color:#666;color:var(--color-text-light);font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer-column ul li a:hover{color:#22c55e;color:var(--color-primary);text-decoration:underline}.footer-bottom{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:32px;gap:var(--spacing-xl);justify-content:center;margin:0 auto;max-width:800px;padding-top:24px;padding-top:var(--spacing-lg)}.copyright{color:#666;color:var(--color-text-light);font-size:.9rem}.copyright p{margin:0}.footer-bottom-links{align-items:center;display:flex;font-size:.9rem;gap:8px;gap:var(--spacing-sm)}.footer-bottom-links a{color:#666;color:var(--color-text-light);text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#22c55e;color:var(--color-primary);text-decoration:underline}.footer-bottom-links .separator{color:#666;color:var(--color-text-light);opacity:.5}@media (max-width:768px){.footer-links-grid{gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr}.footer-column:first-child{margin-bottom:16px;margin-bottom:var(--spacing-md)}.footer-bottom{flex-direction:column;gap:16px;gap:var(--spacing-md);text-align:center}.copyright{order:2}.footer-bottom-links{order:1}}@media (max-width:480px){.footer{padding:32px 0 16px;padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-logo{max-width:120px}.footer-description{font-size:.9rem}.footer-column h3{font-size:1rem}.footer-column ul li a{font-size:.9rem}.footer-bottom-links{font-size:.85rem}}@media (max-width:768px){.header .container{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:0 10px}.logo{flex:0 0 auto;height:45px;margin-right:8px}.header .cta-buttons{align-items:center;display:flex!important;flex:0 0 auto;flex-direction:row!important;gap:4px}.header-language-switcher{display:flex!important;flex-shrink:0!important;margin-left:4px!important}.header-language-switcher .language-switcher-trigger{-webkit-tap-highlight-color:transparent!important;background:#ffffff40!important;border:2px solid #fff9!important;font-size:.8rem!important;min-height:44px!important;padding:8px 12px!important;touch-action:manipulation!important}.header-language-switcher .language-dropdown{-webkit-overflow-scrolling:touch!important;background:#fff!important;border:2px solid #e5e7eb!important;border:2px solid var(--color-border)!important;box-shadow:0 12px 40px #0000004d!important;left:auto!important;max-height:50vh!important;max-width:90vw!important;min-width:200px!important;overflow-y:auto!important;position:absolute!important;right:0!important;top:calc(100% + 8px)!important;transform:translateX(0)!important;z-index:999999!important}.header-language-switcher .language-option{font-size:16px!important;min-height:48px!important;padding:14px 16px!important}.header .cta-buttons .btn{border-radius:6px;font-size:.75rem!important;line-height:1.2;padding:5px 10px!important;white-space:nowrap}.header .cta-buttons .btn,.header .cta-buttons .btn-secondary{display:inline-block!important}.mobile-menu-toggle{flex:0 0 auto;font-size:1.3rem;padding:6px}}@media (max-width:480px){.header .container{gap:5px;padding:0 8px}.logo{height:40px}.header .cta-buttons{gap:3px}.header .cta-buttons .btn{font-size:.7rem!important;padding:4px 8px!important}.mobile-menu-toggle{font-size:1.2rem;padding:5px}}@media (max-width:360px){.header .container{gap:3px;padding:0 5px}.logo{height:35px}.header .cta-buttons .btn{border-width:1px;font-size:.65rem!important;padding:3px 6px!important}.header-language-switcher .language-switcher-trigger{font-size:.7rem!important;min-height:40px!important;padding:6px 8px!important}.header-language-switcher .language-dropdown{max-width:95vw!important;min-width:180px!important;right:-10px!important}.header .cta-buttons .btn-secondary span{display:none}.header .cta-buttons .btn-secondary:after{content:"Entrar"}.mobile-menu-toggle{font-size:1.1rem;padding:4px}}@media (max-width:768px){.header{height:60px;overflow:hidden}.header .container>*{flex-shrink:0}.header .cta-buttons .btn{align-items:center;display:inline-flex!important;justify-content:center;min-height:0}}.landing-page{overflow-x:hidden!important}body:has(.landing-page){height:auto!important;overflow:auto!important}body.landing-page-active{height:auto!important;overflow:auto!important;position:static!important;width:100%!important}html:has(body.landing-page-active){height:auto!important;overflow:auto!important}body.landing-page-active .app-container{display:block!important;height:auto!important;overflow:visible!important}body.landing-page-active .main-content{height:auto!important;margin-left:0!important;overflow:visible!important}body.landing-page-active .landing-page{height:auto!important;min-height:100vh!important;overflow:visible!important}body.taskboard-active{position:fixed!important;width:100%!important}body.taskboard-active,body.taskboard-active .app-container{height:100vh!important;overflow:hidden!important}body.taskboard-active .main-content{height:100vh!important;overflow-y:auto!important}.loading-plans{align-items:center;color:#666;color:var(--color-text-light);display:flex;flex-basis:100%;font-size:1.1em;gap:10px;justify-content:center;padding:40px;text-align:center;width:100%}.loading-plans:before{animation:spin 1s linear infinite;border:2px solid #f0fff4;border-top:2px solid #22c55e;border:2px solid var(--color-primary-light);border-radius:50%;border-top-color:var(--color-primary);content:"";height:20px;width:20px}.header-language-switcher{align-items:center;display:flex!important;flex-shrink:0!important;margin-left:16px;margin-left:var(--spacing-md);overflow:visible!important;position:relative!important;z-index:999999!important}.header-language-switcher .language-switcher-trigger{background:#fff3!important;border:2px solid #ffffff80!important;border-radius:4px!important;border-radius:var(--border-radius-sm)!important;box-shadow:0 2px 4px #0000001a!important;color:#fff!important;cursor:pointer!important;font-size:.9em!important;font-weight:500!important;gap:6px!important;min-height:36px!important;min-width:80px!important;padding:8px 12px!important;white-space:nowrap!important}.header-language-switcher .language-switcher-trigger:hover{background:#ffffff59!important;border-color:#ffffffb3!important;box-shadow:0 4px 8px #00000026!important;transform:translateY(-1px)}.header-language-switcher .language-switcher-trigger .flag{display:inline-block;font-size:1.2em;margin-right:6px;min-width:20px;text-align:center;vertical-align:middle}.header-language-switcher .language-option .flag img,.header-language-switcher .language-switcher-trigger .flag img{border-radius:2px!important;display:inline-block!important;height:15px!important;margin-right:6px!important;opacity:1!important;position:relative!important;vertical-align:middle!important;visibility:visible!important;width:20px!important;z-index:999!important}.header-language-switcher .language-option .flag img{margin-right:8px}.header-language-switcher .language-option .flag,.header-language-switcher .language-switcher-trigger .flag{font-family:inherit}@media screen and (min-width:1024px){.header-language-switcher .language-option .flag,.header-language-switcher .language-switcher-trigger .flag{font-feature-settings:"liga" off!important;font-display:swap!important;font-family:Segoe UI Emoji,Twemoji Mozilla,Apple Color Emoji,Noto Color Emoji!important;font-synthesis:none!important;text-rendering:auto!important}.header-language-switcher .language-switcher-trigger .flag:before{content:""!important;font-family:Segoe UI Emoji!important;position:absolute!important;visibility:hidden!important;z-index:-1!important}.header-language-switcher .language-option .flag,.header-language-switcher .language-switcher-trigger .flag{font-stretch:normal!important;font-style:normal!important;font-weight:400!important;letter-spacing:normal!important;text-decoration:none!important;text-indent:0!important;text-transform:none!important;word-spacing:normal!important;writing-mode:lr-tb!important}}.header-language-switcher .language-option .flag[data-fallback]:not(:empty):after,.header-language-switcher .language-switcher-trigger .flag[data-fallback]:not(:empty):after{content:"";display:none}.header-language-switcher .language-option .flag:empty:before,.header-language-switcher .language-switcher-trigger .flag:empty:before{background:#22c55e!important;background:var(--color-primary)!important;border-radius:4px!important;box-shadow:0 1px 3px #0003!important;color:#fff!important;content:attr(data-fallback)!important;display:inline-block!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-family:var(--font-family)!important;font-size:.85em!important;font-weight:700!important;height:20px!important;letter-spacing:.5px!important;line-height:20px!important;min-width:24px!important;padding:3px 6px!important;text-align:center!important;text-transform:uppercase!important}.header-language-switcher .language-option .flag,.header-language-switcher .language-switcher-trigger .flag{font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",var(--font-family)!important}.header-language-switcher .language-option .flag:not([data-emoji=true]),.header-language-switcher .language-switcher-trigger .flag:not([data-emoji=true]){display:none!important}@supports not (content:attr(data-fallback)){.header-language-switcher .language-switcher-trigger .flag[data-fallback]:after{background:#ffffffe6;border-radius:2px;color:#22c55e;color:var(--color-primary);content:attr(data-fallback);display:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:.6em;font-weight:600;left:50%;padding:1px 3px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}}.header-language-switcher .language-switcher-trigger .arrow{font-size:.8em;transition:transform .2s ease}.header-language-switcher .language-switcher-trigger .arrow.up{transform:rotate(180deg)}.header-language-switcher .language-dropdown{-webkit-overflow-scrolling:touch!important;background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--color-border)!important;border-radius:8px!important;border-radius:var(--border-radius-md)!important;box-shadow:0 12px 40px #00000040!important;margin-top:3px!important;max-height:300px!important;min-width:200px!important;overflow-y:auto!important;pointer-events:auto!important;position:absolute!important;right:0!important;top:calc(100% + 5px)!important;z-index:999999!important}.header-language-switcher .language-option{-webkit-tap-highlight-color:rgba(0,0,0,.1)!important;align-items:center!important;background:none!important;border:none!important;color:#333!important;color:var(--color-text)!important;cursor:pointer!important;display:flex!important;gap:8px!important;min-height:44px!important;padding:12px 15px!important;position:relative!important;text-align:left!important;touch-action:manipulation!important;transition:background-color .2s ease!important;user-select:none!important;-webkit-user-select:none!important;width:100%!important}.header-language-switcher .language-option:hover{background-color:#f0fff4!important;background-color:var(--color-primary-light)!important}.header-language-switcher .language-option.active{background-color:#f3f4f6!important;color:#333!important;color:var(--color-text)!important;font-weight:600!important}.header-language-switcher .dropdown-header{background:#f8f9fa!important;background:var(--color-background-alt)!important;border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--color-border)!important;color:#666!important;color:var(--color-text-light)!important;font-size:.85em!important;padding:8px 15px!important}@media (max-width:768px){.header-language-switcher{margin-left:8px;margin-left:var(--spacing-sm)}.header-language-switcher .language-switcher-trigger{font-size:.85em!important;min-height:32px!important;padding:6px 10px!important}.header-language-switcher .language-dropdown{min-width:180px!important}}.header-language-switcher .language-switcher-trigger{align-items:center!important;background:#4d85bd26!important;border:2px solid #4d85bd80!important;border-radius:6px!important;color:#333!important;color:var(--color-text)!important;display:flex!important;gap:8px!important;min-width:150px!important;padding:8px 14px!important;transition:all .2s ease!important}.header-language-switcher .language-switcher-trigger:hover{background:#4d85bd40!important;border-color:#4d85bdb3!important}.header-language-switcher .language-name{color:#333!important;color:var(--color-text)!important;display:inline-block!important;filter:none!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important;margin:0!important;min-width:60px!important;opacity:1!important;padding:0!important;text-shadow:none!important;transform:none!important;visibility:visible!important;white-space:nowrap!important}.header-language-switcher .flag,.header-language-switcher .flag-img{flex-shrink:0!important;height:15px!important;margin-right:8px!important;width:20px!important}.header-language-switcher .arrow{color:#333!important;color:var(--color-text)!important;flex-shrink:0!important;font-size:10px!important;margin-left:4px!important;opacity:.7!important}.header .cta-buttons .language-switcher-trigger .language-name,.header-language-switcher .language-switcher-trigger .language-name,.language-switcher.header-language-switcher .language-name{clip:auto!important;color:#333!important;display:inline-block!important;height:auto!important;opacity:1!important;overflow:visible!important;position:static!important;visibility:visible!important;white-space:nowrap!important;width:auto!important}@media (max-width:768px){.header-language-switcher .language-switcher-trigger{min-width:120px!important;padding:6px 10px!important}.header-language-switcher .language-name{font-size:13px!important;min-width:50px!important}}.language-switcher{font-family:inherit;position:relative}.language-switcher.dropdown .language-switcher-trigger{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;min-width:150px;padding:10px 14px;transition:all .2s}.language-switcher.dropdown .language-switcher-trigger:hover{background:#ffffff26;border-color:#ffffff4d}.language-switcher.dropdown .language-switcher-trigger:disabled{cursor:not-allowed;opacity:.6}.language-switcher .flag-img{border-radius:2px;box-shadow:0 0 1px #0003;display:inline-block!important;flex-shrink:0;height:15px!important;object-fit:cover;vertical-align:middle;width:20px!important}.language-switcher .flag{align-items:center;display:inline-flex;flex-shrink:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Android Emoji,EmojiOne,Twemoji Mozilla,system-ui,-apple-system,sans-serif;font-size:18px;height:15px;justify-content:center;line-height:1;width:20px}.language-switcher-trigger .language-name{color:#fff!important;display:inline-block!important;flex:1 1;font-weight:500;min-width:60px;opacity:1!important;text-align:left;visibility:visible!important;white-space:nowrap}.language-switcher-trigger .language-name:empty:after{content:"Español";display:inline-block}.language-switcher .arrow{color:#ffffffb3;flex-shrink:0;font-size:10px;transition:transform .2s}.language-switcher .arrow.up{transform:rotate(180deg)}.language-switcher .loading-spinner{animation:spin 1s linear infinite;margin-left:4px}.language-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;max-width:300px;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:999999}.language-dropdown.bottom-left{left:0;right:auto}.language-dropdown.bottom-right{left:auto;right:0}.language-dropdown.top-left{bottom:calc(100% + 4px);left:0;right:auto;top:auto}.language-dropdown.top-right{bottom:calc(100% + 4px);left:auto;right:0;top:auto}.dropdown-header{background:#f8f9fa;border-bottom:1px solid #e1e5e9;color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.language-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:background-color .2s;width:100%}.language-option:hover{background:#f8f9fa}.language-option.active{background:#e3f2fd;color:#1976d2}.language-option:disabled{cursor:not-allowed;opacity:.5}.language-option .flag,.language-option .flag-img{flex-shrink:0}.language-names{display:flex;flex:1 1;flex-direction:column;gap:2px}.native-name{color:#212529;font-weight:500}.language-option.active .native-name{color:#1976d2}.english-name{color:#6c757d;font-size:12px}.check-mark{color:#1976d2;flex-shrink:0;font-weight:700}.language-switcher.buttons{display:flex;flex-direction:column;gap:12px}.buttons-header{color:#495057;font-size:14px;font-weight:600;margin-bottom:4px}.language-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.language-button{align-items:center;background:#f8f9fa;border:2px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-height:40px;padding:8px 12px;transition:all .2s}.language-button:hover{background:#e9ecef;border-color:#adb5bd}.language-button.active{background:#1976d2;border-color:#1976d2;color:#fff}.language-button:disabled{cursor:not-allowed;opacity:.5}.language-switcher.compact{align-items:center;display:flex;gap:8px}.language-select{background:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;min-width:140px;padding:6px 8px}.language-select:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.language-select:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.language-select-wrapper{display:flex;flex-direction:column;gap:6px}.language-select-label{color:#495057;font-size:14px;font-weight:500}[dir=rtl] .language-switcher.dropdown .language-name{text-align:right}[dir=rtl] .language-dropdown.bottom-right{left:0;right:auto}[dir=rtl] .language-dropdown.bottom-left{left:auto;right:0}[dir=rtl] .language-option{text-align:right}.dark .language-dropdown{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark .dropdown-header{background:#1a202c;border-color:#4a5568;color:#a0aec0}.dark .language-option:hover{background:#4a5568}.dark .language-option.active{background:#2b6cb0;color:#bee3f8}.dark .native-name{color:#e2e8f0}.dark .language-option.active .native-name{color:#bee3f8}.dark .english-name{color:#a0aec0}.dark .language-button{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark .language-button:hover{background:#4a5568;border-color:#718096}.dark .language-button.active{background:#2b6cb0;border-color:#2b6cb0;color:#bee3f8}.dark .language-select{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark .language-select:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e133}@media (max-width:768px){.language-dropdown{min-width:180px}.language-switcher-trigger{min-height:44px!important;padding:10px 12px!important}.language-option{min-height:48px!important;padding:12px!important}.language-buttons{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.language-button{font-size:12px;min-height:36px;padding:6px 8px}.language-select{font-size:13px;min-width:120px}}.feature-gate-loading{animation:pulse 1.5s infinite;background:#e5e7eb;border-radius:4px;height:20px;width:20px}.feature-gate-upgrade-prompt{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;display:flex;justify-content:center;margin:8px 0;padding:12px 16px}.upgrade-content{align-items:center;display:flex;gap:12px;text-align:center}.upgrade-icon{filter:grayscale(.3);font-size:18px}.upgrade-message{color:#92400e;font-size:14px;font-weight:500}.upgrade-button{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.upgrade-button:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 8px #f59e0b4d;transform:translateY(-1px)}.usage-limit{display:flex;flex-direction:column;font-size:13px;gap:4px}.usage-limit.loading{opacity:.6}.usage-text{align-items:center;display:flex;font-weight:500;gap:2px}.usage-text .current{color:#374151}.usage-text .separator{color:#9ca3af}.usage-text .limit{color:#6b7280}.usage-bar{background:#e5e7eb;border-radius:2px;height:4px;overflow:hidden;width:100%}.usage-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;height:100%;transition:width .3s ease}.usage-limit.warning .usage-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.usage-limit.warning .usage-text .current{color:#d97706}.usage-limit.at-limit .usage-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.limit-reached,.usage-limit.at-limit .usage-text .current{color:#dc2626;font-weight:600}.limit-reached{font-size:11px;letter-spacing:.5px;text-transform:uppercase}.usage-limit.unlimited{color:#10b981;font-weight:500}.usage-limit.unlimited:before{content:"∞";font-size:16px;margin-right:4px}.plan-feature-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.5px;margin-left:6px;padding:2px 6px;text-transform:uppercase}.plan-feature-badge.premium{background:linear-gradient(135deg,#f59e0b,#d97706)}.plan-feature-badge.enterprise{background:linear-gradient(135deg,#6366f1,#4f46e5)}@media (max-width:768px){.feature-gate-upgrade-prompt{padding:10px 12px}.upgrade-content{flex-direction:column;gap:8px;text-align:center}.upgrade-message{font-size:13px}.upgrade-button{font-size:11px;padding:8px 16px}.usage-limit{font-size:12px}.plan-feature-badge{font-size:9px;padding:1px 4px}}@media (max-width:480px){.upgrade-content{gap:6px}.upgrade-icon{font-size:16px}.upgrade-message{font-size:12px}}.app-header{position:relative}.app-header-left{gap:16px}.app-header-left,.app-header-title-container{align-items:center;display:flex}.app-back-button:hover{background-color:#ffffff4d}.app-profile-button{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;letter-spacing:.5px;text-transform:uppercase;transition:background-color .2s;width:32px}.app-profile-button:hover{background-color:#ffffff4d}.app-profile-menu{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:240px;overflow:hidden;position:absolute;right:0;top:40px;z-index:1001}.app-profile-menu-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px}.app-profile-menu-username{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.app-profile-menu-user-role{color:#4b5563;font-size:14px}.app-profile-menu-items{padding:8px 0}.app-profile-menu-item{color:#374151}.app-profile-menu-item,.app-profile-menu-item-logout{align-items:center;cursor:pointer;display:flex;font-size:14px;padding:10px 16px;transition:background-color .2s}.app-profile-menu-item-logout{border-top:1px solid #e5e7eb;color:#dc2626}.app-profile-menu-item-logout:hover{background-color:#fee2e2}.app-profile-menu-item-icon{color:#6b7280;font-size:18px;margin-right:12px}.app-profile-menu-item-icon-logout{color:#dc2626;font-size:18px;margin-right:12px}@media (max-width:768px){.app-header-content{padding:0 16px}.app-back-button{font-size:13px;padding:4px 12px}.app-profile-menu{min-width:200px}}.app-header{height:48px}.app-back-button{background-color:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 16px;transition:background-color .2s;white-space:nowrap}.app-header-title{color:#fff;font-size:20px;font-weight:600;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-content{align-items:center;display:flex;gap:8px;height:100%;margin:0;padding:0 20px;width:100%}.app-header.loading{opacity:.95}.app-header{transition:background .3s ease}.app-profile-menu-section{border-bottom:1px solid #e5e7eb;padding:8px 0}.app-profile-menu-section:last-child{border-bottom:none}.app-profile-menu-items{padding:0}.app-profile-menu-item{transition:all .2s ease}.app-profile-menu-item:hover{background-color:#f3f4f6;transform:translateX(2px)}.app-header{max-height:60px;min-height:60px;transition:background-color .3s ease,box-shadow .3s ease;will-change:transform}.app-header,.app-header *{backface-visibility:hidden;transform:translateZ(0)}.app-header .header-content{align-items:center;display:flex;height:100%;padding:0 20px}.main-content{transition:margin-left .3s ease;will-change:margin-left}.main-content.with-sidebar{margin-left:250px;margin-left:var(--sidebar-width,250px)}.main-content.with-sidebar.sidebar-collapsed{margin-left:60px;margin-left:var(--sidebar-collapsed-width,60px)}.app-header{background:linear-gradient(90deg,#3b82f6,#4f46e5);box-shadow:0 2px 5px #0000001a;margin-bottom:0;padding:0;width:100%}.mobile-hamburger-btn{align-items:center;background:#fff3;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.mobile-hamburger-btn:hover{background:#ffffff4d;transform:scale(1.05)}.mobile-hamburger-btn:active{transform:scale(.95)}.crona-logo-icon{stroke-width:2;color:#fff;height:28px;width:28px}@media (min-width:769px){.mobile-hamburger-btn{display:none!important}}.admin-header-container{left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.task-card{border:1px solid #00000014;margin-bottom:10px;min-height:100px}.task-card:hover{box-shadow:0 3px 8px #00000026}.task-card.dragging{box-shadow:0 8px 16px #0003!important;opacity:.95!important;pointer-events:none!important;z-index:1000!important}.task-title{margin-bottom:8px;max-height:50px;overflow:hidden}.task-title h4{font-size:1rem;margin:0}.task-content{word-wrap:break-word;font-size:.9rem;-webkit-hyphens:auto;hyphens:auto;margin-bottom:12px;max-height:100px;overflow-wrap:break-word;overflow-y:auto}.task-content img{display:block;margin:6px 0}.task-content p{margin:5px 0}.task-content ol,.task-content ul{margin:5px 0;padding-left:20px}.task-content a{color:#1a73e8;text-decoration:none}.task-content a:hover{text-decoration:underline}.task-content video{border-radius:4px;height:auto;max-width:100%}.task-content .video-container{height:0;margin:10px 0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative}.task-content .video-container iframe,.task-content .video-container video{border-radius:4px;height:100%;left:0;position:absolute;top:0;width:100%}.task-card-content{flex:1 0 auto;overflow:hidden}.task-footer{flex-shrink:0;font-size:.8rem}.task-date{display:block;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-actions{flex-shrink:0;margin-left:auto}.delete-task-button,.edit-task-button{background:none;transition:all .2s;white-space:nowrap}.edit-task-button:hover{background-color:#e8f0fe}.delete-task-button:hover{background-color:#fee8e6}.task-tags-container{margin-bottom:8px;margin-top:8px}.task-tag{align-items:center;background-color:initial!important;border:1.5px solid;display:inline-flex;font-size:.75rem;font-weight:500;padding:3px 8px;transition:all .2s ease}.task-tag:hover{box-shadow:0 1px 2px #0000001a;opacity:.9}.attachment-thumbnail{background-color:#f5f5f5;border:1px solid #ddd}.interactive-element{position:relative;z-index:2}body.dragging-active,body.dragging-active *{cursor:grabbing!important}.task-card.simplified{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:6px;min-height:40px;padding:8px 12px;position:relative}.task-simplified-content{width:100%}.task-title-only{color:#1f2937;flex:1 1;margin-right:8px;max-width:calc(100% - 60px)}.simplified-actions{gap:4px;justify-content:flex-end;min-width:45px}.simplified-delete-button{color:#999;font-size:14px;height:18px;line-height:1;min-width:18px;opacity:.7;padding:3px;transition:all .2s}.simplified-delete-button:hover{color:#e53935}.attachment-indicator-button{align-items:center!important;background:#0000!important;border:none!important;display:flex!important;height:18px!important;justify-content:center!important;min-width:18px!important;opacity:.7!important;padding:3px!important;transition:all .2s}.attachment-indicator-button:hover{opacity:1!important}.attachment-icon{fill:none!important;background:#0000!important;color:#666!important;height:12px!important;width:12px!important}.attachment-count{align-items:center;background-color:#4285f4;border-radius:5px;color:#fff;display:flex;font-size:8px;height:10px;justify-content:center;min-width:10px;padding:0 1px;position:absolute;right:-3px;top:-3px}@media (max-width:768px){.task-card{min-height:80px;padding:10px}.task-footer{flex-wrap:wrap}.task-date{margin-bottom:4px;max-width:100%}.task-actions{justify-content:flex-end;width:100%}.task-tag{font-size:.7rem;padding:2px 6px}}.task-card.has-custom-bg,.task-card.has-custom-bg:hover,.task-card.simplified.has-custom-bg,.task-card.simplified.has-custom-bg:hover,body.dark-theme .task-card.has-custom-bg{background-color:inherit!important;background-color:var(--task-bg-color,inherit)!important}.task-card.has-custom-bg .task-footer{background-color:initial!important}body.with-custom-background .task-card.has-custom-bg{background-color:var(--task-bg-color)!important;opacity:.95}body.with-custom-background .task-card.has-custom-bg:hover{background-color:var(--task-bg-color)!important;opacity:1}.task-card{background-color:#fff;background-color:var(--task-bg-color,#fff);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin-bottom:12px;min-height:150px;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.task-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.task-card.dragging{box-shadow:0 8px 16px #0003;opacity:.9;transform:rotate(1deg);z-index:999}.task-title h4{color:#333;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 10px}.task-tags-container{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.task-tag{border:1px solid;border-radius:12px;display:inline-block;font-size:11px;padding:2px 8px;white-space:nowrap}.task-content{color:#555;font-size:14px;line-height:1.5;word-break:break-word}.task-content img{border-radius:4px;height:auto;margin:4px 0;max-width:100%}.task-footer{align-items:center;background-color:inherit;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:auto;padding-top:8px;position:relative;width:100%;z-index:5}.task-date{color:#888;font-size:.8rem}.task-actions{display:flex;gap:5px}.delete-task-button,.edit-task-button{background-color:initial;border:none;border-radius:3px;cursor:pointer;font-size:.75rem;padding:3px 8px;transition:background-color .2s ease}.edit-task-button{color:#1a73e8}.delete-task-button{color:#ea4335}.edit-task-button:hover{background-color:#1a73e81a}.delete-task-button:hover{background-color:#ea43351a}.task-card.overdue{border-left:3px solid #ea4335}.task-card.simplified{margin-bottom:8px;min-height:auto;padding:10px 12px}.task-simplified-content{align-items:center;display:flex;justify-content:space-between}.task-title-only{font-size:14px;font-weight:500;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simplified-actions{align-items:center;display:flex;gap:8px}.attachment-indicator-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;position:relative;transition:background-color .2s ease}.attachment-indicator-button:hover{background-color:#0000000d}.attachment-count{color:#666;font-size:10px;margin-left:3px}.simplified-delete-button{align-items:center;background:none;border:none;border-radius:50%;color:#ea4335;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;opacity:.6;transition:all .2s ease;width:20px}.simplified-delete-button:hover{background-color:#ea43351a;opacity:1}.task-attachments{margin-bottom:5px;margin-top:8px}.attachment-thumbnail{align-items:center;background-color:#f0f0f0;border:1px solid #0000000d;border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;width:32px}.attachment-thumbnail:hover{box-shadow:0 2px 5px #00000026;transform:scale(1.05)}.attachment-thumbnail img{height:100%;object-fit:cover;width:100%}.attachment-more-indicator{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 2px #0000000d;color:#555;cursor:pointer;display:flex;font-size:.75rem;padding:2px 6px;transition:all .2s ease}.attachment-more-indicator:hover{background-color:#eee;box-shadow:0 2px 4px #0000001a}.attachment-thumbnail .file-icon{align-items:center;display:flex;height:100%;justify-content:center;padding:4px;width:100%}.attachment-thumbnail .file-icon svg{height:18px;width:18px}body.dragging-active .task-card:not(.dragging){opacity:.7;transform:scale(.98);transition:transform .2s ease,box-shadow .2s ease}.task-card:not(.dragging){transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease}.file-icon{align-items:center;background-color:#f5f5f5;border-radius:6px;color:#555;display:inline-flex;justify-content:center;padding:8px;transition:all .2s ease}.file-icon-small{padding:6px}.file-icon-large{padding:10px}.file-icon-image{background-color:#2196f31a;color:#2196f3}.file-icon-video{background-color:#f443361a;color:#f44336}.file-icon-audio{background-color:#4caf501a;color:#4caf50}.file-icon-pdf{background-color:#f443361a;color:#f44336}.file-icon-document{background-color:#3f51b51a;color:#3f51b5}.file-icon-spreadsheet{background-color:#4caf501a;color:#4caf50}.file-icon-presentation{background-color:#ff98001a;color:#ff9800}.file-icon-code{background-color:#673ab71a;color:#673ab7}.file-icon-archive{background-color:#7955481a;color:#795548}.file-icon:hover{box-shadow:0 2px 5px #0000001a;transform:scale(1.05)}.confirm-dialog-overlay{z-index:9999}.confirm-dialog-container:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:3px;left:0;position:absolute;right:0;top:0}.confirm-dialog-header{color:#1a202c;font-size:20px;font-weight:600;letter-spacing:-.025em;padding:24px 28px 8px;position:relative}.confirm-dialog-header:before{content:"⚠️";font-size:24px;left:28px;opacity:.8;position:absolute;top:50%;transform:translateY(-50%)}.confirm-dialog-header{padding-left:60px}.confirm-dialog-content{color:#4a5568;font-size:16px;font-weight:400;line-height:1.6;padding:8px 28px 24px 60px}.confirm-dialog-actions{background-color:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.confirm-dialog-cancel-btn,.confirm-dialog-confirm-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;letter-spacing:.025em;min-width:100px;overflow:hidden;padding:10px 20px;position:relative;text-transform:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.confirm-dialog-cancel-btn:after,.confirm-dialog-confirm-btn:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.confirm-dialog-cancel-btn:active:after,.confirm-dialog-confirm-btn:active:after{height:300px;width:300px}.confirm-dialog-cancel-btn{background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px 0 #0000000d;color:#4a5568}.confirm-dialog-cancel-btn:hover{background-color:#f7fafc;border-color:#cbd5e0;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.confirm-dialog-cancel-btn:active{box-shadow:0 1px 2px 0 #0000000d;transform:translateY(0)}.confirm-dialog-confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px -1px #667eea4d;color:#fff}.confirm-dialog-confirm-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 7px 14px -3px #667eea66;transform:translateY(-1px)}.confirm-dialog-confirm-btn:active{box-shadow:0 2px 4px -1px #667eea4d;transform:translateY(0)}.confirm-dialog-container.danger .confirm-dialog-container:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.confirm-dialog-container.danger .confirm-dialog-header:before{content:"🗑️"}.confirm-dialog-container.danger .confirm-dialog-confirm-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 6px -1px #ef44444d}.confirm-dialog-container.danger .confirm-dialog-confirm-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 7px 14px -3px #ef444466}.confirm-dialog-container.success .confirm-dialog-container:before{background:linear-gradient(90deg,#10b981,#059669)}.confirm-dialog-container.success .confirm-dialog-header:before{content:"✅"}.confirm-dialog-container.compact{max-width:380px}.confirm-dialog-container.compact .confirm-dialog-header{font-size:18px;padding:20px 24px 6px}.confirm-dialog-container.compact .confirm-dialog-content{font-size:15px;padding:6px 24px 20px 56px}@media (max-width:576px){.confirm-dialog-overlay{padding:16px}.confirm-dialog-container{margin:0 auto;max-width:100%}.confirm-dialog-header{font-size:18px;padding:20px 24px 6px}.confirm-dialog-content{font-size:15px;padding:6px 24px 20px 56px}.confirm-dialog-actions{flex-direction:column-reverse;gap:10px;padding:16px 20px}.confirm-dialog-cancel-btn,.confirm-dialog-confirm-btn{min-width:auto;padding:12px 20px;width:100%}}@media (prefers-color-scheme:dark){.confirm-dialog-container{background:linear-gradient(180deg,#1a202c,#2d3748);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003,0 0 0 1px #ffffff1a}.confirm-dialog-header{color:#f7fafc}.confirm-dialog-content{color:#cbd5e0}.confirm-dialog-actions{background-color:#2d3748;border-top-color:#4a5568}.confirm-dialog-cancel-btn{background-color:#4a5568;border-color:#718096;color:#e2e8f0}.confirm-dialog-cancel-btn:hover{background-color:#718096;border-color:#a0aec0}}.confirm-dialog-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;pointer-events:auto;position:fixed;right:0;top:0;z-index:999999}.confirm-dialog-container{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(180deg,#fff,#fafbfc);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;display:flex;flex-direction:column;flex-shrink:0;margin:auto;max-width:480px;overflow:hidden;position:relative;width:100%}.column-context-menu-overlay{background:#0000;pointer-events:none}.column-context-menu{animation:contextMenuSlideIn .15s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;max-width:250px;min-width:200px;pointer-events:auto;z-index:10000}@keyframes contextMenuSlideIn{0%{opacity:0;transform:translateX(-100%) scale(.95)}to{opacity:1;transform:translateX(-100%) scale(1)}}.context-menu-header{border-bottom:1px solid #f0f0f0;padding:12px 16px 8px}.context-menu-title{color:#333;display:block;font-size:.9rem;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-items{padding:8px 0}.context-menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:10px 16px;position:relative;text-align:left;transition:all .15s ease;width:100%}.context-menu-item:hover:not(.disabled){background-color:#f8f9fa;color:#007bff}.context-menu-item:active:not(.disabled){background-color:#e9ecef}.context-menu-item.disabled{color:#999;cursor:not-allowed;opacity:.5}.context-menu-item.danger:hover:not(.disabled){background-color:#fff5f5;color:#dc3545}.menu-icon{flex-shrink:0;font-size:1rem;text-align:center;width:20px}.menu-text{flex:1 1;font-weight:500}.plan-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-left:auto;padding:2px 6px}.context-menu-separator{background-color:#f0f0f0;height:1px;margin:4px 0}.context-menu-item.add-task .menu-icon{color:#28a745}.context-menu-item.edit-column .menu-icon{color:#007bff}.context-menu-item.archive-column .menu-icon{color:#6c757d}.context-menu-item.delete-column .menu-icon{color:#dc3545}@media (max-width:768px){.column-context-menu{font-size:.85rem;min-width:180px}.context-menu-item{gap:10px;padding:12px 16px}.menu-icon{font-size:.9rem}}@media (prefers-color-scheme:dark){.column-context-menu{background:#2d3748;box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff1a;color:#e2e8f0}.context-menu-item,.context-menu-title{color:#e2e8f0}.context-menu-item:hover:not(.disabled){background-color:#4a5568;color:#63b3ed}.context-menu-separator{background-color:#4a5568}}.task-column{height:fit-content;max-height:calc(100vh - 180px)}.task-list{max-height:calc(100vh - 250px);overflow-y:auto}.task-list .task-card{flex-shrink:0;min-height:30px}.task-list .task-card.simplified{height:auto;max-height:none;min-height:30px}.task-list::-webkit-scrollbar-thumb{background-color:#bbb;border:2px solid #f0f0f0}.task-list.dragging-over{background-color:#4285f41a}.scroll-indicator{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;display:flex;height:36px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:36px;z-index:5}.scroll-indicator:hover{box-shadow:0 4px 8px #0000004d;transform:translateX(-50%) scale(1.1)}.scroll-indicator:active{transform:translateX(-50%) scale(.95)}.scroll-up{top:-18px}.scroll-indicator svg{fill:#555;height:24px;width:24px}.scroll-indicator.pulse{animation:pulse 1.5s ease-in-out infinite}.add-task-button-container{background-color:#fff;border-bottom-left-radius:8px;border-bottom-left-radius:var(--border-radius-md,8px);border-bottom-right-radius:8px;border-bottom-right-radius:var(--border-radius-md,8px);border-top:1px solid #f0f0f0;bottom:0;display:flex;justify-content:center;padding:12px 16px;position:sticky;z-index:5}.add-task-button{background-color:#4caf50;background-color:var(--color-success,#4caf50);border:none;border-radius:4px;box-shadow:0 1px 3px #0000001f;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s;width:100%}.add-task-button:hover{background-color:#388e3c;background-color:var(--color-success-dark,#388e3c);box-shadow:0 2px 5px #0003;transform:translateY(-1px)}.column-action-btn{background:none;border:none;height:24px;margin:0;position:relative;transition:all .2s;width:24px}.column-action-btn.context-menu-btn{align-items:center;background-color:#fff;border:2px solid #6c757d;box-shadow:0 1px 3px #0000001a;color:#6c757d;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;line-height:1;padding:0;width:24px}.column-action-btn.context-menu-btn:hover{background-color:#f8f9fa;border-color:#495057;color:#495057;transform:scale(1.05)}.column-editor-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.column-editor{animation:slideUp .4s cubic-bezier(.68,-.55,.265,1.55);background-color:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:94%}.column-editor-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;position:relative}.column-header-content{display:flex;flex-direction:column}.column-editor-header h2{font-size:24px;font-weight:700;margin:0 0 4px}.editor-subtitle{margin:0}.close-editor-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:32px}.close-editor-button:hover{background:#ffffff4d;transform:scale(1.1)}.column-editor-content{flex:1 1;overflow-y:auto;padding:24px}.column-form-container{display:flex;flex-direction:column;gap:20px}.form-group label{color:#4b5563}.column-name-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.column-name-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.quick-styles-section{margin-bottom:20px}.quick-styles-title{color:#4b5563;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.quick-styles{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.style-preset{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:12px 8px;text-align:center;transition:all .2s}.style-preset:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.style-preset.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.preset-icon{display:block;font-size:24px;margin-bottom:4px}.preset-label{font-size:11px;font-weight:600}.color-section{background:#f9fafb;border-radius:12px;margin-bottom:20px;padding:16px}.color-section-title{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.palette-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:20px;width:20px}.color-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.color-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:8px}.color-picker-wrapper{border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;height:40px;overflow:hidden;position:relative;transition:transform .2s;width:40px}.color-picker-wrapper:hover{transform:scale(1.05)}.color-input{border:none;height:200%;left:-50%;padding:0;position:absolute;top:-50%;width:200%}.color-label{color:#6b7280;flex:1 1;font-size:13px}.reset-styles-button{align-items:center;background:#fff;border:2px dashed #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:10px;transition:all .2s;width:100%}.reset-styles-button:hover{background:#f9fafb;border-color:#9ca3af}.column-preview{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;margin-bottom:24px;padding:20px}.column-preview h3{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;margin-top:0;text-transform:uppercase}.column-preview-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;height:auto;max-width:100%;overflow:hidden}.column-preview-header{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px}.column-preview-actions{display:flex;gap:4px}.preview-action-btn{align-items:center;background:#ffffff4d;border-radius:50%;display:flex;font-size:10px;height:20px;justify-content:center;opacity:.8;width:20px}.column-preview-content{background:inherit;min-height:80px;padding:12px}.preview-task{align-items:center;background:#0000000d;border-radius:6px;display:flex;font-size:13px;gap:8px;margin-bottom:8px;padding:8px 10px}.preview-task:last-child{margin-bottom:0}.task-emoji{font-size:16px}.column-editor-actions{display:flex;gap:12px;margin-top:auto}@media (max-width:600px){.column-editor{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.column-editor-content,.column-editor-header{padding:20px}.quick-styles{grid-template-columns:repeat(2,1fr)}.color-grid{grid-template-columns:1fr}.column-editor-actions{flex-direction:column-reverse;gap:8px}.cancel-button,.save-button{padding:16px;width:100%}}.custom-quill-wrapper{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;margin-bottom:15px;overflow:visible;position:relative;width:100%}.toolbar-container{background:linear-gradient(180deg,#fff,#fafbfc);border-bottom:1px solid #e1e4e8;border-top-left-radius:8px;border-top-right-radius:8px;position:sticky;top:0;z-index:200}.toolbar-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.toolbar-secondary{background:#f6f8fa;border-top:1px solid #e1e4e8;max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.toolbar-secondary.expanded{max-height:300px;opacity:1;overflow:visible;padding:8px 12px}.toolbar-group{align-items:center;border-right:1px solid #e1e4e8;display:flex;gap:4px;padding:0 8px}.toolbar-group:last-child{border-right:none}.toolbar-group-label{color:#959da5;font-size:11px;font-weight:500;letter-spacing:.5px;margin-right:8px;text-transform:uppercase;white-space:nowrap}.toolbar-button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:6px;color:#586069;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:32px}.toolbar-button:hover{background:#f6f8fa;border-color:#e1e4e8;color:#24292e}.toolbar-button:active{background:#e1e4e8;transform:scale(.95)}.toolbar-button.active{background:#0366d6!important;border-color:#0366d6!important;box-shadow:0 0 0 2px #0366d633;color:#fff!important}.toolbar-button.active:hover{background:#0256c7!important;color:#fff!important}.toolbar-button.disabled,.toolbar-button:disabled{background-color:initial!important;color:#959da5!important;cursor:not-allowed;opacity:.4;pointer-events:none}.toolbar-button.disabled:hover,.toolbar-button:disabled:hover{background:#0000!important;border-color:#0000!important}.expand-button{align-items:center;background:#fff;border:1px solid #e1e4e8;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:auto;position:relative;transition:all .2s;width:36px}.expand-button:hover{background:#f6f8fa;border-color:#0366d6}.expand-button svg{transition:transform .3s ease}.expand-button.expanded svg{transform:rotate(180deg)}.advanced-badge{background:#ff6b6b;border-radius:10px;color:#fff;font-size:9px;font-weight:700;padding:2px 5px;position:absolute;right:-4px;top:-4px}.toolbar-icon{stroke-width:1.5;height:18px;width:18px}.toolbar-button.active .toolbar-icon{stroke:#fff}.toolbar-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 6 6 6-6' stroke='%23586069' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #e1e4e8;border-radius:6px;color:#24292e;cursor:pointer;font-size:14px;height:32px;padding:0 28px 0 12px;transition:all .2s}.toolbar-select:hover{border-color:#0366d6}.toolbar-select:focus{border-color:#0366d6;box-shadow:0 0 0 2px #0366d633;outline:none}.toolbar-select.disabled,.toolbar-select:disabled{background-color:#f6f8fa;color:#959da5;cursor:not-allowed;opacity:.4;pointer-events:none}.toolbar-select.disabled:hover,.toolbar-select:disabled:hover{border-color:#e1e4e8}.color-picker-container{display:inline-block;margin:0 2px;position:relative}.color-picker-button{align-items:center;background:#fff;border:1px solid #e1e4e8;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px;transition:all .2s;width:32px}.color-picker-button:hover{background:#f6f8fa;border-color:#0366d6}.color-picker-button.disabled,.color-picker-button:disabled{background-color:#f6f8fa;cursor:not-allowed;opacity:.4;pointer-events:none}.color-picker-button.disabled:hover,.color-picker-button:disabled:hover{background:#f6f8fa;border-color:#e1e4e8}.color-indicator{border:1px solid #ddd;border-radius:4px;height:20px;width:20px}.color-presets-panel{animation:fadeInScale .2s ease-out;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 8px 25px #00000026;padding:12px;position:fixed;width:240px;z-index:9999}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.color-presets-title{color:#24292e;font-size:14px;font-weight:600;margin-bottom:8px;text-align:center}.color-presets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.color-preset-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px;transition:all .2s}.color-preset-item:hover{background:#f6f8fa}.color-preset-item.selected{background:#e6f3ff;border:1px solid #0366d6}.color-preset-circle{border:2px solid #ddd;border-radius:50%;height:24px;transition:all .2s;width:24px}.color-preset-item:hover .color-preset-circle{border-color:#0366d6;transform:scale(1.1)}.color-name{color:#586069;font-size:10px;text-align:center}.custom-color-section{border-top:1px solid #e1e4e8;padding-top:8px}.custom-color-label{color:#586069;font-size:12px;margin-bottom:6px}.custom-color-picker{align-items:center;display:flex;gap:8px}.color-input{border:1px solid #e1e4e8;border-radius:4px;flex:1 1;height:32px}.custom-color-button{background:#0366d6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.custom-color-button:hover{background:#0256c7}.table-selector-container{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:8000}.table-selector-overlay{background:#0000;bottom:0;left:0;pointer-events:auto;position:absolute;right:0;top:0}.table-selector-wrapper{pointer-events:auto;position:absolute;z-index:8001}.table-size-selector{animation:fadeInScale .2s ease-out;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 8px 25px #00000026;padding:12px;width:180px}.table-size-grid{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.table-size-row{display:flex;gap:2px;justify-content:center}.table-size-cell{background:#f5f5f5;border:1px solid #ddd;cursor:pointer;height:20px;transition:all .15s;width:20px}.table-size-cell.hovered{background:#0366d6;border-color:#0366d6}.table-size-indicator{background:#f0f7ff;border-radius:4px;color:#24292e;font-size:13px;font-weight:500;height:20px;margin-bottom:8px;padding:2px 0;text-align:center}.table-actions{display:flex;flex-direction:column;gap:6px}.table-close-button,.table-custom-button{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:4px;cursor:pointer;font-size:12px;padding:6px;transition:all .2s;width:100%}.table-close-button:hover,.table-custom-button:hover{background:#e1e4e8}.list-popup-overlay{z-index:9998}.list-popup{animation:fadeInScale .2s ease-out;z-index:9999}.list-type-btn .list-icon{font-size:24px}.list-item-bullet,.list-item-number{flex-shrink:0;font-size:16px;margin-right:8px;text-align:center;width:20px}.editor-container{background:#fff;min-height:400px;position:relative}.content-editable-div{background-color:#fff;color:#24292e;font-size:16px;line-height:1.6;min-height:400px;outline:none;overflow-y:auto;padding:24px;width:100%;word-break:break-word}.placeholder{color:#959da5;font-size:16px;left:24px;pointer-events:none;position:absolute;top:24px}.content-editable-div blockquote{border-left:3px solid #ccc;color:#666;margin-left:0;padding-left:10px}.content-editable-div pre{background-color:#f5f5f5;border-radius:4px;font-family:monospace;padding:10px;white-space:pre-wrap}.content-editable-div ul:not(.checklist){list-style-position:outside!important;list-style-type:disc!important;margin:10px 0!important;padding-left:30px!important}.content-editable-div ul:not(.checklist)>li{display:list-item!important;line-height:1.6;list-style-type:disc!important;margin-bottom:5px}.content-editable-div ol{list-style-position:outside!important;list-style-type:decimal!important;margin:10px 0!important;padding-left:30px!important}.content-editable-div ol>li{display:list-item!important;line-height:1.6;list-style-type:decimal!important;margin-bottom:5px}.content-editable-div ul.checklist{list-style-type:none!important;margin:.5em 0!important;padding-left:.5em!important}.content-editable-div ul.checklist li{display:block!important;list-style-type:none!important}.checklist-item{align-items:flex-start;display:flex;margin:.3em 0;padding:.2em 0}.checklist-checkbox{cursor:pointer;flex-shrink:0;height:1em;margin-right:.5em;margin-top:.25em;min-width:1em}.checklist-text{flex:1 1;line-height:1.5;transition:opacity .2s,color .2s,-webkit-text-decoration .2s;transition:opacity .2s,color .2s,text-decoration .2s;transition:opacity .2s,color .2s,text-decoration .2s,-webkit-text-decoration .2s}.checklist-checkbox:checked+.checklist-text,.checklist-checkbox[checked=checked]+.checklist-text{color:#666!important;opacity:.7!important;text-decoration:line-through!important}.content-editable-div table{border-collapse:collapse;margin:10px 0;width:100%}.content-editable-div td,.content-editable-div th{border:1px solid #ccc;padding:8px}.content-editable-div img{border:none;cursor:pointer;height:auto;margin:5px 0;max-width:100%}.content-editable-div[contenteditable=true] .selected-img{border:2px solid #4285f4;box-shadow:0 0 8px #4285f480;position:relative}.content-editable-div[contenteditable=true] .selected-img:after{background-color:#4285f4;border:2px solid #fff;border-radius:50%;bottom:-8px;content:"";display:block!important;height:12px;position:absolute;right:-8px;width:12px;z-index:10}.content-editable-div[contenteditable=true] .resizing{opacity:.8}.upload-progress-overlay{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.upload-progress-container{background:#eee;border-radius:6px;max-width:400px;overflow:hidden;position:relative;width:80%}.upload-progress-bar{background:#4285f4;height:20px}.upload-progress-text{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;position:absolute;right:0;top:0}.quill-attachments-container{background-color:#f9f9f9;border-top:1px solid #ddd;padding:10px}@media (max-width:768px){.toolbar-main,.toolbar-secondary.expanded{gap:6px;padding:6px}.expand-button,.toolbar-button{height:28px;width:28px}.toolbar-select{font-size:13px;height:28px;padding:0 24px 0 8px}.toolbar-icon{height:16px;width:16px}.toolbar-group{padding:0 4px}.toolbar-group-label{display:none}.list-popup{padding:16px;width:95vw}.list-type-selector{gap:8px;grid-template-columns:1fr}.color-presets-panel{width:200px}.color-presets-grid{grid-template-columns:repeat(2,1fr)}.toolbar-select.format-select{color:#24292e}.toolbar-select.format-select option[value=""]{color:#959da5}.toolbar-select.format-select option:not([value=""]){color:#24292e}span[data-temp=true]{display:inline-block;min-height:1em}.toolbar-container{max-width:100vw;overflow-x:hidden}}@media (max-width:768px){.toolbar-container:has(.toolbar-secondary.expanded){-webkit-overflow-scrolling:touch;overflow-x:auto}.toolbar-main{flex-wrap:wrap;justify-content:space-between;max-width:100%}.toolbar-secondary.expanded{display:flex;flex-wrap:wrap;gap:8px;max-height:none;overflow:visible!important;padding:8px 6px}.toolbar-group{flex:0 0 auto;margin-bottom:4px;padding:0 4px}.expand-button{background:#fff;box-shadow:-4px 0 8px #ffffffe6;position:sticky;right:8px;z-index:10}.toolbar-select{font-size:11px;max-width:90px;padding:0 20px 0 6px}.advanced-badge{font-size:8px;padding:1px 3px}}@media (max-width:480px){.toolbar-secondary.expanded{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;padding:12px 8px}.toolbar-group{background:#f8f9fa;border-radius:6px;border-right:none;display:flex;flex-wrap:wrap;margin-bottom:0;padding:8px;width:100%}.toolbar-group-label{color:#586069;display:block!important;font-size:10px;font-weight:600;margin-bottom:8px;width:100%}.toolbar-group>:not(.toolbar-group-label){margin:2px}}@media (max-width:768px){.color-presets-panel{max-height:80vh;max-width:280px!important;overflow-y:auto;width:90vw!important}.color-presets-panel,.table-selector-wrapper{left:50%!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important}.list-popup{max-width:400px!important;width:95vw!important}}.toolbar-secondary.expanded{align-items:flex-start!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important;max-height:none!important;overflow:visible!important}.toolbar-group{align-items:center!important;background:#fff!important;border:1px solid #e1e4e8!important;border-radius:8px!important;display:flex!important;flex:0 1 auto!important;gap:4px!important;min-height:48px!important;padding:10px 12px!important;position:relative!important}.toolbar-group-label{background:#fff!important;display:block!important;left:10px!important;margin:0!important;padding:0 5px!important;position:absolute!important;top:-7px!important;z-index:1!important}.list-popup-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.list-popup{animation:fadeIn .2s ease-out forwards;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;left:50%;max-height:80vh;max-width:90vw;overflow-y:auto;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;width:450px;z-index:1000}.list-popup h3{color:#24292e;font-size:18px;font-weight:600;margin:0 0 20px}.list-type-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;will-change:transform}.list-type-btn{align-items:center;background:#fff;border:2px solid #e1e4e8;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center;transform:translateZ(0);transition:all .2s}.list-type-btn:hover{background:#f6f8fa;border-color:#0366d6}.list-type-btn.selected{background:#e6f3ff;border-color:#0366d6}.list-type-btn .list-icon{align-items:center;color:#0366d6;display:flex;font-size:28px;font-weight:700;height:32px;justify-content:center;line-height:1}.list-type-btn span{color:#24292e;font-size:14px}.list-editor{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;contain:layout;margin-bottom:20px;max-height:300px;overflow-y:auto;padding:16px}.list-popup-item{align-items:center;display:flex;gap:8px;margin-bottom:12px;position:relative;will-change:contents}.list-popup-item:last-child{margin-bottom:0}.list-item-bullet{flex-shrink:0;font-size:18px;margin-right:8px;text-align:center;width:20px}.list-item-number{display:inline-block;flex-shrink:0;font-size:14px;margin-right:8px;min-width:20px;text-align:right}.list-item-checkbox{cursor:pointer;flex-shrink:0;height:18px;margin-right:8px;width:18px}.list-popup-item input[type=text]{background:#fff;border:1px solid #e1e4e8;border-radius:6px;flex:1 1;font-size:16px;outline:none;padding:8px 12px;transition:all .2s}.list-popup-item input[type=text]:focus{border-color:#0366d6;box-shadow:0 0 0 2px #0366d61a}.list-popup-item input[type=text]::placeholder{color:#959da5}.remove-item-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;line-height:1;opacity:0;transition:all .2s;width:24px}.list-popup-item:hover .remove-item-btn{opacity:1}.remove-item-btn:hover{background:#c82333;transform:scale(1.1)}.popup-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn{outline:none;padding:8px 20px}.btn-primary{background:#0366d6}.btn-primary:hover{background:#0256c7;box-shadow:0 2px 4px #0366d633}.btn-primary:active{background:#024fb0;transform:scale(.98)}.btn-secondary{background:#f6f8fa;border:1px solid #e1e4e8;color:#24292e}.btn-secondary:hover{background:#e1e4e8;border-color:#d1d5da}.btn-secondary:active{background:#d1d5da;transform:scale(.98)}@media (max-width:768px){.list-popup{padding:16px;width:95vw}.list-type-selector{gap:8px;grid-template-columns:1fr}.list-editor{max-height:200px}}.tags-input-container{position:relative;width:100%}.tags-input-field{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;display:flex;min-height:42px;padding:8px 10px;transition:all .2s}.tags-input-field.is-focused{border-color:#4285f4;box-shadow:0 0 0 2px #4285f440}.tags-list{align-items:center;gap:6px;width:100%}.tag-item{font-size:.9rem;padding:4px 10px;transition:all .2s ease}.tag-item:hover{box-shadow:0 1px 3px #0000001a;opacity:.9}.tag-text{margin-right:6px}.tag-remove-btn{align-items:center;background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:18px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:18px}.tag-remove-btn:hover{background-color:#fff9;transform:scale(1.1)}.tags-input{background:#0000;border:none;flex:1 1;font-size:.9rem;min-width:60px;outline:none;padding:4px 0}.tags-suggestions{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.suggestion-item{border-left:3px solid #ddd;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:background-color .2s}.suggestion-item:hover{background-color:#f5f7ff}.tags-help-text{color:#777;font-size:.75rem;margin-top:4px;text-align:right}.file-upload-component{margin-bottom:15px;width:100%}.file-upload-area{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;cursor:pointer;padding:25px;position:relative;text-align:center;transition:all .3s ease}.file-upload-area:hover{background-color:#e3f2fd;border-color:#90caf9}.drag-active{background-color:#e3f2fd;border-color:#2196f3}.file-input{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.upload-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.upload-icon{color:#757575;font-size:3rem;margin-bottom:10px}.upload-text{color:#555}.upload-text p{margin:5px 0}.upload-subtext{color:#999;font-size:.85rem}.upload-progress{width:100%}.progress-bar{background-color:#e0e0e0;border-radius:5px;height:10px;margin-bottom:10px}.progress-fill{background-color:#2196f3}.progress-text{color:#555;font-size:.9rem}.storage-info{background-color:#f5f5f5;border-left:4px solid #2196f3;border-radius:6px;margin-top:15px;padding:12px}.storage-bar{background-color:#e0e0e0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.storage-fill{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.storage-text{color:#666;font-size:.85rem;font-weight:500}@media (max-width:768px){.file-upload-area{padding:15px}.upload-icon{font-size:2rem}.upload-text{font-size:.9rem}.upload-subtext{font-size:.75rem}.storage-info{margin-top:10px}}.attachment-preview-button:hover{background-color:#2196f31a}.attachment-remove-button:hover{background-color:#f443361a}.attachments-manager{border-radius:8px;box-shadow:0 2px 4px #0000000d}.attachments-title{background-color:#f0f0f0;border-bottom:1px solid #e0e0e0;color:#333;font-size:16px;font-weight:500;margin:0;padding:12px 15px}.attachments-list{list-style:none;margin:0;padding:0}.attachment-item{padding:12px 15px;transition:background-color .2s ease}.attachment-item:last-child{border-bottom:none}.attachment-item:hover{background-color:#f5f5f5}.attachment-icon{background-color:#f0f0f0;border-radius:6px;box-shadow:0 1px 3px #0000001a;height:48px;width:48px}.attachment-icon img{height:100%;object-fit:cover;width:100%}.attachment-icon .file-icon{align-items:center;display:flex;height:100%;justify-content:center;padding:0;width:100%}.attachment-info{flex:1 1;min-width:0}.attachment-name{color:#333;font-weight:500;margin-bottom:3px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#666;font-size:12px}.attachment-status{border-radius:3px;display:inline-block;font-size:12px;margin-top:3px;padding:2px 6px}.attachment-status.pending{background-color:#e8f4fd;color:#2196f3}.attachment-status.failed{background-color:#fdeaea;color:#f44336}.attachment-actions{align-items:center;display:flex;margin-left:10px}.attachment-preview-button,.attachment-remove-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin:0 3px;padding:8px;transition:background-color .2s ease}.attachment-preview-button{color:#2196f3}.attachment-remove-button{color:#f44336}.attachment-description{color:#666;font-size:11px;margin-top:2px}.attachment-download-button{align-items:center;background:none;border:none;border-radius:4px;color:#34a853;cursor:pointer;display:flex;justify-content:center;margin:0 3px;padding:8px;transition:background-color .2s ease}.attachment-download-button:hover{background-color:#34a8531a}.no-attachments{background-color:#f9f9f9;border:1px dashed #ddd;border-radius:8px;color:#777;font-style:italic;padding:20px;text-align:center}.fallback-icon-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.attachment-status.pending{animation:pulse 1.5s infinite}.attachment-icon .file-icon-image{background-color:#2196f326}.attachment-icon .file-icon-video{background-color:#f4433626}.attachment-icon .file-icon-audio{background-color:#4caf5026}.attachment-icon .file-icon-pdf{background-color:#f4433626}.attachment-icon .file-icon-document{background-color:#3f51b526}.attachment-icon .file-icon-spreadsheet{background-color:#4caf5026}.attachment-icon .file-icon-presentation{background-color:#ff980026}.attachment-icon .file-icon-archive{background-color:#79554826}@media (max-width:600px){.attachment-icon{height:40px;margin-right:10px;width:40px}.attachment-name{max-width:180px}.attachment-actions{margin-left:5px}.attachment-preview-button,.attachment-remove-button{padding:6px}}.attachments-manager .attachment-item .attachment-description{color:#666!important;display:block!important;font-size:11px!important;font-weight:400!important;margin-top:2px!important}.attachments-manager .attachment-icon .file-icon{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;padding:0!important;width:100%!important}.task-editor-content .attachment-item .attachment-description{color:#666!important;display:block!important;font-size:11px!important;font-weight:400!important;margin-top:2px!important}.attachment-icon{align-items:center;background-color:#f9f9f9!important;border-radius:8px!important;box-shadow:0 2px 6px #00000026!important;display:flex;flex-shrink:0;height:56px!important;justify-content:center;margin-right:15px;overflow:hidden;position:relative;width:56px!important}.attachment-icon .file-icon{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;padding:4px!important;width:100%!important}.attachment-icon .file-icon svg{height:30px!important;width:30px!important}:contains("Desconocido"){display:none!important}:has(span:contains("Desconocido")),[data-content*=Desconocido],[title*=Desconocido]{display:none!important}.file-icon-image{background-color:#2196f326!important;color:#2196f3!important}.file-icon-video{background-color:#f4433626!important;color:#f44336!important}.file-icon-audio{background-color:#4caf5026!important;color:#4caf50!important}.file-icon-pdf{background-color:#f4433626!important;color:#f44336!important}.file-icon-document{background-color:#3f51b526!important;color:#3f51b5!important}.file-icon-spreadsheet{background-color:#4caf5026!important;color:#4caf50!important}.file-icon-presentation{background-color:#ff980026!important;color:#ff9800!important}.file-icon-archive{background-color:#79554826!important;color:#795548!important}.attachments-manager{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:10px!important;box-shadow:0 3px 8px #00000014!important;margin:15px 0;overflow:hidden}.attachment-item{border-bottom:1px solid #e0e0e0;padding:15px!important}.attachment-item:hover{background-color:#f0f8ff!important}.time-input-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:16px;position:relative}.time-input-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.time-input-label .required{color:#ef4444;margin-left:2px}.time-input-wrapper{align-items:center;display:flex;position:relative}.time-input-field{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;flex:1 1;font-size:15px;padding:12px 50px 12px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.time-input-field:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.time-input-field.focused{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.time-input-field:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.time-input-field::placeholder{color:#9ca3af;font-style:italic}.time-input-buttons{align-items:center;display:flex;gap:4px;position:absolute;right:8px}.time-clear-btn,.time-toggle-btn{align-items:center;background-color:initial;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.time-clear-btn:hover,.time-toggle-btn:hover{background-color:#f3f4f6;color:#374151}.time-clear-btn:disabled,.time-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.time-clear-btn{color:#ef4444}.time-clear-btn:hover{background-color:#fef2f2;color:#dc2626}.time-dropdown-overlay{background-color:#0000001a;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:998}.time-dropdown{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;left:0;max-height:400px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:999}.time-dropdown-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px 12px}.time-dropdown-header span{color:#374151;font-size:16px;font-weight:600}.time-dropdown-close{align-items:center;background-color:initial;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.time-dropdown-close:hover{background-color:#e5e7eb;color:#374151}.time-selector-grid{align-items:stretch;display:flex;gap:16px;padding:16px}.time-column{display:flex;flex:1 1;flex-direction:column}.time-column-header{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;text-align:center;text-transform:uppercase}.time-options{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto;scrollbar-color:#d1d5db #0000;scrollbar-width:thin}.time-options::-webkit-scrollbar{width:6px}.time-options::-webkit-scrollbar-track{background:#0000}.time-options::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.time-option{background-color:initial;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;text-align:center;transition:all .15s ease}.time-option:hover{background-color:#f3f4f6;color:#1f2937}.time-option.selected{background-color:#3b82f6;color:#fff;font-weight:600}.time-option.selected:hover{background-color:#2563eb}.time-separator{align-items:center;color:#6b7280;display:flex;font-size:24px;font-weight:700;justify-content:center;margin:0 8px;padding-top:32px}.time-dropdown-actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.time-action-btn{border:2px solid #0000;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:8px 16px;transition:all .2s ease}.time-action-btn.primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.time-action-btn.primary:hover{background-color:#2563eb;border-color:#2563eb}.time-action-btn.secondary{background-color:#fff;border-color:#d1d5db;color:#6b7280}.time-action-btn.secondary:hover{background-color:#f9fafb;border-color:#9ca3af;color:#374151}@media (max-width:480px){.time-dropdown{left:-20px;min-width:auto;right:-20px}.time-selector-grid{gap:12px;padding:12px}.time-dropdown-actions,.time-dropdown-header{padding:12px 16px}}.reminder-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:9999}.reminder-modal{animation:slideUp .4s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.reminder-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.header-content h2{align-items:center;display:flex;font-size:24px;font-weight:600;gap:10px;margin:0}.modal-subtitle{font-size:14px;font-style:italic;margin:4px 0 0;opacity:.9}.close-button{height:36px;transition:all .3s ease;width:36px}.close-button:hover{transform:rotate(90deg)}.reminder-modal-content{flex:1 1;max-height:calc(85vh - 180px);overflow-y:auto;padding:24px 28px}.reminder-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.form-section,.reminder-form{margin-bottom:20px}.form-section:last-child{margin-bottom:0}.form-label,.label-text{display:block;margin-bottom:8px}.label-text{color:#374151;font-size:14px;font-weight:600}.reminder-text-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.reminder-text-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.recurrence-types{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.recurrence-type-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:70px;padding:12px 8px;transition:all .2s ease}.recurrence-type-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.recurrence-type-btn.active{background:linear-gradient(135deg,#eff6ff,#e0e7ff);border-color:#667eea;box-shadow:0 2px 8px #667eea33}.type-icon{font-size:20px;margin-bottom:4px}.type-label{color:#4b5563;font-size:12px;font-weight:500}.recurrence-type-btn.active .type-label{color:#4c1d95;font-weight:600}.weekdays-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.weekday-checkbox{align-items:center;cursor:pointer;display:flex}.weekday-checkbox input[type=checkbox]{display:none}.weekday-label{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;display:block;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%}.weekday-label:hover{background:#f9fafb;border-color:#d1d5db}.weekday-label.checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff;font-weight:600}.day-input{border:2px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px;text-align:center;width:80px}.advance-time-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease;width:100%}.advance-time-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.toggle-container{align-items:center;cursor:pointer;display:flex;gap:12px}.toggle-container input[type=checkbox]{display:none}.reminder-modal .toggle-slider{background:#e5e7eb;border-radius:24px;height:24px;position:relative;transition:all .3s ease;width:48px}.reminder-modal .toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:18px}.reminder-modal .toggle-container input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.reminder-modal .toggle-container input:checked+.toggle-slider:after{transform:translateX(24px)}.toggle-label{color:#4b5563;font-weight:500}.add-reminder-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:20px;padding:14px 20px;transition:all .3s ease;width:100%}.add-reminder-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.add-reminder-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-edit-btn{background:#0000;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-top:10px;padding:10px 20px;transition:all .2s ease;width:100%}.cancel-edit-btn:hover{background:#f9fafb;border-color:#d1d5db}.reminders-list{margin-top:24px}.list-title{color:#374151;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.list-title,.reminder-item{align-items:center;display:flex}.reminder-item{background:#fff;border:2px solid #e5e7eb;border-radius:10px;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .2s ease}.reminder-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.reminder-item.disabled{background:#f9fafb;opacity:.6}.reminder-item-content{align-items:center;display:flex;flex:1 1;gap:12px}.reminder-status{font-size:16px}.reminder-info{flex:1 1}.reminder-text{color:#1f2937;font-weight:600;margin-bottom:4px}.reminder-description{color:#6b7280;font-size:13px}.reminder-actions{display:flex;gap:8px}.delete-btn,.edit-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.edit-btn:hover{background:#e5e7eb;transform:scale(1.1)}.delete-btn:hover{background:#fee2e2;transform:scale(1.1)}.no-reminders-message{color:#9ca3af;padding:40px 20px;text-align:center}.no-reminders-message p{font-size:16px;margin-bottom:8px}.no-reminders-message small{color:#d1d5db;font-size:13px}.reminder-modal-footer{background:#f9fafb;border-radius:0 0 20px 20px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.cancel-button,.save-button{border-radius:8px;min-width:120px;padding:12px 24px;transition:all .2s ease}.cancel-button{background:#fff;border:2px solid #e5e7eb}.cancel-button:hover{background:#f9fafb;border-color:#d1d5db}.save-button{box-shadow:0 2px 8px #667eea4d}.save-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.save-button:disabled{opacity:.5}@media (max-width:640px){.reminder-modal{max-height:90vh;width:95%}.reminder-modal-content,.reminder-modal-header{padding:20px}.recurrence-types{grid-template-columns:repeat(2,1fr)}.weekdays-selector{grid-template-columns:1fr}.reminder-modal-footer{flex-direction:column;padding:16px 20px}.cancel-button,.save-button{width:100%}}.task-editor-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0009;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.task-editor-container{animation:slideUp .4s cubic-bezier(.68,-.55,.265,1.55);background-color:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;cursor:default;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:94%}.task-editor-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0;padding:24px;position:relative}.header-icon{background:#fff3}.header-title-section{align-items:center;display:flex;gap:12px}.header-title-section h2{color:#fff;font-size:24px;font-weight:700;margin:0}.editor-subtitle{opacity:.9}.unsaved-indicator{background:#fff3;display:flex;padding:4px 12px}.close-button{font-size:18px}.close-button:hover{transform:scale(1.1)}.task-editor-content{background:#f9fafb;flex:1 1;overflow-y:auto;padding:24px}.task-field-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;padding:20px}.section-title{letter-spacing:.5px;text-transform:uppercase}.section-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.form-field{margin-bottom:16px}.form-field:last-child{margin-bottom:0}.form-field label{color:#6b7280;display:block;font-size:13px;margin-bottom:8px}.task-title-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.task-title-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.task-title-input.input-error{background:#fef2f2;border-color:#ef4444}.validation-error{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:4px;margin-top:4px}.custom-quill-wrapper{background:#fff;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:all .2s}.custom-quill-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.task-preview-section{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;margin-bottom:20px;padding:20px}.task-preview{background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;padding:16px;transition:all .3s ease}.task-preview-inner{position:relative}.task-preview-title{letter-spacing:.5px;text-transform:uppercase}.task-preview-content{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:500;min-height:40px}.color-selector-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;padding:20px}.color-options-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));margin-top:12px}.color-option{border:3px solid #0000;box-shadow:0 2px 5px #0000001a;transition:all .2s ease}.color-option:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.15)}.color-option.selected{border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.color-option.no-color{background:#fff;border:3px solid #e5e7eb}.no-color-icon{transform:rotate(45deg)}.no-color-icon,.no-color-icon:after{background:#9ca3af;height:2px;position:absolute;width:24px}.no-color-icon:after{content:"";transform:rotate(-90deg)}.date-fields-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.date-field{position:relative}.date-time-wrapper{display:flex;flex-direction:column;gap:12px}.date-time-wrapper .date-input-wrapper{width:100%}.date-time-wrapper .time-input-inline{max-width:200px;width:100%}.date-time-wrapper .time-input-inline .time-input-label{color:#6b7280;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.date-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.tags-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px}.reminders-section,.tags-section{margin-bottom:20px}.reminders-preview{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:16px;transition:all .2s ease}.reminders-preview:hover{background:#f7f8f9;border-color:#dee2e6}.reminders-summary{margin-bottom:16px}.reminders-count{color:#495057;font-size:14px;font-weight:600;margin:0 0 12px}.reminders-list-preview{display:flex;flex-direction:column;gap:8px}.reminder-preview-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:all .2s ease}.reminder-preview-item:hover{border-color:#dee2e6;box-shadow:0 1px 3px #0000001a}.reminder-preview-item.disabled{background:#f8f9fa;opacity:.6}.reminder-status{font-size:12px}.reminder-text{color:#343a40;flex:1 1;font-weight:500}.reminder-type{background:#e9ecef;border-radius:4px;color:#6c757d;font-size:11px;padding:2px 6px}.more-reminders{font-size:12px;padding:4px 0}.more-reminders,.no-reminders-text{color:#6c757d;font-style:italic;text-align:center}.no-reminders-text{margin:0;padding:12px 0}.configure-reminders-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease;width:100%}.configure-reminders-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.configure-reminders-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.attachments-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;padding:20px}.existing-attachments{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.attachment-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;margin-bottom:8px;padding:10px;transition:all .2s ease}.attachment-item:last-child{margin-bottom:0}.attachment-item:hover{background:#f1f5f9;box-shadow:0 2px 4px #0000000d;transform:translateX(4px)}.attachments-info{background:linear-gradient(135deg,#667eea0d,#744ba20d);border:1px solid #667eea1a;border-radius:8px;font-size:13px;margin-top:12px;padding:10px 14px}.attachments-info p{color:#4b5563;font-weight:500;margin:0}.upload-warning{color:#f59e0b!important}.upload-error,.upload-warning{align-items:center;display:flex;gap:4px;margin-top:4px!important}.upload-error{color:#ef4444!important}.upload-progress{background:#f1f5f9;border-radius:8px;height:32px;margin-top:12px;overflow:hidden;position:relative}.progress-bar{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.upload-progress span{color:#1f2937;font-size:12px;font-weight:500;line-height:32px;position:absolute;text-align:center;width:100%;z-index:1}.task-editor-footer{background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;padding:20px 24px}.cancel-button,.save-button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all .2s}.cancel-button{color:#6b7280}.cancel-button:hover{background:#e5e7eb}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;position:relative}.save-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.save-button:hover:before{height:300px;width:300px}.save-button:hover:not(:disabled){box-shadow:0 10px 20px -5px #667eea66;transform:translateY(-2px)}.save-button.has-changes{background:linear-gradient(135deg,#f59e0b,#d97706)}.save-button:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6}.task-editor-container.processing{opacity:.8;pointer-events:none}.task-editor-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe6;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1001}.task-editor-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:32px;width:32px}@media (max-width:768px){.task-editor-container{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.task-editor-header{padding:20px}.header-title-section h2{font-size:20px}.task-editor-content{padding:20px}.date-fields-grid{grid-template-columns:1fr}.color-options-grid{grid-template-columns:repeat(6,1fr)}.task-editor-footer{flex-direction:column-reverse;padding:16px 20px}.cancel-button,.save-button{padding:16px;width:100%}}.section-title{align-items:center;color:#4b5563;display:flex;font-size:13px;gap:8px;margin-bottom:12px}.section-title,.task-preview-title{letter-spacing:.3px;text-transform:none}.task-preview-title{color:#6b7280;font-size:12px;font-weight:600;margin:0 0 12px}.close-button{background:#fff3;border-radius:50%;color:#fff;font-weight:300;height:32px;line-height:1;width:32px}.close-button:hover{background:#ffffff4d;color:#fef3c7;transform:scale(1.1) rotate(90deg)}.close-button.has-changes{animation:pulse 2s infinite;background:#fbbf244d;color:#fef3c7}.close-button:disabled{color:#ffffff80;cursor:not-allowed;opacity:.5}.date-icon{cursor:pointer;pointer-events:all;z-index:2}.date-icon:hover{color:#667eea;transform:translateY(-50%) scale(1.1)}.date-input{appearance:none;-webkit-appearance:none;position:relative;z-index:1}.date-input::-webkit-calendar-picker-indicator{z-index:3}.date-input::-webkit-clear-button,.date-input::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.header-content-wrapper{display:flex;flex-direction:column}.editor-subtitle{color:#fffffff2;font-size:14px;font-weight:400;margin:4px 0 0;opacity:.95}.header-icon{border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:24px;height:48px;justify-content:center;margin-bottom:16px;width:48px}.header-icon,.unsaved-indicator{align-items:center;background:#ffffff40}.unsaved-indicator{animation:pulse 2s infinite;border:1px solid #ffffff4d;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-top:8px;padding:5px 14px}.save-button.has-changes{animation:subtlePulse 3s infinite;background:linear-gradient(135deg,#22c55e,#16a34a)}@keyframes subtlePulse{0%,to{box-shadow:0 4px 12px #22c55e4d;transform:translateY(0)}50%{box-shadow:0 6px 20px #22c55e66;transform:translateY(-1px)}}.date-input-wrapper{position:relative}.date-icon{color:#9ca3af;font-size:18px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s}.date-input-wrapper:hover .date-icon{color:#667eea;transform:translateY(-50%) scale(1.1)}.date-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;cursor:pointer;font-size:14px;padding:10px 40px 10px 16px;transition:all .2s;width:100%}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;opacity:0;position:absolute;right:0;top:0;width:100%}.attachment-preview-overlay{align-items:center;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:9999}.attachment-preview-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 25px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:90%}.attachment-preview-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.attachment-preview-header h3{color:#333;font-size:1.2rem;margin:0;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-controls{align-items:center;display:flex;gap:15px}.attachment-counter{background-color:#f0f0f0;border-radius:12px;color:#666;font-size:.9rem;margin-right:5px;padding:3px 8px}.close-preview-button{background:none;border:none;border-radius:50%;color:#999;cursor:pointer;font-size:1.5rem;line-height:1;padding:5px 8px;transition:background-color .2s,color .2s}.close-preview-button:hover{background-color:#f5f5f5;color:#f44336}.attachment-preview-content{background-color:#111;flex:1 1;flex-direction:column;min-height:300px;overflow:hidden;padding:0;position:relative;text-align:center}.attachment-preview-content,.nav-button{align-items:center;display:flex;justify-content:center}.nav-button{background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:50px;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s,opacity .3s;width:50px;z-index:10}.nav-button:hover{background-color:#000c;opacity:1}.prev-button{left:20px}.next-button{right:20px}.nav-arrow{font-size:1.8rem;line-height:1;-webkit-user-select:none;user-select:none}.image-preview-wrapper{align-items:center;background-color:#111;display:flex;height:100%;justify-content:center;max-height:70vh;position:relative;width:100%}.attachment-image{box-shadow:0 2px 10px #0000001a;max-height:70vh;max-width:100%;object-fit:contain}.video-preview-wrapper{align-items:center;background-color:#000;display:flex;justify-content:center;margin:0 auto;max-width:800px;padding:20px 0;position:relative;width:100%}.attachment-video{box-shadow:0 2px 10px #0000001a;max-height:70vh;max-width:100%}.audio-preview-wrapper{background-color:#222;border-radius:8px;margin:20px auto;max-width:500px;padding:30px;width:100%}.attachment-audio{width:100%}.file-preview{align-items:center;background-color:#333;border:2px dashed #555;border-radius:8px;color:#fff;display:flex;flex-direction:column;margin:20px;padding:40px 30px}.file-preview p{color:#ccc;font-size:16px;margin-bottom:20px}.download-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .3s}.download-button:hover{background-color:#3367d6;color:#fff;text-decoration:none}.attachment-loading{align-items:center;color:#ccc;display:flex;flex-direction:column;font-size:16px;justify-content:center;padding:40px;text-align:center}.attachment-error{background-color:#f443361a;border:1px solid #f443364d;border-radius:8px;color:#f44336;margin:20px;padding:25px;text-align:center}.attachment-info{background-color:#fff;border-top:1px solid #e5e7eb;color:#4b5563;font-size:.875rem;padding:15px 20px}.attachment-url{background:#f3f4f6;border-radius:4px;font-family:monospace;font-size:.75rem;margin-top:5px;overflow-x:auto;padding:8px;word-break:break-all}@media (max-width:768px){.attachment-preview-container{max-height:85vh;width:95%}.attachment-preview-header h3{font-size:1rem;max-width:70%}.attachment-image,.attachment-video{max-height:60vh}.nav-button{height:40px;width:40px}.prev-button{left:10px}.next-button{right:10px}.nav-arrow{font-size:1.5rem}}body .archived-columns-modal-overlay{align-items:center!important;animation:fadeIn .2s ease-out!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background-color:#0009!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;left:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.archived-columns-modal-overlay .archived-columns-modal{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)!important;background:#fff!important;border-radius:16px!important;box-shadow:0 24px 48px -12px #0000002e!important;flex-direction:column!important;max-height:85vh!important;max-width:720px!important;overflow:hidden!important;padding:0!important}.archived-columns-modal .modal-header,.archived-columns-modal-overlay .archived-columns-modal{box-sizing:border-box!important;display:flex!important;margin:0!important;width:100%!important}.archived-columns-modal .modal-header{align-items:center!important;background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #e5e7eb!important;justify-content:space-between!important;padding:24px!important}.archived-columns-modal .modal-header .modal-title{align-items:center!important;display:flex!important;gap:12px!important;margin:0!important;padding:0!important}.archived-columns-modal .modal-header .modal-title svg{color:#6366f1!important;height:20px!important;width:20px!important}.archived-columns-modal .modal-header .modal-title h2{color:#111827!important;font-size:1.375rem!important;font-weight:600!important;letter-spacing:-.025em!important;line-height:1.2!important;margin:0!important;padding:0!important}.archived-columns-modal .modal-header .modal-close-btn{align-items:center!important;background:#0000!important;border:none!important;border-radius:8px!important;color:#6b7280!important;cursor:pointer!important;display:flex!important;height:auto!important;justify-content:center!important;margin:0!important;padding:10px!important;transition:all .2s ease!important;width:auto!important}.archived-columns-modal .modal-header .modal-close-btn:hover{background-color:#f3f4f6!important;color:#111827!important;transform:rotate(90deg)!important}.archived-columns-modal .modal-content{background:#fafafa!important;box-sizing:border-box!important;flex:1 1!important;margin:0!important;overflow-y:auto!important;padding:24px!important;width:100%!important}.archived-columns-modal .modal-content .empty-state,.archived-columns-modal .modal-content .error-state,.archived-columns-modal .modal-content .loading-state{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:300px!important;padding:60px 20px!important;text-align:center!important;width:100%!important}.archived-columns-modal .loading-state{color:#6b7280!important}.archived-columns-modal .loading-state p{color:#6b7280!important;font-size:1rem!important;margin:10px 0!important}.archived-columns-modal .loading-spinner{animation:spin .8s linear infinite!important;border:4px solid #e5e7eb!important;border-radius:50%!important;border-top-color:#6366f1!important;height:48px!important;margin-bottom:16px!important;width:48px!important}.archived-columns-modal .empty-state svg{color:#d1d5db!important;height:48px!important;margin-bottom:20px!important;opacity:.5!important;width:48px!important}.archived-columns-modal .empty-state h3{color:#374151!important;font-size:1.25rem!important;font-weight:600!important;line-height:1.4!important;margin:0 0 12px!important;padding:0!important}.archived-columns-modal .empty-state p{color:#6b7280!important;font-size:.875rem!important;line-height:1.6!important;margin:0!important;max-width:400px!important;padding:0!important}.archived-columns-modal .error-state{color:#dc2626!important}.archived-columns-modal .error-state p{color:#dc2626!important;font-weight:500!important;margin-bottom:20px!important}.archived-columns-modal .retry-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px #6366f133!important;color:#fff!important;cursor:pointer!important;font-size:.875rem!important;font-weight:500!important;margin:0!important;padding:10px 20px!important;transition:all .2s ease!important}.archived-columns-modal .retry-btn:hover{box-shadow:0 4px 12px #6366f14d!important;transform:translateY(-2px)!important}.archived-columns-modal .modal-content .archived-columns-list{display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important;padding:0!important;width:100%!important}.archived-columns-modal .archived-columns-list .archived-column-item{align-items:center!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000d!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:20px!important;transition:all .2s ease!important;width:100%!important}.archived-columns-modal .archived-column-item:hover{border-color:#d1d5db!important;box-shadow:0 4px 12px #00000014!important;transform:translateY(-2px)!important}.archived-columns-modal .archived-column-item .column-info{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:8px!important;min-width:0!important}.archived-columns-modal .column-info .column-header{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:0 0 10px!important;padding:0!important}.archived-columns-modal .column-header .column-name{color:#111827!important;font-size:1.125rem!important;font-weight:600!important;line-height:1.4!important;margin:0!important;max-width:300px!important;overflow:hidden!important;padding:0!important;text-overflow:ellipsis!important;white-space:nowrap!important}.archived-columns-modal .column-header .task-count{align-items:center!important;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)!important;border-radius:20px!important;color:#4b5563!important;display:inline-flex!important;font-size:.75rem!important;font-weight:600!important;line-height:1!important;margin:0!important;padding:4px 12px!important;white-space:nowrap!important}.archived-columns-modal .column-info .column-meta{color:#6b7280!important;font-size:.875rem!important;line-height:1.4!important;margin:0!important;padding:0!important}.archived-columns-modal .column-meta .archived-date{align-items:center!important;color:#6b7280!important;display:flex!important;gap:4px!important}.archived-columns-modal .archived-column-item .column-actions{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:8px!important;margin-left:16px!important;padding:0!important}.archived-columns-modal .column-actions .action-btn{align-items:center!important;border:none!important;border-radius:8px!important;box-shadow:0 1px 3px #00000014!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;font-size:.875rem!important;font-weight:500!important;gap:4px!important;justify-content:center!important;line-height:1.2!important;margin:0!important;min-width:fit-content!important;padding:10px 14px!important;text-align:center!important;transition:all .2s ease!important;white-space:nowrap!important}.archived-columns-modal .column-actions .action-btn svg{flex-shrink:0!important;height:16px!important;width:16px!important}.archived-columns-modal .column-actions .action-btn span{display:inline-block!important;font-size:.875rem!important}.archived-columns-modal .column-actions .restore-btn{background:linear-gradient(135deg,#10b981,#34d399)!important;border:none!important;color:#fff!important;min-width:110px!important}.archived-columns-modal .column-actions .restore-btn:hover{box-shadow:0 4px 12px #10b9814d!important;transform:translateY(-2px)!important}.archived-columns-modal .column-actions .restore-btn:active{transform:translateY(0)!important}.archived-columns-modal .column-actions .delete-btn{background:#fff!important;border:1.5px solid #fecaca!important;color:#ef4444!important;min-width:100px!important}.archived-columns-modal .column-actions .delete-btn:hover{background:linear-gradient(135deg,#ef4444,#f87171)!important;border-color:#0000!important;box-shadow:0 4px 12px #ef44444d!important;color:#fff!important;transform:translateY(-2px)!important}.archived-columns-modal .column-actions .delete-btn:active{transform:translateY(0)!important}.archived-columns-modal .modal-footer{background:linear-gradient(0deg,#fff,#fafafa)!important;border-top:1px solid #e5e7eb!important;box-sizing:border-box!important;display:flex!important;justify-content:flex-end!important;margin:0!important;padding:20px 24px!important;width:100%!important}.archived-columns-modal .modal-footer .close-modal-btn{background:linear-gradient(135deg,#6b7280,#4b5563)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;color:#fff!important;cursor:pointer!important;font-size:.875rem!important;font-weight:500!important;line-height:1!important;margin:0!important;padding:10px 24px!important;transition:all .2s ease!important}.archived-columns-modal .modal-footer .close-modal-btn:hover{background:linear-gradient(135deg,#4b5563,#374151)!important;box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)!important}.archived-columns-modal .modal-footer .close-modal-btn:active{transform:translateY(0)!important}@media (max-width:768px){body .archived-columns-modal-overlay{padding:0!important}.archived-columns-modal-overlay .archived-columns-modal{border-radius:0!important;max-height:100vh!important;max-width:100%!important}.archived-columns-modal .modal-header{background:#fff!important;padding:20px!important;position:sticky!important;top:0!important;z-index:10!important}.archived-columns-modal .modal-header .modal-title h2{font-size:1.125rem!important}.archived-columns-modal .modal-content{padding:16px!important}.archived-columns-modal .archived-column-item{align-items:stretch!important;flex-direction:column!important;gap:12px!important;padding:16px!important}.archived-columns-modal .column-header .column-name{font-size:1rem!important;max-width:100%!important}.archived-columns-modal .archived-column-item .column-actions{display:flex!important;flex-direction:row!important;gap:8px!important;margin-left:0!important;width:100%!important}.archived-columns-modal .column-actions .action-btn{flex:1 1!important;justify-content:center!important;min-width:0!important;padding:12px 8px!important}.archived-columns-modal .column-actions .action-btn span{font-size:.813rem!important}.archived-columns-modal .modal-footer{background:#fff!important;bottom:0!important;box-shadow:0 -2px 10px #0000001a!important;position:sticky!important}}@media (max-width:480px){.archived-columns-modal .column-info .column-header{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}.archived-columns-modal .column-header .task-count{align-self:flex-start!important}}body .archived-columns-access,body .archived-columns-btn{align-items:center!important;display:flex!important}body .archived-columns-btn{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:10px!important;color:#6b7280!important;cursor:pointer!important;font-size:.875rem!important;font-weight:500!important;gap:8px!important;overflow:hidden!important;padding:10px 16px!important;position:relative!important;transition:all .2s ease!important;white-space:nowrap!important}body .archived-columns-btn:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;transition:left .5s ease!important;width:100%!important}body .archived-columns-btn:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;border-color:#6366f1!important;box-shadow:0 4px 12px #6366f126!important;color:#6366f1!important;transform:translateY(-2px)!important}body .archived-columns-btn:hover:before{left:100%!important}body .archived-columns-btn:active{box-shadow:0 2px 4px #6366f126!important;transform:translateY(0)!important}body .archived-columns-btn svg{transition:transform .3s ease!important}body .archived-columns-btn:hover svg{transform:rotate(-10deg)!important}.archived-columns-modal .archived-columns-list .archived-column-item{animation:slideInFromLeft .3s ease-out!important;animation-fill-mode:both!important}.archived-columns-modal .archived-columns-list .archived-column-item:first-child{animation-delay:.05s!important}.archived-columns-modal .archived-columns-list .archived-column-item:nth-child(2){animation-delay:.1s!important}.archived-columns-modal .archived-columns-list .archived-column-item:nth-child(3){animation-delay:.15s!important}.archived-columns-modal .archived-columns-list .archived-column-item:nth-child(4){animation-delay:.2s!important}.archived-columns-modal .archived-columns-list .archived-column-item:nth-child(5){animation-delay:.25s!important}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.archived-columns-modal .modal-content::-webkit-scrollbar{width:8px!important}.archived-columns-modal .modal-content::-webkit-scrollbar-track{background:#f3f4f6!important;border-radius:10px!important}.archived-columns-modal .modal-content::-webkit-scrollbar-thumb{background:#d1d5db!important;border-radius:10px!important}.archived-columns-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af!important}body.dark-theme .archived-columns-modal{background:#1e1e2e!important}body.dark-theme .archived-columns-modal .modal-header{background:linear-gradient(180deg,#1e1e2e,#181825)!important;border-bottom-color:#313244!important}body.dark-theme .archived-columns-modal .modal-header .modal-title h2{color:#cdd6f4!important}body.dark-theme .archived-columns-modal .modal-header .modal-close-btn{color:#a6adc8!important}body.dark-theme .archived-columns-modal .modal-header .modal-close-btn:hover{background-color:#313244!important;color:#cdd6f4!important}body.dark-theme .archived-columns-modal .modal-content{background:#181825!important}body.dark-theme .archived-columns-modal .archived-column-item{background:#1e1e2e!important;border-color:#313244!important}body.dark-theme .archived-columns-modal .archived-column-item:hover{border-color:#6366f1!important;box-shadow:0 4px 12px #6366f11a!important}body.dark-theme .archived-columns-modal .column-header .column-name{color:#cdd6f4!important}body.dark-theme .archived-columns-modal .column-header .task-count{background:linear-gradient(135deg,#313244,#45475a)!important;color:#cdd6f4!important}body.dark-theme .archived-columns-modal .column-info .column-meta{color:#a6adc8!important}body.dark-theme .archived-columns-modal .empty-state h3{color:#cdd6f4!important}body.dark-theme .archived-columns-modal .empty-state p{color:#a6adc8!important}body.dark-theme .archived-columns-modal .modal-footer{background:linear-gradient(0deg,#1e1e2e,#181825)!important;border-top-color:#313244!important}body.dark-theme .archived-columns-modal .column-actions .delete-btn{background:#1e1e2e!important;border-color:#f38ba8!important;color:#f38ba8!important}body.dark-theme .archived-columns-modal .column-actions .delete-btn:hover{background:linear-gradient(135deg,#f38ba8,#eba0ac)!important;color:#fff!important}.archived-columns-modal *{box-sizing:border-box!important}.archived-columns-modal button{font-family:inherit!important;outline:none!important}.archived-columns-modal h1,.archived-columns-modal h2,.archived-columns-modal h3,.archived-columns-modal p{margin:0!important;padding:0!important}:root{--column-bg:#fff;--bg-primary:#fff;--border-radius-md:8px;--border-color:#ddd;--text-primary:#333;--text-secondary:#666;--spacing-md:16px;--font-size-md:1rem}.app-container,body{height:100vh!important}.app-container,.main-content,body{overflow:hidden!important}.task-board-wrapper{height:100vh!important}.task-board,.task-board-wrapper,.task-board-wrapper.read-only-mode{padding-top:0!important}.task-board{background:#f5f5f5!important;height:100%!important;min-height:auto!important}.task-board-header{height:48px;left:0;position:fixed;right:0;top:0;z-index:1000}.task-board-tools{align-items:center!important;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;display:flex!important;gap:12px!important;margin:16px!important;padding:12px 16px!important;position:relative!important}.task-filter{flex:1 1;position:relative}.task-filter-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 16px;width:100%}.task-filter-clear{background:none;border:none;color:#666;cursor:pointer;font-size:16px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.toolbar-add-column-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea66;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;justify-content:center;overflow:hidden;padding:8px 14px;position:relative;transition:all .3s ease;white-space:nowrap}.toolbar-add-column-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.toolbar-add-column-btn:hover:before{height:300px;width:300px}.toolbar-add-column-btn:hover{box-shadow:0 4px 12px #667eea80;transform:translateY(-2px)}.toolbar-add-column-btn:active{transform:translateY(0)}.toolbar-add-column-btn .btn-icon{font-size:18px;font-weight:700}.toolbar-add-column-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.toolbar-add-column-btn:disabled:hover{box-shadow:none;transform:none}.view-mode-selector{position:static}.view-selector-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:8px;padding:8px 16px}.view-selector-button:hover{background:#f5f5f5;border-color:#d0d0d0}.dropdown-arrow{font-size:10px;margin-left:4px}.view-dropdown-menu{background:#fff!important;border:1px solid #e0e0e0!important;border-radius:6px!important;box-shadow:0 4px 16px #0003!important;min-width:180px!important;overflow:visible!important;position:fixed!important;z-index:2147483647!important}.view-mode-option{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:8px;padding:10px 16px;text-align:left;width:100%}.view-mode-option:hover{background:#f5f5f5}.view-mode-option.active{background:#e8f4ff;color:#1976d2}.permission-badge,.permissions-indicator{align-items:center;display:flex}.permission-badge{border-radius:16px;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.permission-badge.read-only{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.permission-badge.can-edit{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.permission-badge svg{flex-shrink:0}.columns-container{flex:1 1!important;height:calc(100vh - 160px)!important;min-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;padding:16px 16px 20px!important;position:relative!important}.columns-container::-webkit-scrollbar{bottom:0!important;height:12px!important;position:absolute!important}.columns-container::-webkit-scrollbar-track{background:#e0e0e0!important;border-radius:6px!important}.columns-container::-webkit-scrollbar-thumb{background:#888!important;border-radius:6px!important}.columns-container::-webkit-scrollbar-thumb:hover{background:#666!important}.task-board-columns{align-items:stretch!important;display:flex;height:calc(100% - 20px)!important;min-width:100%!important;padding-right:100px!important;position:relative;width:max-content!important}.task-column{background-color:#fff;background-color:var(--column-bg,#fff);border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;flex-shrink:0!important;height:100%!important;margin:0 10px;max-height:calc(100vh - 200px)!important;max-width:1000px;min-width:250px;min-width:250px!important;transition:none!important}.dragging-active .task-board-columns{padding-right:200px!important}body.dragging-active .task-column{transition:transform .08s ease-out!important}.task-column.dragging{opacity:.5;transform:rotate(2deg);z-index:999}.task-column[draggable=true]{cursor:move}.task-column:not(.dragging){position:relative;transition:box-shadow .2s ease,transform .2s ease}.task-column-header{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd);border-top-left-radius:8px;border-top-left-radius:var(--border-radius-md,8px);border-top-right-radius:8px;border-top-right-radius:var(--border-radius-md,8px);display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-md,16px);position:sticky;top:0;z-index:10}.task-column-header *{cursor:auto!important}.column-header-title{align-items:center;display:flex;gap:8px}.task-column-header h3{color:#333;color:var(--text-primary,#333);font-size:1rem;font-size:var(--font-size-md,1rem);margin:0}.task-counter{background-color:#0000000d;border-radius:12px;color:#666;color:var(--text-secondary,#666);font-size:.875rem;font-weight:500;min-width:24px;opacity:.8;padding:2px 6px;text-align:center}.column-actions{display:flex;gap:8px}.column-action-btn{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.column-action-btn.add-btn{background-color:#fff;border:2px solid #22c55e;box-shadow:0 1px 3px #0000001a;color:#22c55e;font-size:20px;font-weight:700}.column-action-btn.add-btn:hover{background-color:#f0fff4;border-color:#16a34a;color:#16a34a;transform:scale(1.05)}.column-action-btn.edit-column-button{background-color:#fff;border:2px solid #39a5dc;box-shadow:0 1px 3px #0000001a;color:#39a5dc;font-size:16px;line-height:1}.column-action-btn.edit-column-button:hover{background-color:#eaf6ff;border-color:#1976d2;color:#1976d2;transform:scale(1.05)}.column-action-btn.delete-column-button{background-color:#fff;border:2px solid #e53935;box-shadow:0 1px 3px #0000001a;color:#e53935;font-size:16px;font-weight:700;line-height:1}.column-action-btn.delete-column-button:hover{background-color:#ffebee;border-color:#c62828;color:#c62828;transform:scale(1.05)}.task-list-container{overflow:hidden;position:relative}.task-list,.task-list-container{display:flex;flex:1 1;flex-direction:column}.task-list{gap:16px;gap:var(--spacing-md,16px);max-height:calc(100vh - 320px)!important;min-height:100px;overflow-x:hidden!important;overflow-y:auto!important;padding:16px;padding:var(--spacing-md,16px);scrollbar-color:#bbb #f0f0f0;scrollbar-width:thin}.task-list::-webkit-scrollbar{width:8px}.task-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.task-list::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.task-list::-webkit-scrollbar-thumb:hover{background:#999}.task-list.dragging-over{background-color:#40a9f31a;border:2px dashed #40a9f3;border-radius:4px}.task-card{background:#f9f9f9;border:1px solid #eee;border-radius:4px;cursor:pointer;flex-shrink:0;margin-bottom:8px;min-height:30px;padding:12px}.task-card:hover{background:#f5f5f5;border-color:#ddd}.task-card.simplified{height:auto;max-height:none;min-height:30px;padding:6px 10px}.empty-column-message{color:#666;color:var(--text-secondary,#999);font-size:.9rem;opacity:.7;padding:40px 20px;text-align:center}.save-indicator{align-items:center;animation:slideIn .3s ease;background:#2563ebe6;border-radius:6px;color:#fff;display:flex;font-size:14px;gap:8px;padding:8px 16px;position:fixed;right:20px;top:70px;z-index:1000}.save-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.unsaved-indicator{animation:pulse 2s ease-in-out infinite;background:#ef4444e6;border-radius:6px;color:#fff;font-size:14px;padding:8px 16px;position:fixed;right:20px;top:70px;z-index:1000}.read-only-banner{align-items:center!important;animation:slideDown .3s ease!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:18px!important;box-shadow:0 3px 10px #667eea40!important;color:#fff!important;display:flex!important;font-size:12px!important;font-weight:500!important;gap:8px!important;left:50%!important;padding:6px 18px!important;position:fixed!important;top:60px!important;transform:translateX(-50%)!important;z-index:1000!important}.read-only-banner svg{flex-shrink:0}.read-only-banner small{border-left:1px solid #ffffff4d!important;font-size:11px!important;margin-left:6px!important;opacity:.9!important;padding-left:6px!important}.add-column-container,.add-column-float-button,.task-board-columns>div:not(.task-column):not(.add-column-container):empty{display:none!important}@keyframes pulse-green{0%{box-shadow:0 0 0 0 #667eeab3}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 0 0 #667eea00}}@media (max-width:768px){.task-board,.task-board-wrapper{padding-top:0!important}.task-board-tools{grid-gap:6px!important;display:grid!important;gap:6px!important;grid-template-columns:1fr auto auto auto!important;margin:8px 8px 12px!important;padding:8px!important}.task-board-wrapper.read-only-mode .task-board-tools{grid-template-columns:1fr auto auto!important}.task-filter{grid-column:1;min-width:0!important}.task-filter-input{font-size:14px!important;padding:8px 32px 8px 12px!important;width:100%!important}.task-filter-clear{height:24px!important;right:8px!important;width:24px!important}.task-filter-clear,.toolbar-add-column-btn{align-items:center!important;display:flex!important;justify-content:center!important}.toolbar-add-column-btn{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-radius:50%!important;box-shadow:0 2px 8px #22c55e66!important;font-size:20px!important;font-weight:700!important;height:36px!important;padding:0!important;width:36px!important}.toolbar-add-column-btn .btn-icon{display:none!important}.toolbar-add-column-btn:after{content:"＋"!important;font-size:20px!important;line-height:1!important}.toolbar-add-column-btn:hover{transform:scale(1.1)!important}.permissions-indicator .permission-badge{align-items:center!important;border-radius:8px!important;display:flex!important;height:36px!important;justify-content:center!important;min-width:36px!important;padding:8px!important}.permission-badge span{display:none!important}.permission-badge svg{height:18px!important;width:18px!important}.view-selector-button{border-radius:8px!important;height:36px!important;min-width:36px!important;padding:8px!important}.view-selector-button .dropdown-arrow,.view-selector-button:not(.icon-only)>span:not(.view-icon){display:none!important}.view-selector-button .view-icon{font-size:18px!important;margin:0!important}.view-dropdown-menu{box-shadow:0 4px 16px #0003!important;margin-top:40px!important;min-width:150px!important;position:fixed!important;right:8px!important;top:auto!important;z-index:9999!important}.view-mode-selector{position:static!important;z-index:9998!important}.columns-container{-webkit-overflow-scrolling:touch!important;height:calc(100vh - 130px)!important;overflow-x:auto!important;padding:8px 4px 50px!important;scroll-behavior:smooth!important;scroll-snap-type:x mandatory!important}.columns-container::-webkit-scrollbar{height:6px!important}.task-board-columns{display:flex!important;gap:8px!important;padding:0 4px!important}.task-column{cursor:default!important;flex-shrink:0!important;height:calc(100vh - 180px)!important;margin:0 4px!important;max-height:calc(100vh - 180px)!important;max-width:calc(100vw - 24px)!important;min-width:calc(100vw - 24px)!important;scroll-snap-align:center!important;z-index:1!important}.task-column[draggable=true]{-webkit-user-drag:none!important;cursor:default!important;-webkit-user-select:none!important;user-select:none!important}.task-column-header{background:#fff!important;padding:12px!important;position:sticky!important;top:0!important;z-index:2!important}.task-column-header h3{font-size:15px!important}.column-action-btn{font-size:14px!important;height:24px!important;width:24px!important}.task-list{-webkit-overflow-scrolling:touch!important;max-height:calc(100vh - 260px)!important;overflow-y:auto!important;padding:8px!important}.task-card{font-size:14px!important;margin-bottom:6px!important;padding:10px!important}.task-card.simplified{min-height:28px!important;padding:6px 10px!important}.scroll-indicators-bottom{background:#000000b3;border-radius:20px;bottom:10px;display:flex;gap:8px;left:50%;padding:6px 12px;position:fixed;transform:translateX(-50%);z-index:100}.column-dot{background:#ffffff4d;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.column-dot.active{animation:pulse-dot .3s ease-out;background:#fff;transform:scale(1.3)}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.scroll-nav-button{align-items:center;background:#000c;border:none;border-radius:50%;bottom:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;opacity:.7;position:fixed;transition:all .2s ease;width:32px;z-index:101}.scroll-nav-button:hover{opacity:1;transform:scale(1.1)}.scroll-nav-button.prev{left:20px}.scroll-nav-button.next{right:20px}.scroll-nav-button:disabled{cursor:not-allowed;opacity:.2}.column-position-indicator{background:#000000e6!important;border-radius:12px;bottom:50px!important;color:#fff;font-size:11px!important;font-weight:500;left:50%;padding:4px 10px!important;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:100}.read-only-banner{font-size:10px!important;padding:3px 10px!important;top:48px!important}.read-only-banner small{display:none!important}.task-board-wrapper.read-only-mode .task-board-tools{margin-top:32px!important}}.admin-container{min-height:100vh;padding-top:70px}.admin-tabs{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;margin:0;overflow:hidden;padding:0;width:100%}.admin-tab{background:none;border:none;color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;padding:14px 24px;text-align:center;transition:all .2s;white-space:nowrap}.admin-tab:hover{color:#3b82f6}.admin-tab.active-tab{background-color:#fff;border-bottom:2px solid #3b82f6;color:#3b82f6}.badge{align-items:center;background-color:#ef4444;border-radius:50%;color:#fff;display:inline-flex;font-weight:700;height:20px;justify-content:center;margin-left:8px;width:20px}.admin-section h2{border-bottom:1px solid #e5e7eb;color:#111827;font-size:18px;font-weight:600;margin-top:0;padding-bottom:10px}.admin-section h2,.section-header{margin-bottom:20px}.section-actions{display:flex;gap:12px}.admin-error{background-color:#fee2e2;border-left:4px solid #ef4444;color:#b91c1c}.admin-error,.admin-success{border-radius:6px;margin-bottom:20px;padding:12px 16px}.admin-success{background-color:#d1fae5;border-left:4px solid #10b981;color:#047857}.admin-loading{align-items:center;color:#4b5563;display:flex;font-size:16px;height:100vh;justify-content:center}.no-data-message{background-color:#f9fafb;border-radius:6px;color:#6b7280;padding:20px;text-align:center}.search-input{min-width:250px;padding:8px 12px}.users-table{border:1px solid #e5e7eb;border-collapse:initial;border-radius:8px;border-spacing:0;overflow:hidden;table-layout:auto}.users-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.users-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:14px;padding:16px;vertical-align:middle}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background-color:#f9fafb}.current-user-row{background-color:#3b82f60d}.user-plan,.user-role,.user-status{border-radius:9999px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.admin-role{background-color:#e0e7ff;color:#4f46e5}.active-status,.user-role{background-color:#d1fae5;color:#047857}.inactive-status{background-color:#fee2e2;color:#dc2626}.has-plan{background-color:#fef3c7;color:#d97706}.no-plan{background-color:#f3f4f6;color:#6b7280}.action-buttons{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;white-space:nowrap}.action-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;min-width:70px;padding:4px 8px;text-align:center;transition:background-color .2s}.activate-button{background-color:#10b981;color:#fff}.activate-button:hover{background-color:#059669}.deactivate-button{background-color:#f59e0b;color:#fff}.deactivate-button:hover{background-color:#d97706}.delete-button{background-color:#ef4444;color:#fff}.delete-button:hover{background-color:#dc2626}.approve-button{background-color:#3b82f6;color:#fff}.approve-button:hover{background-color:#2563eb}.reset-password-button{background-color:#8b5cf6;color:#fff}.reset-password-button:hover{background-color:#7c3aed}.form-error{background-color:#fee2e2;border-left:4px solid #ef4444;color:#b91c1c}.form-error,.form-success{border-radius:6px;margin-bottom:20px;padding:12px 16px}.form-success{background-color:#d1fae5;border-left:4px solid #10b981;color:#047857}.create-user-form{display:flex;flex-direction:column;gap:24px;margin-top:10px}.create-user-title{border-bottom:1px solid #e5e7eb;color:#111827;font-size:20px;font-weight:600;margin-bottom:24px;margin-top:0;padding-bottom:12px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.required-field:after{color:#ef4444;content:" *"}.form-control{border-radius:6px;transition:border-color .2s,box-shadow .2s}.form-control:focus{box-shadow:0 0 0 3px #3b82f633}.checkbox-group{align-items:center;display:flex;margin-top:10px}.checkbox-group input[type=checkbox]{border:1px solid #d1d5db;border-radius:4px;cursor:pointer;height:18px;margin-right:10px;width:18px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-size:14px}.create-user-button{align-self:flex-end;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:10px;padding:10px 20px;transition:background-color .2s}.create-user-button:hover{background-color:#2563eb}.confirm-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.confirm-modal-overlay{inset:0;position:absolute}.confirm-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:32px;position:relative;width:100%;z-index:10}.confirm-icon-container{align-items:center;background-color:#fee2e2;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.confirm-icon-container-warning{background-color:#fef3c7}.confirm-icon-container-success{background-color:#d1fae5}.confirm-icon{color:#ef4444;font-size:32px}.confirm-icon-warning{color:#d97706}.confirm-icon-success{color:#10b981}.confirm-title{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:16px;text-align:center}.confirm-text{color:#4b5563;margin-bottom:32px;text-align:center}.user-highlight{color:#111827;font-weight:600}.confirm-button-group{display:flex;gap:12px;justify-content:center}.confirm-cancel-button{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.confirm-cancel-button:hover{background-color:#f3f4f6}.confirm-delete-button{align-items:center;background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .2s}.confirm-delete-button:hover{background-color:#dc2626}.confirm-action-button{align-items:center;background-color:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .2s}.confirm-action-button:hover{background-color:#d97706}.confirm-action-button-success{background-color:#10b981}.confirm-action-button-success:hover{background-color:#059669}body.with-custom-background .admin-container,body.with-custom-background .admin-main{background-color:initial!important}body.with-custom-background .admin-tabs{background-color:#ffffffb3!important}body.with-custom-background .admin-section,body.with-custom-background .admin-tab.active-tab,body.with-custom-background .users-table{background-color:#fff!important}body.dark-theme .admin-container{background-color:#111827}body.dark-theme .admin-tabs{background-color:#1f2937;border-bottom-color:#374151}body.dark-theme .admin-section{background-color:#1f2937;border-color:#374151}body.dark-theme .admin-section h2,body.dark-theme .create-user-title{border-bottom-color:#374151;color:#f9fafb}body.dark-theme .admin-tab{color:#9ca3af}body.dark-theme .admin-tab:hover{color:#60a5fa}body.dark-theme .admin-tab.active-tab{background-color:#1f2937;border-bottom-color:#60a5fa;color:#60a5fa}body.dark-theme .form-group label{color:#e5e7eb}body.dark-theme .form-control{background-color:#374151;border-color:#4b5563;color:#f9fafb}body.dark-theme .form-control:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}body.dark-theme .create-user-button{background-color:#3b82f6}body.dark-theme .create-user-button:hover{background-color:#2563eb}body.dark-theme.with-custom-background .admin-tabs{background-color:#1e1e1eb3!important}body.dark-theme.with-custom-background .admin-section,body.dark-theme.with-custom-background .admin-tab.active-tab,body.dark-theme.with-custom-background .users-table{background-color:#1f2937!important}@media (max-width:768px){.form-row{gap:16px;grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.create-user-button{align-self:stretch;width:100%}.admin-tabs{overflow-x:auto;white-space:nowrap}.admin-tab{padding:12px 16px}.action-buttons{flex-wrap:wrap}.action-buttons button{min-width:70px;padding:6px 10px}}@media (min-width:1600px){.admin-main{max-width:1600px}}.online-status-indicator{align-items:center;background-color:#f5f5f5;border-radius:50%;display:inline-flex;height:24px;justify-content:center;position:relative;width:24px}.online-status-indicator.large{height:28px;margin-left:10px;width:28px}.online-status-dot{background-color:#ccc;border-radius:50%;height:12px;transition:background-color .3s ease;width:12px}.online-status-indicator.large .online-status-dot{height:16px;width:16px}.online-status-indicator.online .online-status-dot{background-color:#4caf50;box-shadow:0 0 8px #4caf5099}.online-status-indicator.offline .online-status-dot{background-color:#f44336}.users-summary-container{border-top:1px solid #e0e0e0;margin-top:20px;padding:15px}.users-summary{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;max-width:600px}.users-count-box{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;min-width:200px;padding:10px 15px}.online-users-box{background-color:#f5f7fa;border:1px solid #e3e8f0}.users-count-label{color:#555;font-weight:500;margin-right:10px}.users-count-value{color:#333;font-size:1.2rem;font-weight:600}.current-user-row{background-color:#e8f5ff80!important}.current-user-row:hover{background-color:#e8f5ffb3!important}.online-status{border-radius:9999px;font-size:12px;font-weight:600;padding:4px 12px}.online-status.online{background-color:#d1fae5;color:#047857}.online-status.offline{background-color:#f3f4f6}.online-status{align-items:center;border-radius:12px;display:inline-flex;font-size:.85rem;font-weight:500;padding:4px 10px;white-space:nowrap}.online-status.online{background-color:#34d39933;color:#10b981}.online-status.offline{background-color:#9ca3af33;color:#6b7280}.online-status.current-user{border:1px solid}.current-user-dot{animation:pulse 1.5s infinite;display:inline-block;font-size:.7rem;margin-left:5px}.debug-button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;bottom:10px;cursor:pointer;font-size:12px;opacity:.7;padding:5px 10px;position:fixed;right:10px;z-index:1000}.debug-button:hover{opacity:1}.debug-mode-active .debug-button{background-color:#fee2e2;border-color:#ef4444;color:#b91c1c}.users-table tr:hover{background-color:#f3f4f6cc}.current-user-row{background-color:#bfdbfe33}.current-user-row:hover{background-color:#bfdbfe4d}.logs-section{margin:-20px;padding:0}.logs-section .p-6{padding:20px}.admin-section.logs-section{background:#0000;border:none;box-shadow:none;margin:0;padding:0}.logs-section .logs-panel-wrapper{background-color:initial;margin-top:0;min-height:auto;padding-top:0}.logs-section .logs-panel-container{margin-top:20px}.dashboard-section{padding:20px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h2{color:#1f2937;font-size:28px;margin:0}.dashboard-actions{align-items:center;display:flex;gap:20px}.refresh-button{align-items:center;background-color:#3b82f6;display:flex;gap:5px;padding:8px 16px}.refresh-button:hover{background-color:#2563eb}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.dashboard-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .3s ease}.dashboard-card.status-operational{border-color:#10b981}.dashboard-card.status-warning{background-color:#fffbeb;border-color:#f59e0b}.dashboard-card.status-error{background-color:#fef2f2;border-color:#ef4444}.dashboard-card.status-checking{border-color:#6b7280;opacity:.7}.card-header{justify-content:space-between;margin-bottom:15px}.card-header,.card-title{align-items:center;display:flex}.card-title{gap:10px}.card-icon{font-size:24px}.card-title h3{color:#374151;font-size:18px;margin:0}.status-icon{font-size:20px}.card-content{display:flex;flex-direction:column;gap:10px}.metric{align-items:center;display:flex;font-size:14px;justify-content:space-between}.metric-label{color:#6b7280}.metric-value{font-weight:600}.progress-bar{background-color:#e5e7eb;border-radius:4px;height:8px;margin:5px 0;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.env-vars-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:25px}.env-vars-section .section-header{margin-bottom:20px}.env-vars-section h3{color:#1f2937;font-size:20px;margin:0}.toggle-env-button{background-color:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 14px;transition:background-color .2s}.toggle-env-button:hover{background-color:#4b5563}.env-warning{align-items:center;background-color:#fef3c7;border:1px solid #fde68a;border-radius:6px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.warning-icon{font-size:20px}.env-warning p{color:#92400e;font-size:14px;margin:0}.env-vars-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.env-var-item{align-items:center;display:flex;gap:15px}.env-var-item label{color:#374151;flex:0 0 250px;font-size:14px;font-weight:600}.env-var-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-family:Monaco,Consolas,monospace;font-size:14px;padding:8px 12px;transition:border-color .2s}.env-var-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-header{gap:15px}.dashboard-header,.env-var-item{align-items:flex-start;flex-direction:column}.env-var-item label{flex:none}.env-var-input{width:100%}}.env-modal-overlay{align-items:center;animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.env-modal{animation:modalSlideIn .4s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;height:90vh;overflow:hidden;width:95vw}.env-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:24px 32px;position:relative}.env-modal-title h2{font-size:24px;font-weight:700;margin:0 0 8px}.env-modal-title p{font-size:14px;margin:0;opacity:.9}.env-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.env-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.env-modal-stats{grid-gap:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:32px}.stat-card{align-items:center;background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;gap:20px;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.stat-card.total{border-left-color:#667eea}.stat-card.hot-reload{border-left-color:#10b981}.stat-card.restart-required{border-left-color:#f59e0b}.stat-icon{font-size:48px;min-width:60px;text-align:center}.stat-content h3{color:#1f2937;font-size:36px;font-weight:700;margin:0 0 4px}.stat-content p{color:#4b5563;font-size:16px;font-weight:600;margin:0 0 4px}.stat-subtitle{color:#9ca3af;font-size:12px;font-style:italic}.env-modal-filters{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px 32px}.filter-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;padding:10px 20px;transition:all .3s ease}.filter-btn:hover{background:#f9fafb;border-color:#d1d5db}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.env-modal-content{background:#f8fafc;flex:1 1;overflow-y:auto;padding:32px}.env-modal-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.env-card{background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 2px 12px #0000000d;padding:24px;transition:all .3s ease}.env-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-1px)}.env-card.hot-reload{background:linear-gradient(135deg,#fff,#f0fdf4);border-left-color:#10b981}.env-card.restart-required{background:linear-gradient(135deg,#fff,#fffbeb);border-left-color:#f59e0b}.env-card-header{margin-bottom:16px}.env-card-title{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.env-card-title h4{background:#1f29370d;border-radius:6px;color:#1f2937;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:16px;font-weight:600;margin:0;padding:8px 12px}.env-card-badge{flex-shrink:0}.badge-hot{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 2px 8px #10b9814d}.badge-hot,.badge-restart{border-radius:20px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge-restart{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 2px 8px #f59e0b4d}.env-card-description{margin-bottom:20px}.env-card-description p{background:#6b72800d;border-left:3px solid #d1d5db;border-radius:8px;color:#6b7280;font-size:14px;font-style:italic;margin:0;padding:12px}.env-card-control{margin-bottom:16px}.env-card-label{color:#4b5563;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.env-modal-input,.env-modal-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:Monaco,Menlo,monospace;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.env-modal-input:focus,.env-modal-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.env-modal-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.input-container{position:relative}.input-hint{background:#fff;border-radius:4px;color:#9ca3af;font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.env-card-status{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:16px}.status-immediate,.status-restart{align-items:center;display:flex;font-size:13px;font-weight:500;gap:8px}.status-immediate{color:#059669}.status-restart{color:#d97706}.status-icon{font-size:16px}.env-modal-footer{background:#fff;border-top:1px solid #e5e7eb;padding:24px 32px}.footer-actions{gap:16px;justify-content:center}.action-btn{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.action-btn.refresh{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.action-btn.diagnostic{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.action-btn.close{background:#6b7280;color:#fff}.action-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.diagnostic-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.diagnostic-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;max-height:80vh;max-width:800px;overflow:hidden;width:90vw}.diagnostic-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.diagnostic-header h3{font-size:20px;margin:0}.diagnostic-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:32px;width:32px}.diagnostic-content{max-height:60vh;overflow-y:auto;padding:24px}.diagnostic-section{margin-bottom:32px}.diagnostic-section h4{color:#1f2937;font-size:16px;margin:0 0 16px}.diagnostic-grid{grid-gap:12px;display:grid;gap:12px}.diagnostic-item{align-items:center;background:#f8fafc;border-left:4px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.diagnostic-item.active{background:#f0fdf4;border-left-color:#10b981}.diagnostic-item.inactive{background:#fef2f2;border-left-color:#ef4444}.diagnostic-alert{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:12px;padding:16px}.diagnostic-alert.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.diagnostic-alert.alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.diagnostic-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.diagnostic-stats .stat-item{background:#f8fafc;border-radius:8px;padding:16px;text-align:center}.diagnostic-stats .stat-number{color:#1f2937;display:block;font-size:24px;font-weight:700}.diagnostic-stats .stat-label{color:#6b7280;display:block;font-size:12px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}@media (max-width:768px){.env-modal{border-radius:0;height:100vh;width:100vw}.env-modal-grid,.env-modal-stats{grid-template-columns:1fr}.footer-actions{flex-direction:column}}.env-vars-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea33;margin:24px 0;overflow:hidden;transition:all .3s ease}.env-vars-section:hover{box-shadow:0 12px 40px #667eea4d;transform:translateY(-2px)}.env-vars-section .section-header{align-items:center;background:#0000;border:none;display:flex;justify-content:space-between;margin:0;padding:32px}.env-vars-section .section-header h3{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0;text-shadow:0 2px 4px #0000001a}.env-vars-section .section-header h3:before{content:"⚙️";filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:28px}.btn-toggle-env{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3!important;border:2px solid #ffffff4d!important;border-radius:12px!important;box-shadow:0 4px 15px #0000001a;color:#fff!important;cursor:pointer;display:flex;font-size:14px!important;font-weight:600!important;gap:8px;letter-spacing:.5px;padding:12px 24px!important;text-transform:uppercase;transition:all .3s ease!important}.btn-toggle-env:before{content:"⚙️";font-size:16px}.btn-toggle-env:hover{background:#ffffff4d!important;border-color:#ffffff80!important;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.btn-toggle-env:active{transform:translateY(0)}.env-vars-section .section-header:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.env-quick-stats{display:flex;gap:20px;margin-top:16px;opacity:.9}.quick-stat{color:#fff;font-size:13px;font-weight:500;gap:6px}.quick-stat,.quick-stat-icon{align-items:center;display:flex}.quick-stat-icon{border-radius:50%;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.quick-stat.total .quick-stat-icon{background:#fff3}.quick-stat.hot-reload .quick-stat-icon{background:#10b9814d}.quick-stat.restart .quick-stat-icon{background:#f59e0b4d}@media (max-width:768px){.env-vars-section .section-header{flex-direction:column;gap:16px;padding:24px 20px;text-align:center}.env-vars-section .section-header h3{font-size:20px}.env-quick-stats{justify-content:center}}.config-group{border-bottom:1px solid #e5e7eb;margin-bottom:40px;padding-bottom:30px}.config-group:last-child{border-bottom:none}.config-group h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 20px}.duration-input-container{align-items:center;display:flex;gap:10px;margin:10px 0}.duration-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100px}.input-unit{color:#6b7280;font-size:14px;font-weight:500}.spinner-type-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin:10px 0;padding:8px 12px}.spinner-preview-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:15px;padding:20px}.spinner-preview-section h4{color:#374151;font-size:1rem;margin:0 0 15px}.preview-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.preview-button:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.preview-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.spinner-saving{align-items:center;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;color:#1e40af;display:flex;font-size:14px;gap:10px;margin-top:15px;padding:10px}.utilities-section{padding:20px}.utility-card{background:#252525;border:1px solid #333;border-radius:12px;margin-bottom:20px;padding:24px;transition:all .3s ease}.utility-card:hover{border-color:#0ff;box-shadow:0 0 20px #00ffff1a}.utility-header{border-bottom:1px solid #333;margin-bottom:20px;padding-bottom:16px}.utility-header h3{color:#0ff;font-size:1.5em;margin:0 0 8px}.utility-header p{color:#888;font-size:.95em;margin:0}.utility-content{margin-top:20px}#file-validator-container .file-validator-wrapper{background:#0000;box-shadow:none;padding:0}#file-validator-container .fv-section{background:#1a1a1a;border-color:#333}#file-validator-container .fv-btn{background:#0ff;color:#000}#file-validator-container .fv-btn:hover{background:#0cc}#file-validator-container .fv-log-container{background:#0a0a0a;border-color:#333}.monitor-section{padding:20px}.monitor-content{background:#1a1a1a;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.monitor-content .health-monitor{border-radius:0;margin:0}.monitor-content .hm-progress-bar{left:0;position:fixed;right:0;top:48px;z-index:9998}.admin-tabs{background:#f5f5f5;display:flex;flex-wrap:wrap;gap:10px;padding:10px}.admin-content{margin-top:20px}.admin-container{background-color:#f3f4f6;box-sizing:border-box;height:auto;min-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;padding-bottom:40px;padding-top:20px}.admin-main{height:auto;margin:0 auto;max-width:1400px;min-height:calc(100vh - 100px);padding:0;width:95%}.admin-content{display:flex;flex-direction:column;gap:0;height:auto;min-height:100%}.admin-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;height:auto;margin-bottom:24px;margin-top:0;overflow:visible;padding:24px;width:100%}.dashboard-section,.logs-section,.monitor-section,.utilities-section{height:auto!important;max-height:none!important;overflow:visible!important}.table-responsive{max-height:none;overflow-x:auto;overflow-y:visible}.users-table{height:auto;width:100%}.confirm-modal,.diagnostic-modal-overlay,.env-modal-overlay{overflow-y:auto;position:fixed}@media (max-width:768px){.admin-container{padding-bottom:30px;padding-top:15px}.admin-main{width:98%}}@media (max-width:480px){.admin-container{padding:10px 10px 25px}.admin-main{width:100%}}body.has-admin-panel,html.has-admin-panel{height:100%;overflow:auto!important}.main-content:has(.admin-container){height:100vh!important;overflow-y:auto!important;padding-top:60px!important}.password-reset-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.password-reset-modal{animation:slide-up .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;max-width:500px;overflow-y:auto}@keyframes slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.password-reset-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;padding:15px 20px}.password-reset-header h2{color:#333;font-size:1.2rem;margin:0}.close-modal-button{align-items:center;border-radius:50%;color:#666;display:flex;font-size:1.2rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-modal-button:hover{background-color:#f0f0f0;color:#333}.password-reset-content{padding:20px}.reset-username{color:#555;font-size:1rem;margin-bottom:20px}.reset-error-message{background-color:#ffe6e6;border-left:4px solid #ff4d4d;border-radius:4px;color:#d32f2f;margin-bottom:20px;padding:10px 15px}.password-reset-form .form-group{margin-bottom:20px}.password-reset-form label{color:#333;display:block;font-weight:500;margin-bottom:5px}.password-reset-form .form-control{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:10px 12px;transition:border-color .2s;width:100%}.password-reset-form .form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.password-reset-form .form-control.input-error{background-color:#fff8f8;border-color:#ff4d4d}.password-mismatch{color:#ff4d4d;font-size:.85rem;margin-top:5px}.password-strength-meter{background-color:#e0e0e0;border-radius:3px;height:5px;overflow:hidden}.strength-bar{transition:width .3s,background-color .3s}.strength-text{font-size:.85rem;margin-top:5px;text-align:right}.password-requirements{background-color:#f8f9fa;border-radius:4px;font-size:.9rem;margin-top:15px;padding:15px}.password-requirements h4{color:#444;font-size:.95rem;margin-bottom:10px}.password-requirements ul{padding-left:20px}.password-requirements li{color:#666;margin-bottom:5px}.password-requirements li.met{color:#34a853}.password-requirements li.met:before{color:#34a853;content:"✓ "}.password-requirements li.not-met{color:#ea4335}.password-requirements li.not-met:before{color:#ea4335;content:"✗ "}.form-actions{margin-top:25px}.cancel-button,.submit-button{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;padding:10px 15px;transition:background-color .2s}.cancel-button{background-color:#f0f0f0;color:#333}.cancel-button:hover{background-color:#e0e0e0}.auto-generate-option{margin-bottom:15px}.auto-generate-option label{font-weight:400}.auto-generate-option input[type=checkbox]{margin-right:8px}@media (max-width:576px){.password-reset-modal{width:95%}.form-actions{flex-direction:column}.cancel-button,.submit-button{text-align:center;width:100%}}.tags-admin-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px}.tags-admin-container h2{border-bottom:1px solid #eee;color:#333;font-size:1.5rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}.tags-admin-container h3{color:#555;font-size:1.1rem;margin-bottom:15px}.tags-admin-loading{color:#666;font-style:italic;padding:20px;text-align:center}.tags-admin-error{background-color:#ffebee;border-left:4px solid #d32f2f;color:#d32f2f}.tags-admin-error,.tags-admin-success{border-radius:4px;margin-bottom:15px;padding:10px 15px}.tags-admin-success{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.add-tag-section{background-color:#f9f9f9;border-radius:6px;margin-bottom:25px;padding:15px}.tag-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px 12px;transition:border-color .2s}.tag-input:focus{border-color:#4d90fe;box-shadow:0 0 0 2px #4d90fe33;outline:none}.add-tag-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s}.add-tag-button:hover{background-color:#3367d6}.current-tags-section{margin-bottom:25px}.tags-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tag-item{background-color:#e8f0fe;color:#1a73e8}.delete-tag-button{background:none;color:#1a73e8}.delete-tag-button:hover{background-color:#1a73e81a}.no-tags-message{background-color:#f5f5f5;border-radius:4px;color:#666;font-style:italic;padding:10px;text-align:center}.tags-usage-section{margin-top:30px}.tags-usage-table{border-collapse:collapse;margin-top:10px;width:100%}.tags-usage-table td,.tags-usage-table th{border-bottom:1px solid #eee;padding:10px 15px;text-align:left}.tags-usage-table th{background-color:#f5f5f5;color:#555;font-weight:600}.tags-usage-table tr:hover{background-color:#f9f9f9}.no-usage-message{background-color:#f5f5f5;border-radius:4px;color:#666;font-style:italic;padding:15px;text-align:center}@media (max-width:600px){.add-tag-form{flex-direction:column}.tag-item{font-size:13px}}.color-picker{align-items:center;margin:0 10px}.color-picker span{font-size:14px;margin-right:8px;white-space:nowrap}.color-options{display:flex;flex-wrap:wrap;gap:5px}.color-option{border-radius:50%;height:24px;transition:transform .2s,border .2s;width:24px}.color-option.selected{border-color:#333;box-shadow:0 0 3px #0000004d;transform:scale(1.1)}.add-tag-form{align-items:center;display:flex;flex-wrap:wrap;gap:10px}@media (max-width:768px){.add-tag-form{align-items:stretch;flex-direction:column}.color-picker{justify-content:flex-start;margin:10px 0}}.tag-item{align-items:center;background-color:initial!important;border:1.5px solid;border-radius:16px;display:flex;font-size:14px;margin:2px;padding:6px 10px}.tag-name{margin-right:8px}.delete-tag-button{align-items:center;background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;padding:0;transition:background-color .2s;width:18px}.delete-tag-button:hover{background-color:#ffffff80}.tags-input-container .tag-item{align-items:center;background-color:initial!important;border:1.5px solid;border-radius:16px;display:flex;font-size:.85rem;margin:2px;padding:2px 8px}.tags-input-container .tag-text{margin-right:4px}.tags-input-container .tag-remove-btn{align-items:center;background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.1rem;height:16px;justify-content:center;line-height:1;padding:0 2px;width:16px}.tags-input-container .tag-remove-btn:hover{background-color:#ffffff80}.tenant-manager{background-color:#f5f7fa;box-sizing:border-box;height:auto;min-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;padding:20px 20px 40px}.manager-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.manager-header h1{align-items:center;color:#1a1a1a;display:flex;font-size:24px;gap:12px;margin:0}.manager-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:350px 1fr;height:auto;min-height:auto}.tenants-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;max-height:calc(100vh - 140px);overflow:hidden;position:sticky;top:20px}.search-box{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:16px 20px}.search-box input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:8px 12px;transition:all .2s}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tenants-list{flex:1 1;overflow-y:auto;padding:12px}.tenant-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;margin-bottom:12px;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tenant-card:hover{border-color:#3b82f6;box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.tenant-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.tenant-card.cancelled{background:#f9fafb;border-color:#d1d5db;opacity:.7}.tenant-card.cancelled .tenant-header h4{color:#9ca3af;text-decoration:line-through}.tenant-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.tenant-info h3{color:#1a1a1a;font-size:16px;margin:0 0 4px}.tenant-status{border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;text-transform:uppercase}.status-badge{font-weight:600;gap:4px;padding:4px 10px}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.trial{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-badge.suspended{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-badge.cancelled{background:#6b7280;color:#fff}.tenant-stats{border-top:1px solid #e5e7eb;display:flex;gap:20px;margin-top:12px;padding-top:12px}.stat{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px}.stat svg{color:#9ca3af}.stat span.over-limit{color:#ef4444;font-weight:600}.tenant-footer{border-top:1px solid #e5e7eb;color:#9ca3af;font-size:12px;padding-top:12px}.tenant-actions-menu{animation:slideDown .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.tenant-actions-menu button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.tenant-actions-menu button:hover{background:#f3f4f6;color:#111827}.tenant-actions-menu button.danger{color:#dc2626}.tenant-actions-menu button.danger:hover{background:#fef2f2;color:#991b1b}.tenant-main{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;height:auto;min-height:600px;overflow:hidden}.empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;padding:40px 20px}.empty-state svg{color:#e5e7eb;opacity:.5}.tenant-details{display:flex;flex-direction:column;height:100%}.details-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.details-header h2{color:#1a1a1a;font-size:20px;margin:0}.header-actions{align-items:center;gap:12px}.filter-options{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 20px}.checkbox-label{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:14px;gap:8px;transition:color .2s;-webkit-user-select:none;user-select:none}.checkbox-label:hover{color:#1f2937}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.details-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:0;padding:0 24px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:16px 24px;transition:all .2s}.tab.active,.tab:hover{color:#3b82f6}.tab.active{border-bottom-color:#3b82f6}.tab-content{padding:24px}.overview-tab .info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{border-radius:10px;padding:20px}.info-card h4{color:#1a1a1a;font-size:16px;margin:0 0 16px}.info-row{display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.info-row span:first-child{color:#6b7280}.info-row code{background:#e5e7eb;border-radius:4px;font-family:Courier New,monospace;font-size:12px;padding:2px 8px}.usage-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.usage-stat{text-align:center}.usage-label{color:#6b7280;font-size:12px;margin-bottom:4px}.usage-value{color:#1a1a1a;font-size:24px;font-weight:600}.usage-limit{color:#6b7280;font-size:14px;font-weight:400}.users-tab .users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.user-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px;transition:all .2s}.user-card:hover{box-shadow:0 4px 12px #00000014}.user-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.user-avatar{background:#e5e7eb;color:#6b7280;height:48px;width:48px}.user-info h4{color:#1a1a1a;font-size:16px;margin:0 0 4px}.user-info p{color:#6b7280;font-size:14px;margin:0}.user-status .status-btn{background:#e5e7eb;border:none;border-radius:6px;cursor:pointer;padding:8px;transition:all .2s}.status-btn.active{background:#10b981;color:#fff}.status-btn.inactive{background:#ef4444;color:#fff}.user-details{margin-bottom:16px}.detail-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.detail-row select{border:1px solid #e5e7eb;border-radius:4px;font-size:14px;padding:4px 8px}.user-permissions h5{color:#1a1a1a;font-size:14px;margin:0 0 8px}.permissions-list{display:flex;flex-direction:column;gap:6px}.permission-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.roles-tab .tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.role-card{background:#f9fafb;border-radius:10px}.role-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.role-header h4{color:#1a1a1a;font-size:16px;margin:0}.badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.badge.default{background:#eff6ff;color:#3b82f6}.role-description{color:#6b7280;font-size:14px;margin-bottom:16px}.role-limits h5,.role-permissions h5{color:#1a1a1a;font-size:14px;margin:0 0 8px}.permissions-tags{display:flex;flex-direction:column;gap:8px}.permission-module{color:#6b7280;font-size:13px}.permission-tag{background:#e5e7eb;border-radius:4px;display:inline-block;font-size:12px;margin-left:8px;padding:2px 8px}.limits-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:8px}.limit-item{align-items:center;color:#6b7280;display:flex;font-size:13px;justify-content:space-between}.limit-item strong{color:#1a1a1a}.role-actions{gap:8px;margin-top:16px}.billing-tab .billing-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.billing-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.billing-card h4{color:#1a1a1a;font-size:16px;margin:0 0 16px}.plan-details h3{color:#1a1a1a;font-size:24px;margin:0 0 8px}.plan-price{color:#3b82f6;margin-bottom:16px}.plan-usage .usage-item{color:#6b7280;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.payment-amount{color:#1a1a1a;font-size:32px;font-weight:600;margin-bottom:8px}.payment-date{color:#6b7280;font-size:14px}.billing-history h4{color:#1a1a1a;font-size:16px;margin:0 0 16px}.history-table{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;padding:20px;text-align:center}.settings-tab .settings-section{margin-bottom:32px}.settings-section h4{color:#1a1a1a;font-size:16px;margin:0 0 16px}.settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.setting-item label{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:14px;gap:8px}.setting-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.limits-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;transition:all .2s;width:100%}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:4px}.settings-actions{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.btn{transition:all .3s ease}.btn-primary{box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:#f3f4f6;color:#4b5563}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af;color:#1f2937}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.action-btn{background:none;border:none;border-radius:4px;cursor:pointer;padding:6px;transition:all .2s}.action-btn:hover{background:#f3f4f6}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.modal-content{animation:slideUp .3s ease-out;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px}.modal-header{padding:24px}.modal-header h3{font-size:20px;font-weight:600}.close-btn{border-radius:6px;font-size:24px;padding:0;transition:all .2s}.close-btn:hover{background:#f3f4f6}.form-control{border:1px solid #d1d5db;font-size:14px;padding:10px 12px;transition:all .2s}.status{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.status.active{background:#d1fae5;color:#065f46}.status.trial{background:#fef3c7;color:#92400e}.status.suspended{background:#fee2e2;color:#991b1b}.status.cancelled{background:#f3f4f6;color:#374151}@media (min-width:1200px){.tenant-manager{padding:24px}.manager-content{gap:24px;grid-template-columns:380px 1fr}}@media (max-width:1024px){.tenant-manager{padding:16px 16px 30px}.manager-content{gap:20px;grid-template-columns:1fr}.tenants-sidebar{max-height:400px;order:1;position:relative}.tenant-main{order:2}.info-grid,.roles-grid,.users-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.billing-overview{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.tenant-manager{padding:12px 12px 30px}.manager-header{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.manager-header h1{font-size:1.25rem;text-align:center}.header-actions{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center}.tenants-sidebar{max-height:300px}.search-box{padding:12px 16px}.search-box input{font-size:16px}.tenant-card{margin-bottom:8px;padding:12px}.tenant-header h3{font-size:14px}.tenant-stats{flex-direction:column;gap:8px}.stat{font-size:12px}.details-header{padding:16px}.details-header h2{font-size:1.125rem}.details-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 12px}.tab{font-size:13px;min-width:80px;padding:12px 16px;white-space:nowrap}.tab-content{padding:16px}.info-grid,.roles-grid,.users-grid{gap:12px;grid-template-columns:1fr}.billing-card,.info-card,.role-card,.user-card{padding:12px}.usage-stats{gap:12px;grid-template-columns:1fr}.usage-stat{text-align:left}.usage-value{font-size:1.25rem}.user-header{gap:8px}.user-avatar{height:40px;width:40px}.limits-form,.settings-grid{gap:12px;grid-template-columns:1fr}.modal-content{margin:10px;max-width:calc(100vw - 20px);padding:16px}.modal-body,.modal-header{padding:16px}.modal-footer{flex-direction:column;padding:12px 16px}.btn{font-size:14px;justify-content:center;padding:10px 16px;width:100%}}@media (max-width:480px){.tenant-manager{padding:8px 8px 25px}.manager-header{padding:12px}.manager-header h1{font-size:1.125rem}.tenants-sidebar{max-height:250px}.search-box{padding:8px 12px}.tenant-card{padding:8px}.tenant-info h3{font-size:13px}.tenant-status{font-size:10px;padding:3px 6px}.details-header{padding:12px}.details-header h2{font-size:1rem}.tab{font-size:12px;padding:10px 12px}.tab-content{padding:12px}.billing-card h4,.info-card h4,.role-card h4,.user-card h4{font-size:14px}.detail-row,.info-row{font-size:13px}.user-avatar{height:36px;width:36px}.usage-value{font-size:1.125rem}.btn{font-size:13px;padding:8px 12px}.form-control{font-size:14px;padding:8px 10px}}@media (max-height:600px) and (orientation:landscape){.tenant-manager{padding-top:10px}.tenants-sidebar{max-height:200px}.manager-header{padding:8px 12px}.tab-content{padding:12px}}@media (hover:none) and (pointer:coarse){.btn{min-height:44px;min-width:44px}.action-btn{min-height:40px;min-width:40px}.tab{min-height:44px}.tenant-card{margin-bottom:12px;padding:16px}}@supports (-webkit-touch-callout:none){.form-control,.search-box input{font-size:16px!important}}.roles-manager{background:#f8f9fa;box-sizing:border-box;height:auto;min-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;padding:20px 20px 40px}.roles-section{margin-bottom:40px}.roles-section h2{align-items:center;color:#1f2937;display:flex;gap:10px;margin-bottom:20px}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.role-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .3s ease}.role-card.editing{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.role-card.new-role{background:linear-gradient(135deg,#f5f7fa,#e9ecef);border:2px dashed #cbd5e0;display:flex;flex-direction:column;min-height:280px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.role-card.new-role:hover{background:linear-gradient(135deg,#fff,#f0f4f8);border-color:#4a90e2;box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.role-card.new-role h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:15px;position:relative;text-align:center}.role-card.new-role h3:after{background:#4a90e2;border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.role-card.new-role input[type=text],.role-card.new-role textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:15px;padding:12px 15px;transition:all .2s ease;width:100%}.role-card.new-role input[type=text]:focus,.role-card.new-role textarea:focus{background:#fff;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.role-card.new-role input[type=text]::placeholder,.role-card.new-role textarea::placeholder{color:#a0aec0;font-style:normal}.role-card.new-role textarea{max-height:120px;min-height:80px;resize:vertical}.role-card.new-role .create-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:auto;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.role-card.new-role .create-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.role-card.new-role .create-btn:active{box-shadow:0 2px 6px #10b9814d;transform:translateY(0)}.role-card.new-role .create-btn svg{transition:transform .3s ease}.role-card.new-role .create-btn:hover svg{transform:rotate(90deg)}.role-card.new-role .create-btn:before{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.role-card.new-role .create-btn:active:before{height:300px;width:300px}.role-card.new-role:before{color:#4a90e20d;content:"+";font-size:150px;font-weight:300;position:absolute;right:-40px;top:-40px;transform:rotate(15deg)}.role-card.new-role input[type=text]:not(:placeholder-shown),.role-card.new-role textarea:not(:placeholder-shown){border-color:#10b981}.role-view h3{color:#1f2937;margin:0 0 10px}.role-view p{color:#6b7280;margin-bottom:15px}.system-badge{background:#e5e7eb;border-radius:4px;color:#6b7280;display:inline-block;font-size:12px;margin-bottom:10px;padding:4px 8px}.role-actions{display:flex;gap:10px;margin-top:15px}.role-actions button{align-items:center;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s;white-space:nowrap}.edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f633;color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.copy-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 4px #8b5cf633}.copy-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 8px #8b5cf64d}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef444433;color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b98133;color:#fff}.save-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 4px #6b728033;color:#fff}.cancel-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 8px #6b72804d;transform:translateY(-1px)}.create-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b98133;color:#fff;justify-content:center;width:100%}.create-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.role-edit{display:flex;flex-direction:column;gap:15px}.role-edit input[type=text],.role-edit textarea{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.role-edit textarea{min-height:80px;resize:vertical}.permissions-matrix{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;overflow-x:auto;padding:10px}.permissions-matrix table{border-collapse:collapse;font-size:14px;width:100%}.permissions-matrix td,.permissions-matrix th{border:1px solid #e5e7eb;padding:8px;text-align:center}.permissions-matrix th{background:#f3f4f6;color:#374151;font-weight:600;text-transform:capitalize}.permissions-matrix td:first-child{background:#f9fafb;font-weight:500;text-align:left}.permissions-matrix input[type=checkbox]{cursor:pointer;height:16px;width:16px}.permissions-matrix input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.plans-section{margin-bottom:40px}.plans-section h2{color:#1f2937;margin-bottom:20px}.plans-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.plans-table table{border-collapse:collapse;width:100%}.plans-table td,.plans-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.plans-table th{background:#f9fafb;color:#374151;font-weight:600}.plans-table tr:last-child td{border-bottom:none}.plans-table input{border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;width:100%}.plan-features-detail{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:20px}.plan-features-detail h3{color:#1f2937;margin-bottom:15px}.features-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.feature-input{gap:5px}.feature-input label{color:#374151}.unlimited{color:#10b981;font-size:12px;margin-left:8px}.info-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.info-section h3{align-items:center;color:#1f2937;display:flex;gap:8px;margin-bottom:20px}.permissions-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:15px}.info-card h4{color:#374151;margin-bottom:10px}.info-card ul{list-style:none;margin:0;padding:0}.info-card li{color:#6b7280;padding:5px 0}.info-card strong{color:#1f2937}.new-plan-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:30px;padding:30px}.new-plan-section h3{color:#2d3748;font-size:20px;font-weight:600;margin:0 0 25px;padding-bottom:15px;position:relative;text-align:center}.new-plan-section h3:after{background:linear-gradient(90deg,#4a90e2,#059669);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.new-plan-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.form-group label{color:#4a5568;letter-spacing:.5px}.form-group input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;padding:10px 14px;transition:all .2s ease}.form-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.form-group input::placeholder{color:#a0aec0}.create-plan-btn{align-items:center;background:linear-gradient(135deg,#4a90e2,#3b82f6);border:none;border-radius:8px;box-shadow:0 4px 12px #4a90e233;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin:0 auto;padding:14px 32px;transition:all .3s ease}.create-plan-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 20px #4a90e24d;transform:translateY(-2px)}.create-plan-btn:active{box-shadow:0 2px 8px #4a90e233;transform:translateY(0)}.create-plan-btn svg{transition:transform .3s ease}.create-plan-btn:hover svg{transform:rotate(90deg)}.form-group input[title]{cursor:help}.form-group input[title]:hover{border-color:#cbd5e0}.form-group input[type=number][value="-1"]{background-color:#10b9810d;border-color:#10b981}@media (max-width:1024px){.roles-manager{padding:16px 16px 30px}.roles-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.role-card{padding:16px}}@media (max-width:768px){.roles-manager{padding:12px 12px 30px}.roles-grid{gap:16px;grid-template-columns:1fr}.permissions-matrix{-webkit-overflow-scrolling:touch;overflow-x:auto}.permissions-matrix table{font-size:13px;min-width:600px}.permissions-matrix td,.permissions-matrix th{padding:6px}.features-grid{gap:12px;grid-template-columns:1fr}.role-actions{flex-wrap:wrap;gap:8px}.role-actions button{flex:1 1;min-width:80px}.plans-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.plans-table table{min-width:600px}.plans-table td,.plans-table th{font-size:14px;padding:8px}.info-section{padding:16px}.permissions-info{gap:16px;grid-template-columns:1fr}.new-plan-form-grid{gap:12px;grid-template-columns:1fr}.create-plan-btn{font-size:14px;justify-content:center;padding:12px 20px;width:100%}.new-plan-section{margin-bottom:24px;padding:16px}.role-card.new-role{min-height:240px;padding:16px}.role-card.new-role h3{font-size:1rem}.role-card.new-role .create-btn{font-size:14px;padding:10px 20px}.role-card.new-role input[type=text],.role-card.new-role textarea{font-size:14px;padding:10px 12px}}@media (max-width:480px){.roles-manager{padding:8px 8px 25px}.roles-section{margin-bottom:30px}.roles-section h2{font-size:1.25rem;margin-bottom:16px}.role-card{padding:12px}.role-view h3{font-size:1.1rem}.role-actions{gap:6px}.role-actions button{font-size:12px;min-width:70px;padding:8px 12px}.permissions-matrix td,.permissions-matrix th{font-size:12px;padding:4px}.plans-table td,.plans-table th{font-size:13px;padding:6px}.info-card{padding:12px}.info-card h4{font-size:.9rem}.info-card li{font-size:.8rem}.new-plan-form input{font-size:14px;padding:8px 12px}.new-plan-section h3{font-size:1.1rem;margin-bottom:16px}.form-group label{font-size:12px}.form-group input{font-size:14px;padding:8px 12px}.create-plan-btn{font-size:14px;padding:10px 20px}.role-card.new-role{min-height:220px;padding:12px}.role-card.new-role h3{font-size:.9rem;margin-bottom:16px}}.new-plan-section{animation:slideIn .3s ease-out}.visibility-controls{text-align:center}.plan-visibility{align-items:center;display:flex;flex-direction:column;gap:8px}.visibility-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;transition:color .2s ease}.visibility-label:hover{color:#4a90e2}.visibility-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.plan-type{font-size:11px}.plan-type label{align-items:center;color:#6b7280;cursor:pointer;display:flex;gap:4px;transition:color .2s ease}.plan-type label:hover{color:#059669}.plan-type input[type=checkbox]{height:14px;width:14px}.plan-web{font-size:11px;margin-top:4px}.plan-web label{align-items:center;color:#6b7280;cursor:pointer;display:flex;gap:4px;transition:color .2s ease}.plan-web label:hover{color:#7c3aed}.plan-web input[type=checkbox]{height:14px;width:14px}.feature-category{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:30px;padding:20px}.feature-category h4{align-items:center;border-bottom:2px solid #e5e7eb;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.feature-category .features-grid{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.feature-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;padding:8px 12px;transition:all .2s ease}.feature-toggle:hover{background:#f0f9ff;border-color:#0284c7}.feature-toggle label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;margin:0}.feature-toggle input[type=checkbox]{accent-color:#059669;cursor:pointer;height:16px;width:16px}.feature-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:12px}.feature-input label{color:#4b5563;font-size:13px;font-weight:500;margin:0}.feature-input input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:8px 10px}.feature-input input:focus{border-color:#059669;box-shadow:0 0 0 2px #0596691a;outline:none}.feature-toggle input[type=checkbox]:checked+span{color:#059669;font-weight:500}.feature-toggle input[type=checkbox]:checked{background-color:#059669;border-color:#059669}.feature-input input[value="-1"]{background-color:#f59e0b0d;border-color:#f59e0b}.feature-input input[value="0"]{background-color:#ef44440d;border-color:#ef4444}.feature-input input[title]{cursor:help}.feature-input input[title]:hover{box-shadow:0 0 0 2px #6b72801a}@media (max-width:768px){.feature-category{margin-bottom:20px;padding:16px}.feature-category h4{font-size:15px}.feature-category .features-grid{gap:8px;grid-template-columns:1fr;padding:12px}.feature-toggle{padding:10px}.feature-toggle label{font-size:13px}.feature-input{padding:10px}.feature-input label{font-size:12px}.feature-input input{font-size:13px;padding:6px 8px}}.plan-manager{animation:fadeIn .3s ease-in;margin:0 auto;max-width:1400px;padding:24px}.plan-manager-header{align-items:flex-start;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.header-left h2{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:28px;font-weight:700;margin:0 0 8px}.subtitle{color:#666;color:var(--text-secondary,#666);font-size:14px;font-weight:400;margin:0}.btn-create-plan{align-items:center;background:#4caf50;background:var(--primary-color,#4caf50);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-create-plan:hover{background:#45a049;background:var(--primary-dark,#45a049);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn-create-plan:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.plan-manager-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-input{border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;flex:1 1;min-width:300px;padding:12px 16px;transition:border-color .2s ease}.search-input:focus{border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.search-input::placeholder{color:#999;color:var(--text-tertiary,#999)}.filter-buttons{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:8px;display:flex;gap:8px;padding:4px}.filter-btn{background:#0000;border:none;border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#0000000d}.filter-btn.active{background:#fff;box-shadow:0 2px 4px #00000014;color:#4caf50;color:var(--primary-color,#4caf50)}.plans-grid{grid-gap:24px;gap:24px;grid-template-columns:1fr;margin-top:24px;max-width:100%}@media (min-width:1400px){.plans-grid{grid-template-columns:repeat(2,1fr)}}.plan-card{background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);overflow:hidden;padding:24px;transition:all .3s ease}.plan-card:hover{border-color:#4caf50;border-color:var(--primary-color,#4caf50);box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.plan-card.inactive{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);opacity:.7}.plan-card.inactive:before{background:#f44336;background:var(--error-color,#f44336);content:"";height:4px;left:0;position:absolute;right:0;top:0}.plan-card-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.plan-title-section h3{word-wrap:break-word;align-items:center;color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:flex;flex-wrap:wrap;font-size:22px;font-weight:700;gap:8px;margin:0 0 4px;max-width:100%;overflow-wrap:break-word}.plan-icon{align-items:center;display:inline-flex;font-size:26px;justify-content:center;line-height:1}.plan-slug{color:#999;color:var(--text-tertiary,#999);font-family:Courier New,monospace;font-size:13px;margin:0}.badge-best-value,.badge-default,.badge-enterprise,.badge-popular,.badge-recommended{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-default{background:#e8f5e9;background:var(--primary-light,#e8f5e9);color:#4caf50;color:var(--primary-color,#4caf50)}.badge-best-value,.badge-enterprise,.badge-popular,.badge-recommended{font-size:16px}.plan-status{align-items:center;display:flex}.status-active,.status-inactive{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.status-active{background:#e8f5e9;background:var(--success-light,#e8f5e9);color:#4caf50;color:var(--success-color,#4caf50)}.status-inactive{background:#ffebee;background:var(--error-light,#ffebee);color:#f44336;color:var(--error-color,#f44336)}.plan-description{word-wrap:break-word;color:#666;color:var(--text-secondary,#666);font-size:14px;line-height:1.6;margin:0 0 16px;overflow-wrap:break-word}.plan-pricing{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border-radius:8px;display:flex;gap:24px;margin-bottom:20px;padding:16px}.price-item{display:flex;flex-direction:column;gap:4px}.price-label{color:#999;color:var(--text-tertiary,#999);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.price-value{align-items:baseline;color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:flex;font-size:24px;font-weight:700;gap:8px}.discount{color:#4caf50;color:var(--success-color,#4caf50);font-size:14px;font-weight:600}.plan-features-summary{margin-bottom:20px}.feature-count{background:#e3f2fd;background:var(--info-light,#e3f2fd);border-left:4px solid #2196f3;border-left:4px solid var(--info-color,#2196f3);border-radius:4px;color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:14px;margin-bottom:12px;padding:10px}.feature-count strong{color:#2196f3;color:var(--info-color,#2196f3);font-size:18px}.featured-features{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:#666;color:var(--text-secondary,#666);display:inline-flex;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.feature-tag:hover{background:#e8f5e9;background:var(--primary-light,#e8f5e9);border-color:#4caf50;border-color:var(--primary-color,#4caf50);color:#4caf50;color:var(--primary-color,#4caf50)}.plan-card-actions{border-top:1px solid #f0f0f0;border-top:1px solid var(--border-light,#f0f0f0);display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:20px}.btn-action{align-items:center;background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-width:110px;padding:10px 12px;transition:all .2s ease;white-space:nowrap}.btn-action:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-action:active{transform:translateY(0)}.btn-edit{border-color:#4caf50;border-color:var(--primary-color,#4caf50);color:#4caf50;color:var(--primary-color,#4caf50)}.btn-edit:hover{background:#e8f5e9;background:var(--primary-light,#e8f5e9)}.btn-duplicate{border-color:#2196f3;border-color:var(--info-color,#2196f3);color:#2196f3;color:var(--info-color,#2196f3)}.btn-duplicate:hover{background:#e3f2fd;background:var(--info-light,#e3f2fd)}.btn-activate{border-color:#4caf50;border-color:var(--success-color,#4caf50);color:#4caf50;color:var(--success-color,#4caf50)}.btn-activate:hover{background:#e8f5e9;background:var(--success-light,#e8f5e9)}.btn-deactivate{border-color:#ff9800;border-color:var(--warning-color,#ff9800);color:#ff9800;color:var(--warning-color,#ff9800)}.btn-deactivate:hover{background:#fff3e0;background:var(--warning-light,#fff3e0)}.btn-delete{border-color:#f44336;border-color:var(--error-color,#f44336);color:#f44336;color:var(--error-color,#f44336)}.btn-delete:hover{background:#ffebee;background:var(--error-light,#ffebee)}.no-plans{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border:2px dashed #e0e0e0;border:2px dashed var(--border-color,#e0e0e0);border-radius:12px;grid-column:1/-1;padding:60px 20px;text-align:center}.no-plans p{color:#666;color:var(--text-secondary,#666);font-size:16px;margin:0 0 16px}.no-plans button{background:#4caf50;background:var(--primary-color,#4caf50);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.no-plans button:hover{background:#45a049;background:var(--primary-dark,#45a049)}.plan-manager-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{border:4px solid #f0f0f0;border-top-color:#4caf50;border:4px solid var(--border-light,#f0f0f0);border-top-color:var(--primary-color,#4caf50);height:50px;width:50px}.plan-manager-loading p{color:#666;color:var(--text-secondary,#666);font-size:16px;margin:0}.modal-overlay,.plan-editor-modal-overlay{align-items:center;animation:fadeIn .2s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.plan-editor-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;min-width:600px;width:100%}@media (max-width:768px){.plan-editor-modal{max-width:100%;min-width:auto}}.modal-header{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);border-radius:16px 16px 0 0;padding:20px 28px}.modal-header h2{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:22px;font-weight:700;margin:0}.btn-close,.modal-close{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.btn-close:hover,.modal-close:hover{background:#ffebee;background:var(--error-light,#ffebee);border-color:#f44336;border-color:var(--error-color,#f44336);color:#f44336;color:var(--error-color,#f44336)}.modal-body{padding:24px 28px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5)}.modal-body::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--border-color,#e0e0e0);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#999;background:var(--text-tertiary,#999)}.plan-form-section{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;margin-bottom:20px;overflow:hidden}.plan-form-section:last-child{margin-bottom:0}.plan-section-header{align-items:center;background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border-bottom:1px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.plan-section-header:hover{background:#f0f0f0}.plan-section-header h3{align-items:center;color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.plan-section-header svg{color:#999;color:var(--text-tertiary,#999);transition:transform .2s ease}.plan-section-content{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);padding:20px}.plan-editor-modal .form-row,.plan-section-content .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:20px}@media (min-width:600px){.plan-editor-modal .form-row,.plan-section-content .form-row{grid-template-columns:repeat(2,1fr)}}.plan-editor-modal .form-row:last-child,.plan-section-content .form-row:last-child{margin-bottom:0}.plan-editor-modal .form-group,.plan-section-content .form-group{display:flex;flex-direction:column;gap:0;margin:0;padding:0}.plan-editor-modal .form-group.full-width,.plan-section-content .form-group.full-width{grid-column:1/-1}.plan-editor-modal .form-group>label:first-child,.plan-section-content .form-group>label:first-child{color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;padding:0;text-transform:uppercase}.plan-editor-modal .form-group input[type=number],.plan-editor-modal .form-group input[type=text],.plan-editor-modal .form-group select,.plan-editor-modal .form-group textarea,.plan-section-content .form-group input[type=number],.plan-section-content .form-group input[type=text],.plan-section-content .form-group select,.plan-section-content .form-group textarea{background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;height:46px;padding:12px 14px;transition:all .2s ease;width:100%}.plan-editor-modal .form-group input:focus,.plan-editor-modal .form-group select:focus,.plan-editor-modal .form-group textarea:focus,.plan-section-content .form-group input:focus,.plan-section-content .form-group select:focus,.plan-section-content .form-group textarea:focus{border-color:#4caf50;border-color:var(--primary-color,#4caf50);box-shadow:0 0 0 3px #4caf501a;outline:none}.plan-editor-modal .form-group textarea,.plan-section-content .form-group textarea{box-sizing:border-box;height:auto;min-height:80px;resize:vertical}.plan-editor-modal .form-group small,.plan-editor-modal .input-hint,.plan-section-content .form-group small,.plan-section-content .input-hint{color:#888;color:var(--text-tertiary,#888);display:block;font-size:12px;line-height:1.4;margin:6px 0 0;padding:0}.plan-editor-modal .error-text,.plan-editor-modal .input-error,.plan-section-content .error-text,.plan-section-content .input-error{color:#f44336;color:var(--error-color,#f44336);font-size:12px;font-weight:500;margin-left:8px}.plan-editor-modal .form-group input.error,.plan-section-content .form-group input.error{border-color:#f44336;border-color:var(--error-color,#f44336)}.input-with-currency{align-items:stretch;background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;display:flex;gap:0;height:46px;overflow:hidden;transition:all .2s ease}.input-with-currency:focus-within{border-color:#4caf50;border-color:var(--primary-color,#4caf50);box-shadow:0 0 0 3px #4caf501a}.input-with-currency input[type=number]{border:none!important;box-shadow:none!important;flex:1 1;font-family:inherit;font-size:14px;height:100%;padding:12px 14px}.input-with-currency input[type=number]:focus{border:none!important;box-shadow:none!important;outline:none}.input-with-currency input[type=number]::-webkit-inner-spin-button,.input-with-currency input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-with-currency input[type=number]{-moz-appearance:textfield}.currency-select{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border:none;border-left:2px solid #e0e0e0;border-left:2px solid var(--border-color,#e0e0e0);color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:13px;font-weight:600;height:100%;min-width:65px;outline:none;padding:0 12px}.currency-select:hover{background:#eee}.badges-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:4px}.badges-selector .checkbox-label{align-items:center;background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;gap:10px;margin:0!important;padding:10px 14px;transition:all .2s ease}.badges-selector .checkbox-label:hover{background:#e8f5e9;background:var(--primary-light,#e8f5e9);border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.badges-selector .checkbox-label input[type=checkbox]{accent-color:#4caf50;accent-color:var(--primary-color,#4caf50);cursor:pointer;height:18px;margin:0;width:18px}.badges-selector .checkbox-label:has(input:checked){background:#e8f5e9;background:var(--primary-light,#e8f5e9);border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.badge-preview{font-size:13px;font-weight:500;white-space:nowrap}.status-checkboxes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:4px}@media (max-width:600px){.status-checkboxes{grid-template-columns:1fr}}.plan-editor-modal .checkbox-label,.plan-section-content .checkbox-label{align-items:center;background:#fff;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;gap:10px;margin:0;padding:12px 14px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.plan-editor-modal .checkbox-label:hover,.plan-section-content .checkbox-label:hover{background:#e8f5e9;background:var(--primary-light,#e8f5e9);border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.plan-editor-modal .checkbox-label input[type=checkbox],.plan-section-content .checkbox-label input[type=checkbox]{accent-color:#4caf50;accent-color:var(--primary-color,#4caf50);cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.plan-editor-modal .checkbox-label:has(input:checked),.plan-section-content .checkbox-label:has(input:checked){background:#e8f5e9;background:var(--primary-light,#e8f5e9);border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.plan-editor-modal .checkbox-label span,.plan-section-content .checkbox-label span{color:#1a1a1a;color:var(--text-primary,#1a1a1a);flex:1 1;font-size:14px;line-height:1.4}.plan-editor-modal .form-row>.checkbox-label,.plan-section-content .form-row>.checkbox-label{align-self:flex-end;height:46px}.features-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}@media (max-width:600px){.features-grid{grid-template-columns:1fr}}.feature-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:all .2s ease}.feature-item:hover{background:#e8f5e9;background:var(--primary-light,#e8f5e9);border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.feature-item input[type=checkbox]{accent-color:#4caf50;accent-color:var(--primary-color,#4caf50);cursor:pointer;height:18px;margin:0;width:18px}.feature-item:has(input:checked){background:#e8f5e9;background:var(--primary-light,#e8f5e9);border-color:#4caf50;border-color:var(--primary-color,#4caf50)}.feature-item.highlight{background:#e8f5e9;background:var(--primary-light,#e8f5e9);border:2px solid #4caf50;border:2px solid var(--primary-color,#4caf50)}.feature-item span{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:14px}.feature-item.number-feature{align-items:stretch;cursor:default;flex-direction:column;gap:8px}.feature-item.number-feature label{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:13px;font-weight:600;margin:0}.feature-item.number-feature input[type=number]{border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.feature-item.number-feature input[type=number]:focus{border-color:#4caf50;border-color:var(--primary-color,#4caf50);outline:none}.feature-item.number-feature small{color:#888;color:var(--text-tertiary,#888);font-size:11px;margin:0}.modal-footer{align-items:center;background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border-radius:0 0 16px 16px;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);gap:16px;justify-content:space-between;padding:16px 28px}.footer-info{flex:1 1}.error-summary{align-items:center;color:#f44336;color:var(--error-color,#f44336);display:flex;font-size:14px;font-weight:500;gap:8px}.footer-actions{display:flex;gap:12px}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn-cancel{border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);color:#666;color:var(--text-secondary,#666)}.btn-cancel:hover{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-color:#666;border-color:var(--text-secondary,#666)}.btn-save{background:#4caf50;background:var(--primary-color,#4caf50);box-shadow:0 2px 4px #0000001a;color:#fff}.btn-save:hover{background:#45a049;background:var(--primary-dark,#45a049);box-shadow:0 4px 8px #00000026}.btn-save:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.plan-manager{padding:16px}.plan-manager-header{align-items:stretch;flex-direction:column;gap:16px}.btn-create-plan{justify-content:center;width:100%}.plan-manager-filters{flex-direction:column}.search-input{min-width:100%}.filter-buttons{overflow-x:auto}.plans-grid{grid-template-columns:1fr}.plan-card-actions{flex-direction:column}.btn-action{width:100%}.modal-body,.modal-footer,.modal-header{padding:20px}.section-content{grid-template-columns:1fr}}.password-change-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.password-change-modal{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:500px;overflow:hidden;width:90%}.password-change-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 24px}.password-change-header h2{color:#1f2937;font-size:1.25rem;margin:0}.close-modal-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.25rem;transition:color .2s}.close-modal-button:hover{color:#1f2937}.password-change-content{padding:24px}.change-username{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:1rem;margin-bottom:16px;margin-top:0;padding-bottom:12px}.change-error-message{background-color:#fee2e2;border-radius:6px;color:#ef4444;font-size:.875rem;margin-bottom:16px;padding:12px}.password-change-form .form-group{margin-bottom:20px}.auto-generate-option{margin-bottom:16px}.auto-generate-option label{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:.875rem}.auto-generate-option input{margin-right:8px}.password-change-form label{color:#4b5563;display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.password-change-form .form-control{background-clip:padding-box;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;display:block;font-size:1rem;line-height:1.5;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.password-change-form .form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640;outline:0}.password-change-form .form-control:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.password-change-form .input-error{border-color:#ef4444}.password-strength-meter{background-color:#e5e7eb;border-radius:2px;height:4px;margin-top:8px;position:relative}.strength-bar{height:100%;transition:width .3s ease,background-color .3s ease}.strength-text{display:block;font-size:.75rem;margin-top:4px}.password-mismatch{color:#ef4444;font-size:.75rem;margin-top:4px}.password-requirements{background-color:#f9fafb;border-radius:6px;margin-bottom:20px;margin-top:20px;padding:12px}.password-requirements h4{color:#4b5563;font-size:.875rem;margin-bottom:8px;margin-top:0}.password-requirements ul{list-style-type:none;margin:0;padding-left:0}.password-requirements li{align-items:center;color:#6b7280;display:flex;font-size:.75rem;margin-bottom:4px}.password-requirements li.met{color:#10b981}.password-requirements li.not-met{color:#9ca3af}.password-requirements li.met:before{color:#10b981;content:"✓";display:inline-block;margin-right:6px}.password-requirements li.not-met:before{color:#9ca3af;content:"○";display:inline-block;margin-right:6px}.form-actions{gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.cancel-button:hover{background-color:#f3f4f6}.submit-button{background-color:#3b82f6;font-size:.875rem;padding:8px 16px;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:#2563eb}.submit-button:disabled{background-color:#93c5fd}@media (max-width:640px){.password-change-modal{width:95%}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.logs-panel-wrapper{background-color:#f5f5f5;min-height:100vh;padding:20px}.logs-panel-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.logs-panel-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.logs-panel-title{color:#1f2937;font-size:24px;font-weight:600;margin:0}.logs-panel-actions{align-items:center;display:flex;gap:8px}.logs-action-button{border:none;cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.logs-action-button,.security-stats-summary{align-items:center;border-radius:6px;display:flex}.security-stats-summary{background:#f8fafc;border:1px solid #e2e8f0;gap:12px;padding:8px 12px}.security-stat{align-items:center;border-radius:4px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.security-stat.critical{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.security-stat.high{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.security-stat.medium{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.logs-action-button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.logs-action-button.purple{background-color:#7c3aed;color:#fff}.logs-action-button.purple:hover{background-color:#6d28d9}.logs-action-button.red{background-color:#dc2626;color:#fff}.logs-action-button.red:hover{background-color:#b91c1c}.logs-action-button.green{background-color:#059669;color:#fff}.logs-action-button.green:hover{background-color:#047857}.logs-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.logs-level-filters{display:flex;gap:8px}.logs-level-button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:6px 14px;text-transform:uppercase;transition:all .2s ease}.logs-level-button:hover{background-color:#e5e7eb}.logs-level-button.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.logs-search-container{flex:1 1;min-width:300px;position:relative}.logs-search-icon{color:#6b7280;height:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.logs-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px 8px 40px;transition:all .2s ease;width:100%}.logs-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.logs-auto-refresh{align-items:center;display:flex;gap:8px}.logs-checkbox{cursor:pointer;height:16px;width:16px}.logs-refresh-button{align-items:center;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.logs-refresh-button:hover{background-color:#f3f4f6}.logs-refresh-button:disabled{cursor:not-allowed;opacity:.5}.logs-refresh-icon{color:#6b7280;height:20px;width:20px}.logs-refresh-icon.spinning{animation:spin 1s linear infinite}.logs-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;height:600px}.logs-list-panel{border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.logs-list-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px}.logs-list-title{color:#374151;font-weight:600;margin:0}.logs-list-content{background-color:#fff;flex:1 1;overflow-y:auto}.logs-empty-state{color:#6b7280;padding:48px;text-align:center}.logs-list-items{display:flex;flex-direction:column}.log-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:16px;transition:background-color .2s ease}.log-item:hover{background-color:#f9fafb}.log-item.selected{background-color:#eff6ff}.log-item-header{align-items:flex-start;display:flex;gap:12px}.log-level-icon-wrapper{align-items:center;border-radius:4px;display:flex;justify-content:center;padding:4px}.log-level-icon{height:16px;width:16px}.log-level-ERROR{background-color:#fee2e2;color:#dc2626}.log-level-WARN{background-color:#fef3c7;color:#d97706}.log-level-INFO{background-color:#dbeafe;color:#2563eb}.log-level-DEBUG{background-color:#f3f4f6;color:#6b7280}.log-item-content{flex:1 1;min-width:0}.log-item-meta{align-items:center;display:flex;gap:8px;margin-bottom:4px}.log-level-badge{border-radius:4px;font-size:11px;font-weight:600;padding:2px 6px;text-transform:uppercase}.log-timestamp{color:#6b7280;font-size:12px}.log-message{color:#1f2937;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-pagination{align-items:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.logs-pagination-button{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.logs-pagination-button:hover:not(:disabled){background-color:#f9fafb}.logs-pagination-button:disabled{cursor:not-allowed;opacity:.5}.logs-pagination-info{color:#374151;font-size:14px}.logs-detail-panel{border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.logs-detail-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.logs-detail-content{background-color:#fff;flex:1 1;overflow-y:auto;padding:16px}.logs-detail-empty{align-items:center;color:#6b7280;display:flex;height:100%;justify-content:center;text-align:center}.log-detail-section{margin-bottom:16px}.log-detail-label{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.log-detail-value{color:#1f2937;font-size:14px}.log-detail-message{white-space:pre-wrap;word-break:break-word}.log-detail-metadata{background-color:#f9fafb;border-radius:6px;font-family:Courier New,monospace;font-size:12px;overflow-x:auto;padding:12px}@media (max-width:1024px){.logs-grid{grid-template-columns:1fr;height:auto}.logs-detail-panel,.logs-list-panel{height:400px}}@media (max-width:768px){.logs-controls{align-items:stretch;flex-direction:column}.logs-level-filters{flex-wrap:wrap}.logs-search-container{min-width:100%}.logs-panel-header{align-items:flex-start;flex-direction:column;gap:16px}.logs-panel-actions{flex-wrap:wrap;width:100%}.logs-action-button{flex:1 1;justify-content:center}}.logs-loading{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:48px}.logs-loading-spinner{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:24px;margin-right:12px;width:24px}.logs-level-button.security{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:2px solid #0000;color:#fff}.logs-level-button.security:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.logs-filter-group{align-items:center;display:flex}.logs-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.logs-filter-select:hover{border-color:#9ca3af}.logs-filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.log-item.security-alert{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-left:4px solid #8b5cf6}.log-item.security-alert:hover{background:linear-gradient(135deg,#f3e8ff,#ede9fe);box-shadow:0 4px 8px #8b5cf626;transform:translateY(-1px)}.severity-badge{align-items:center;border:1px solid;border-radius:4px;display:inline-flex;font-size:11px;gap:4px;padding:4px 8px}.attack-type-badge,.severity-badge{font-weight:600;text-transform:uppercase}.attack-type-badge{background:#1f2937;border-radius:3px;color:#fff;font-size:10px;letter-spacing:.5px;padding:2px 6px}.security-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.security-detail-item{background:#8b5cf61a;border-radius:3px;color:#7c3aed;font-size:11px;font-weight:500;padding:2px 6px}.security-details-expanded{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px}.security-detail-row{align-items:flex-start;display:flex;margin-bottom:8px}.security-detail-row:last-child{margin-bottom:0}.security-detail-key{color:#374151;flex-shrink:0;font-weight:600;min-width:120px}.security-detail-value{color:#6b7280;word-break:break-all}.security-detail-value.malicious-payload{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.attack-type-detail{background:#1f2937;border-radius:6px;color:#fff;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.log-level-icon-wrapper.log-level-SECURITY,.log-level-icon-wrapper.log-level-security_alert{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.log-level-badge.log-level-SECURITY,.log-level-badge.log-level-security_alert{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:600}@keyframes pulse-critical{0%,to{box-shadow:0 0 0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.severity-badge.text-red-800{animation:pulse-critical 2s infinite}.admin-contacts{margin:0 auto;max-width:1200px;padding:20px}.contacts-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.contacts-header h2{font-size:1.8rem;font-weight:600;margin:0}.contacts-stats{display:flex;gap:20px}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;padding:10px 15px;text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700}.stat-label{display:block;font-size:.9rem;opacity:.9}.stat-item.unread{background:#ef444433}.stat-item.read{background:#22c55e33}.stat-item.responded{background:#3b82f633}.contacts-controls{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:15px}.filter-group{align-items:center;gap:10px}.filter-group label{color:#374151;font-weight:500}.status-filter{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.search-group{flex:1 1}.search-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 15px;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.refresh-button{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .2s}.refresh-button:hover:not(:disabled){background:#059669}.refresh-button:disabled{background:#9ca3af;cursor:not-allowed}.alert{font-weight:500}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.contacts-list{display:flex;flex-direction:column;gap:15px}.contact-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.contact-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.contact-item.unread{border-left:4px solid #ef4444}.contact-item.read{border-left:4px solid #22c55e}.contact-item.responded{border-left:4px solid #3b82f6}.contact-header{align-items:flex-start;display:flex;justify-content:space-between;padding:20px 20px 0}.contact-info h3{color:#111827;font-size:1.2rem;margin:0 0 10px}.contact-meta{color:#6b7280;display:flex;flex-direction:column;font-size:.9rem;gap:4px}.contact-from{font-weight:500}.contact-company{color:#9ca3af}.contact-date{color:#9ca3af;font-size:.8rem}.contact-status{flex-shrink:0}.status-badge{font-size:.8rem}.badge-unread{background:#fef2f2;color:#dc2626}.badge-read{background:#f0fdf4;color:#16a34a}.badge-responded{background:#eff6ff;color:#2563eb}.contact-body{padding:0 20px 15px}.contact-message{color:#374151;line-height:1.6;margin:0}.contact-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px;padding:15px 20px}.action-button{font-size:.9rem;padding:8px 12px}.read-button{background:#dbeafe;color:#1d4ed8}.read-button:hover{background:#bfdbfe}.respond-button{background:#d1fae5;color:#047857}.respond-button:hover{background:#a7f3d0}.delete-button{background:#fee2e2;color:#dc2626}.delete-button:hover{background:#fecaca}.response-info{background:#eff6ff;color:#1e40af;font-size:.9rem;font-weight:500;padding:10px 20px}.no-contacts{color:#6b7280;padding:60px 20px;text-align:center}.no-contacts p{font-size:1.1rem;margin:0}.admin-contacts-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:4px solid #e5e7eb;margin-bottom:20px}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px;padding:20px}.pagination-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 15px;transition:all .2s}.pagination-button:hover:not(:disabled){background:#e5e7eb}.pagination-button:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.pagination-info{color:#374151;font-weight:500}.modal-overlay{z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:700px;overflow:hidden;width:90%}.modal-header{background:#f9fafb;padding:20px}.modal-header h3{font-size:1.2rem}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:5px}.modal-close:hover{color:#374151}.modal-body{max-height:60vh;padding:20px}.original-message{margin-bottom:25px}.original-message h4{color:#374151;margin:0 0 15px}.original-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:15px}.original-content p{font-size:.9rem;margin:8px 0}.original-content blockquote{background:#fff;border-left:4px solid #3b82f6;border-radius:4px;font-style:italic;margin:10px 0 0;padding:10px}.response-form label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.response-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;min-height:120px;padding:12px;resize:vertical;width:100%}.response-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.character-count{color:#6b7280;font-size:.8rem;margin-top:5px;text-align:right}.modal-footer{padding:20px}.modal-button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-button{background:#f3f4f6;color:#374151}.cancel-button:hover:not(:disabled){background:#e5e7eb}.send-button{background:#3b82f6;color:#fff}.send-button:hover:not(:disabled){background:#2563eb}.send-button:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:768px){.admin-contacts{padding:15px}.contacts-header{flex-direction:column;gap:15px;text-align:center}.contacts-stats{flex-wrap:wrap;justify-content:center}.contacts-controls{flex-direction:column;gap:15px}.contacts-controls>*{width:100%}.contact-header{flex-direction:column;gap:10px}.contact-actions{flex-wrap:wrap}.modal-content{margin:20px;width:95%}.modal-footer{flex-direction:column}}.upgrade-requests-container{min-height:400px;padding:20px}.requests-header{margin-bottom:24px}.requests-header h2{color:#111827;font-size:24px;font-weight:600;margin:0 0 8px}.requests-header p{color:#6b7280;font-size:14px;margin:0}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px}.loading-spinner{height:32px;width:32px}.error-message{margin-bottom:20px}.retry-button{border-radius:4px;font-size:12px;padding:6px 12px}.filters-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-button:hover{background:#f3f4f6}.filter-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.no-requests{padding:40px 20px}.no-requests-icon{font-size:48px;margin-bottom:16px}.no-requests h3{font-size:18px;margin:0 0 8px}.no-requests p{font-size:14px}.requests-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.requests-table{border-collapse:collapse;font-size:14px;width:100%}.requests-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:left}.requests-table td{border-bottom:1px solid #f3f4f6;padding:12px;vertical-align:top}.request-row:hover{background:#f9fafb}.user-info strong{color:#111827;display:block;margin-bottom:2px}.plan-transition{align-items:center;display:flex;gap:8px}.current-plan{color:#6b7280;font-size:13px}.target-plan{color:#059669;font-size:13px;font-weight:500}.plan-arrow{font-size:12px}.status-badge,.urgency-badge{font-size:11px;padding:3px 8px}.status-badge{border-radius:12px}.date-info{color:#6b7280;font-size:13px}.actions-buttons{display:flex;gap:4px}.action-button{border-radius:4px;display:flex;font-size:12px;height:28px;transition:all .2s;width:28px}.view-button{background:#f3f4f6}.view-button:hover{background:#e5e7eb}.approve-button{background:#dcfce7}.approve-button:hover{background:#bbf7d0}.reject-button{background:#fecaca}.reject-button:hover{background:#fca5a5}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-container{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#111827;font-size:18px;margin:0}.close-button{align-items:center;border-radius:4px;display:flex;font-size:20px;height:28px;justify-content:center;width:28px}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.detail-section{margin-bottom:20px}.detail-section:last-child{margin-bottom:0}.detail-section h4{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.detail-section p{color:#4b5563;line-height:1.4;margin:4px 0}.reason-text{background:#f9fafb;border-left:3px solid #3b82f6;line-height:1.5}.plans-comparison,.reason-text{border-radius:6px;padding:12px}.plan-info strong{font-size:12px}.plan-price{font-size:16px}.needs-list{grid-gap:8px;gap:8px}.need-item{border-radius:6px;font-size:14px;padding:8px 12px}.need-numbers{font-size:12px;margin-top:4px}.admin-response{border-left:3px solid #3b82f6;border-radius:6px;padding:12px}.response-date{font-size:11px;margin-top:8px}.form-group{margin-bottom:16px}.form-group textarea{border-radius:6px;padding:8px 12px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.btn-cancel,.btn-submit{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-submit.approve{background:#10b981}.btn-submit.approve:hover{background:#059669}.btn-submit.reject{background:#ef4444}.btn-submit.reject:hover{background:#dc2626}@media (max-width:768px){.upgrade-requests-container{padding:12px}.filters-container{flex-direction:column}.filter-button{justify-content:center;width:100%}.requests-table-container{overflow-x:auto}.requests-table{min-width:700px}.modal-container{margin:10px;max-width:calc(100% - 20px)}.plans-comparison{flex-direction:column;gap:8px}}.network-diagnostics{margin:0 auto;max-width:1200px;padding:20px}.network-header{flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.header-title,.network-header{align-items:center;display:flex}.header-title{gap:10px}.header-title h2{color:#1f2937;font-size:1.8rem;font-weight:600;margin:0}.network-icon{font-size:1.5rem}.header-actions{display:flex;flex-wrap:wrap;gap:10px}.btn{border:1px solid #0000;padding:8px 16px}.btn:disabled{opacity:.6}.btn-primary{border-color:#3b82f6}.btn-primary:hover:not(:disabled){border-color:#2563eb}.btn-outline{background-color:#fff;border-color:#d1d5db;color:#374151}.btn-outline:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.icon{font-size:14px}.icon.spinning{animation:spin 1s linear infinite}.last-update{color:#6b7280;font-size:14px;margin-bottom:20px;text-align:center}.network-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:20px;overflow:hidden}.card-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px}.card-header h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.card-content{padding:20px}.status-icon{display:inline-flex;font-size:12px;font-weight:700;height:20px;width:20px}.status-icon.success{background-color:#10b981;color:#fff}.status-icon.error{background-color:#ef4444;color:#fff}.status-badge{border-radius:4px;display:inline-block;padding:4px 8px}.status-badge.success{background-color:#d1fae5;color:#065f46}.status-badge.error{background-color:#fee2e2;color:#991b1b}.status-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.status-item{background-color:#f9fafb;border-radius:6px;justify-content:space-between;padding:12px}.status-item,.status-label{align-items:center;display:flex}.status-label{color:#374151;font-weight:500;gap:8px}.public-ip{color:#6b7280;font-family:Courier New,monospace;font-size:12px}.nas-check{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.nas-info{flex:1 1}.nas-title{color:#1f2937;font-weight:600;margin:0 0 5px}.nas-subtitle{color:#6b7280;font-size:14px;margin:0}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.summary-item{text-align:center}.summary-value{font-size:2rem;font-weight:700;margin-bottom:5px}.summary-value.blue{color:#3b82f6}.summary-value.green{color:#10b981}.summary-value.red{color:#ef4444}.summary-value.purple{color:#8b5cf6}.summary-label{color:#6b7280;font-size:14px}.interfaces-list{display:flex;flex-direction:column;gap:12px}.interface-item{align-items:center;background-color:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.interface-info{flex:1 1}.interface-name{color:#1f2937;font-weight:600;margin-bottom:4px}.interface-address{color:#6b7280;font-size:14px}.interface-mac{color:#9ca3af;font-family:Courier New,monospace;font-size:12px}.ports-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.port-item{align-items:center;background-color:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.port-label{color:#374151;font-weight:500}.connectivity-list{display:flex;flex-direction:column;gap:12px}.connectivity-item{align-items:center;background-color:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.connectivity-host{color:#374151;font-weight:500}.connectivity-status{align-items:center;display:flex;gap:8px}.status-text.success{color:#059669;font-size:14px}.status-text.error{color:#dc2626;font-size:14px}.public-ip-info{background-color:#f9fafb;border-radius:6px;padding:12px}.ip-value{color:#1f2937;font-weight:600;margin-bottom:4px}.ip-service{color:#6b7280;font-size:14px}.ip-error{align-items:center;color:#dc2626;display:flex;font-weight:500;gap:8px}@media (max-width:768px){.network-diagnostics{padding:15px}.network-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:center}.nas-check{align-items:stretch;flex-direction:column}.status-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.ports-grid{grid-template-columns:1fr}}.login-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:10px;position:fixed;right:0;top:0;z-index:1000}.login-modal{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;margin:auto;max-width:500px;padding:20px;position:relative;width:100%}.login-modal h2{color:#333;font-size:24px;font-weight:600;margin:0 0 16px;position:relative;text-align:center}.login-modal h2:after{background-color:#3b82f6;border-radius:1px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.error-message{border-left:4px solid #b91c1c;color:#b91c1c;font-size:13px;justify-content:center;margin-bottom:12px;padding:8px 12px;text-align:center}.error-message.account-disabled{background-color:#fef2f2;border-left-color:#991b1b;color:#991b1b}.error-message.success-message,.success-message{background-color:#ecfdf5;border-left-color:#047857;color:#047857}.error-message.warning-message{background-color:#fffbeb;border-left-color:#d97706;color:#d97706}.error-message.info-message{background-color:#eff6ff;border-left-color:#1d4ed8;color:#1d4ed8}.cooldown-message{background-color:#fffbeb;border:1px solid #fef3c7;border-radius:4px;color:#b45309;font-size:13px;margin-bottom:12px;padding:8px 12px;text-align:center}.social-login-options{display:flex;flex-direction:column;gap:8px;margin:12px 0}.google-login-button{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;color:#3c4043;cursor:pointer;display:flex;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;gap:12px;justify-content:center;min-height:44px;padding:10px 16px;text-decoration:none;transition:all .2s ease;width:100%}.google-login-button:hover{border-color:#b0b3b8;box-shadow:0 2px 8px #00000026,0 1px 4px #0000004d}.google-login-button:active{box-shadow:0 1px 2px #0003;transform:translateY(1px)}.google-login-button:disabled{background-color:#f1f3f4!important;color:#9aa0a6!important;cursor:not-allowed;opacity:.6;transform:none}.google-login-button.google-login-loading{background-color:#f8f9fa!important;color:#6b7280!important;cursor:not-allowed!important;opacity:.8}.google-icon{flex-shrink:0;height:20px;width:20px}.google-icon-small{flex-shrink:0;height:16px;width:16px}.google-loading-spinner{border:2px solid #f3f3f3;height:20px;width:20px}.btn-google-select-account{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;color:#5f6368;cursor:pointer;display:flex;font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;font-weight:500;gap:8px;justify-content:center;min-height:36px;padding:8px 14px;text-decoration:none;transition:all .2s ease;width:100%}.btn-google-select-account:hover{background:#f1f3f4;border-color:#dadce0;box-shadow:0 1px 3px #0000001a}.btn-google-select-account:disabled{cursor:not-allowed;opacity:.5}.google-advanced-options{background:none;border:none;margin-top:8px}.google-advanced-options summary{color:#5f6368;cursor:pointer;font-size:12px;font-weight:500;list-style:none;outline:none;padding:8px 0;text-align:center;-webkit-user-select:none;user-select:none}.google-advanced-options summary::-webkit-details-marker{display:none}.google-advanced-options summary:before{color:#9aa0a6;content:"▼ ";font-size:10px;margin-right:4px}.google-advanced-options[open] summary:before{content:"▲ "}.google-advanced-options summary:hover{color:#1a73e8}.advanced-options-content{border-top:1px solid #f0f0f0;margin-top:8px;padding:12px 0 8px;text-align:center}.btn-google-full-logout{background:linear-gradient(135deg,#ea4335,#d33b2c);border:none;border-radius:6px;box-shadow:0 1px 3px #ea43354d;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-bottom:8px;padding:8px 16px;transition:all .2s ease}.btn-google-full-logout:hover{background:linear-gradient(135deg,#d33b2c,#b52d20);box-shadow:0 2px 6px #ea433566;transform:translateY(-1px)}.btn-google-full-logout:active{box-shadow:0 1px 2px #ea433566;transform:translateY(0)}.btn-google-full-logout:disabled{cursor:not-allowed;opacity:.5;transform:none}.advanced-options-content small{color:#5f6368;display:block;font-size:11px;font-style:italic;line-height:1.4;margin-top:4px}.separator{align-items:center;color:#999;display:flex;font-size:13px;margin:12px 0}.separator:after,.separator:before{background:#e0e0e0;content:"";flex:1 1;height:1px}.separator span{padding:0 12px}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form.register-mode{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:1fr 1fr}.login-form.register-mode .form-group.full-width{grid-column:1/-1}.form-group{margin-bottom:12px}.form-group label{color:#555;font-size:13px;margin-bottom:4px}.form-group input{border:1px solid #ddd;box-sizing:border-box;font-size:14px;padding:12px 14px}.form-group input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f41a}.form-group input.input-error{background-color:#fef2f2;border-color:#ea4335!important}.form-group input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-group input.input-valid{background-color:#f0fdf4;border-color:#34a853!important}.form-group input.input-valid:focus{box-shadow:0 0 0 3px #10b9811a}.input-disabled{background-color:#f1f5f9!important;border-color:#e2e8f0!important;color:#94a3b8!important;cursor:not-allowed!important}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon input{flex-grow:1;padding-right:2.5rem}.input-status-icon{align-items:center;display:flex;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.valid-icon{color:#10b981}.invalid-icon{color:#ef4444}.loading-spinner{border:2px solid #0000001a}.password-toggle{align-items:center;color:#999;cursor:pointer;display:flex;justify-content:center;opacity:.7;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .2s}.password-toggle:hover{opacity:1}.validation-error{animation:shakeError .4s ease-in-out;color:#ea4335;font-size:10px;margin-top:3px}.validation-tip{color:#999;font-size:10px;margin-top:3px}@keyframes shakeError{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.password-strength{align-items:center;display:flex;gap:8px;margin-top:4px}.strength-bar{background:#e0e0e0;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease}.strength-text{font-size:10px;font-weight:500}.password-requirements{grid-gap:2px 8px;display:grid;font-size:10px;gap:2px 8px;grid-template-columns:1fr 1fr;margin-top:6px}.requirement,.requirement-met{align-items:center;display:flex;gap:3px}.requirement{color:#999}.requirement-met{color:#34a853}.form-progression-indicator{align-items:center;background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;grid-column:1/-1;justify-content:center;margin:12px 0;padding:10px}.progression-step{flex-direction:column;gap:3px;position:relative}.progression-step,.step-number{align-items:center;display:flex}.step-number{border-radius:50%;font-size:10px;font-weight:600;height:22px;justify-content:center;transition:all .2s ease;width:22px}.step-label{color:#64748b;font-size:9px;font-weight:500;text-align:center}.progression-line{background:#e0e0e0;height:2px;margin:0 6px;width:18px}.progression-step.pending .step-number{background:#e0e0e0;color:#999}.progression-step.active .step-number{background:#4285f4;color:#fff}.progression-step.completed .step-number{background:#34a853;color:#fff}.progression-step.error .step-number{background:#ea4335;color:#fff}.form-actions{display:flex;flex-direction:column;gap:10px;grid-column:1/-1;margin-top:16px}.submit-button{background:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s ease}.submit-button:hover{background:#3367d6}.submit-button:active{transform:scale(.98)}.submit-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.toggle-mode-button{background:none;border:none;color:#4285f4;cursor:pointer;font-size:13px;padding:6px;text-align:center;text-decoration:underline}.toggle-mode-button:hover{color:#3367d6}.toggle-mode-button:disabled{color:#9ca3af;cursor:not-allowed}.forgot-password-button{align-items:center;background:none;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:8px;padding:8px;text-align:center;transition:all .2s ease;width:100%}.forgot-password-button:hover{background:#667eea1a;color:#5a67d8}.forgot-password-button:disabled{background:none;color:#9ca3af;cursor:not-allowed}@media (max-width:520px){.login-modal{max-width:480px;padding:18px}.login-form.register-mode{gap:10px;grid-template-columns:1fr}.password-requirements{grid-template-columns:1fr}.btn-google-select-account,.google-login-button{font-size:13px;padding:10px 16px}.google-icon{height:18px;width:18px}.google-icon-small{height:14px;width:14px}}@media (max-width:480px){.login-modal{margin:5px;max-width:none;padding:16px}.form-progression-indicator{margin:8px 0;padding:6px}.progression-step{gap:2px}.step-number{font-size:9px;height:18px;width:18px}.step-label{font-size:8px}.progression-line{margin:0 4px;width:12px}}@media (max-height:700px){.login-modal h2{margin-bottom:12px}.form-progression-indicator{margin:8px 0;padding:6px}.form-group{margin-bottom:10px}.separator,.social-login-options{margin:10px 0}.form-actions{margin-top:12px}}@media (max-height:600px){.login-modal h2{font-size:22px;margin-bottom:10px}.form-progression-indicator{margin:6px 0;padding:4px}.form-group{margin-bottom:8px}.form-group label{margin-bottom:3px}.form-group input{padding:10px 12px}.separator,.social-login-options{margin:8px 0}.google-login-button{min-height:40px;padding:8px 14px}.btn-google-select-account{min-height:32px;padding:6px 12px}}.login-modal::-webkit-scrollbar{width:6px}.login-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.login-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.login-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px) and (max-height:700px){.login-modal{max-height:90vh;overflow-y:auto;padding:16px}.login-modal h2{font-size:20px;margin-bottom:12px}.login-modal h2:after{display:none}.form-group{margin-bottom:10px}.form-group label{font-size:12px;margin-bottom:3px}.form-group input{font-size:14px;padding:10px 12px}.google-login-button{font-size:13px;min-height:40px;padding:8px 12px}.btn-google-select-account{font-size:11px;min-height:32px;padding:6px 10px}.google-advanced-options{display:none}.separator{font-size:11px;margin:10px 0}.form-progression-indicator{margin:8px 0;padding:6px}.progression-step{gap:2px}.step-number{font-size:9px;height:18px;width:18px}.step-label{font-size:7px}.progression-line{margin:0 3px;width:10px}}@media (max-width:812px) and (orientation:landscape) and (max-height:450px){.login-modal-overlay{align-items:flex-start;padding-top:10px}.login-modal{margin-top:0;max-height:calc(100vh - 20px)}.btn-google-select-account,.form-progression-indicator,.google-advanced-options{display:none}.login-form.register-mode{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:6px}.password-requirements{display:none}.password-strength{margin-top:2px}}@media (max-width:375px) and (max-height:667px){.login-modal{padding:12px}.login-modal h2{font-size:18px;margin-bottom:10px}.form-group input{font-size:14px;padding:8px 10px}.btn-google-select-account,.google-advanced-options{display:none!important}.submit-button{font-size:14px;padding:10px 20px}.toggle-mode-button{font-size:12px}.password-requirements,.validation-tip{display:none}}@media (max-width:768px){.login-modal::-webkit-scrollbar,.toolbar-container::-webkit-scrollbar{height:4px;width:4px}.login-modal::-webkit-scrollbar-thumb,.toolbar-container::-webkit-scrollbar-thumb{background:#0003}}@media (max-width:768px){.cooldown-message,.error-message{font-size:12px;margin-bottom:10px;padding:8px 10px;position:sticky;top:0;z-index:100}.form-actions{background:#fff;border-top:1px solid #f0f0f0;bottom:0;margin-top:12px;padding:12px 0 0;position:sticky}.expand-button,.password-toggle,.toolbar-button{min-height:44px;min-width:44px}.input-disabled{opacity:.7}.input-status-icon svg{height:20px;width:20px}}.google-advanced-options .advanced-options-content{display:flex;flex-direction:column;gap:8px;padding:12px 0 8px}.google-advanced-options .btn-google-select-account{background:#f8f9fa;border:1px solid #dadce0;margin-bottom:8px;width:100%}.google-advanced-options .btn-google-select-account:hover{background:#f1f3f4;box-shadow:0 1px 3px #0000001a}@media (max-width:768px) and (max-height:700px){.login-modal{max-height:95vh!important;padding:12px!important}.login-modal h2{font-size:18px!important;margin-bottom:10px!important}.google-login-button{font-size:14px!important;min-height:38px!important;padding:8px 12px!important}.separator{font-size:12px!important;margin:8px 0!important}.cooldown-message,.error-message{font-size:12px!important;margin-bottom:8px!important;padding:6px 10px!important}.form-group{margin-bottom:8px!important}.form-group input{font-size:14px!important;padding:8px 10px!important}.form-group label{font-size:12px!important;margin-bottom:2px!important}.submit-button{font-size:14px!important;padding:10px 16px!important}.toggle-mode-button{font-size:12px!important;padding:4px!important}}@media (max-width:812px) and (orientation:landscape) and (max-height:450px){.login-modal{padding:8px 12px!important}.form-progression-indicator,.login-modal h2:after,.password-requirements,.password-strength{display:none!important}.form-group{margin-bottom:6px!important}.login-form.register-mode{gap:6px 12px!important;grid-template-columns:1fr 1fr!important}}@media (max-width:375px) and (max-height:667px){.login-modal{padding:10px!important}.google-advanced-options{margin-top:6px!important}.google-advanced-options summary{font-size:11px!important;padding:6px 0!important}.form-progression-indicator{display:none!important}}@media (max-width:768px){.login-modal-overlay{align-items:flex-start!important;overflow-y:auto!important;padding:5px!important}.login-modal{margin-bottom:5px!important;margin-top:5px!important;max-height:none!important}}.google-advanced-options{margin-top:6px!important}.google-advanced-options summary{color:#5f6368!important;font-size:12px!important;padding:6px 0!important}.google-advanced-options[open]{margin-bottom:8px}.google-advanced-options .advanced-options-content small{color:#5f6368!important;display:block;font-size:10px!important;line-height:1.3!important;margin-top:6px!important}.google-loading-overlay{align-items:center;-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}.google-loading-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px 32px;position:relative;text-align:center;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.google-loading-content{align-items:center;display:flex;flex-direction:column;gap:16px}.google-icon{height:48px;margin-bottom:8px;width:48px}.google-icon svg{height:100%;width:100%}.google-spinner{height:40px;margin:8px 0;position:relative;width:40px}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#4285f4;height:40px;width:40px}.google-loading-title{color:#1f2937;font-size:20px;font-weight:600;line-height:1.3;margin:0}.google-loading-message{color:#6b7280;font-size:14px;line-height:1.4;margin:0;max-width:280px}.google-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:10px 24px;transition:all .2s ease}.google-cancel-btn:hover{background:#e5e7eb;border-color:#9ca3af}.google-cancel-btn:active{transform:translateY(1px)}.dark-theme .google-loading-modal{background:#1f2937;border:1px solid #374151}.dark-theme .google-loading-title{color:#f9fafb}.dark-theme .google-loading-message{color:#d1d5db}.dark-theme .google-cancel-btn{background:#374151;border-color:#4b5563;color:#f9fafb}.dark-theme .google-cancel-btn:hover{background:#4b5563;border-color:#6b7280}@media (max-width:480px){.google-loading-modal{margin:16px;padding:32px 24px}.google-loading-title{font-size:18px}.google-loading-message{font-size:13px}}.password-reset-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.password-reset-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:450px;overflow:hidden;width:90%}.password-reset-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.password-reset-title{align-items:center;color:#1f2937;display:flex;font-size:24px;font-weight:600;gap:8px;margin:0}.password-reset-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.password-reset-close:hover{background-color:#f3f4f6;color:#374151}.password-reset-content{max-height:calc(90vh - 100px);overflow-y:auto;padding:0 24px 24px}.password-reset-step{text-align:center}.step-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 16px #667eea4d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.step-icon.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 16px #10b9814d}.step-description{font-size:16px;line-height:1.6;margin-bottom:32px}.input-group{margin-bottom:24px;text-align:left}.input-group label{font-size:14px;margin-bottom:8px}.input-group input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-group input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.code-input{font-family:Courier New,monospace;font-size:24px;font-weight:600;letter-spacing:8px;text-align:center}.toggle-password{align-items:center;border-radius:4px;display:flex;justify-content:center;top:50%;transform:translateY(-50%)}.toggle-password:hover{background-color:#f3f4f6}.password-requirements{margin-bottom:24px;margin-top:-16px;text-align:left}.password-requirements small{color:#6b7280;font-size:12px;line-height:1.4}.email-sent-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;margin-bottom:16px;padding:12px 16px}.email-sent-info,.timer-info{align-items:center;display:flex;font-size:14px;gap:8px;justify-content:center}.timer-info{background:#fefce8;border:1px solid #fde047;border-radius:6px;color:#a16207;font-weight:500;margin-bottom:24px;padding:8px 12px}.error-message{text-align:left}.reset-button{align-items:center;border:none;border-radius:8px;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;min-height:48px;padding:12px 24px;transition:all .2s ease}.reset-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 8px #667eea4d;color:#fff}.reset-button.primary:hover:not(:disabled){box-shadow:0 6px 12px #667eea66;transform:translateY(-1px)}.reset-button.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.reset-button.secondary:hover:not(:disabled){background:#e5e7eb;color:#374151}.reset-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.reset-button.large{font-size:18px;padding:16px 32px;width:100%}.button-group{gap:12px;margin-top:32px}.button-group .reset-button{flex:1 1}.password-reset-step.success{padding:24px 0}.password-reset-step.success h3{color:#10b981;font-size:28px;font-weight:600;margin:16px 0 8px}.success-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:24px 0;padding:20px}.success-item{align-items:center;color:#065f46;display:flex;font-size:14px;gap:12px;margin-bottom:12px}.success-item:last-child{margin-bottom:0}@media (max-width:640px){.password-reset-modal{margin:20px;width:95%}.password-reset-header{padding:16px 16px 0}.password-reset-content{padding:0 16px 16px}.password-reset-title{font-size:20px}.step-icon{height:60px;width:60px}.button-group{flex-direction:column}.code-input{font-size:20px;letter-spacing:4px}}.reset-button:disabled{color:#0000;position:relative}.reset-button:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-right-color:currentcolor;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.reset-button.primary:disabled:after{border-color:#0000 #fff #0000 #0000}.reset-button.secondary:disabled:after{border-color:#0000 #6b7280 #0000 #0000}.two-factor-login-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.two-factor-login-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:450px;position:relative;width:90%}.two-factor-login-header{border-bottom:1px solid #e5e7eb;padding:24px 24px 20px;text-align:center}.two-factor-login-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 8px}.two-factor-login-header p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.two-factor-login-content{padding:24px}.auth-method-selector{margin-bottom:24px}.method-tabs{background-color:#f3f4f6;border-radius:8px;display:flex;gap:2px;padding:2px}.method-tab{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:12px 16px;transition:all .2s ease}.method-tab.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#374151}.method-tab:hover:not(.active):not(:disabled){background-color:#ffffff80}.method-tab:disabled{cursor:not-allowed;opacity:.6}.form-group{margin-bottom:32px;position:relative}.form-group label{letter-spacing:.05em;text-transform:uppercase}.input-hint{word-wrap:break-word;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;clear:both;color:#6b7280;display:block;font-size:.8rem;line-height:1.5;margin-bottom:16px;margin-top:20px;padding:12px 16px;position:relative;text-align:center;z-index:1}.verification-input{background-color:#fafafa;border:2px solid #e5e7eb;border-radius:8px;display:block;font-size:1.25rem;margin:0;padding:16px 20px;position:relative;transition:all .2s ease;z-index:2}.verification-input:focus{background-color:#fff}.verification-input.error{background-color:#fef2f2;border-color:#ef4444}.verification-input:disabled{cursor:not-allowed;opacity:.6}.instructions-toggle{margin-bottom:20px;text-align:center}.link-button{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:.875rem;padding:4px 8px;text-decoration:underline;transition:all .2s ease}.link-button:hover{background-color:#eff6ff;text-decoration:none}.instructions-content{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:12px;padding:16px;text-align:left}.instructions-content ol{margin:0 0 12px;padding-left:20px}.instructions-content li{color:#4b5563;font-size:.875rem;margin-bottom:4px}.app-link{background-color:#fff}.app-link:hover{background-color:#f9fafb;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.two-factor-login-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn{min-width:100px;padding:12px 20px}.btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #3b82f64d}.help-section{background-color:#fafafa;border-radius:0 0 12px 12px;border-top:1px solid #f3f4f6;padding:16px 24px 24px}.help-section details{cursor:pointer}.help-section summary{border-radius:4px;color:#6b7280;font-size:.875rem;font-weight:500;padding:8px 12px;transition:background-color .2s ease}.help-section summary:hover{background-color:#f3f4f6}.help-content{color:#4b5563;font-size:.875rem;padding:12px 0 0}.help-content p{font-weight:500;margin:0 0 8px}.help-content ul{margin:4px 0 16px;padding-left:20px}.help-content li{margin-bottom:4px}@media (max-width:640px){.two-factor-login-modal{margin:20px;width:95%}.two-factor-login-header{padding:20px 20px 16px}.two-factor-login-content{padding:20px}.two-factor-login-footer{flex-direction:column-reverse}.btn{width:100%}.method-tabs{flex-direction:column}.verification-input{font-size:1.125rem;padding:14px 16px}.input-hint{font-size:.75rem;margin-bottom:12px;margin-top:16px;padding:10px 12px}.form-group{margin-bottom:28px}.form-group label{font-size:.8rem;margin-bottom:6px}.app-links{flex-direction:column}}:root{--profile-primary:#3b82f6;--profile-primary-hover:#2563eb;--profile-success:#10b981;--profile-warning:#f59e0b;--profile-warning-hover:#d97706;--profile-error:#ef4444;--profile-gray-50:#f9fafb;--profile-gray-100:#f3f4f6;--profile-gray-200:#e5e7eb;--profile-gray-500:#6b7280;--profile-gray-700:#374151;--profile-gray-900:#111827;--profile-shadow:0 4px 6px -1px #0000001a;--profile-shadow-lg:0 10px 15px -3px #0000001a}.profile-container{align-items:flex-start;background-color:#f3f4f6;background-color:var(--profile-gray-100);justify-content:center;min-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;padding:20px 20px 40px}.profile-container,.user-profile{box-sizing:border-box;display:flex;height:auto}.user-profile{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--profile-shadow-lg);flex-direction:column;margin-bottom:20px;max-height:none;max-width:650px;padding:20px;width:100%}.user-profile h2{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--profile-gray-200);color:#111827;color:var(--profile-gray-900);flex-shrink:0;font-size:1.5rem;font-weight:600;margin:0 0 16px;padding-bottom:12px;text-align:center}.user-profile-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center}.loading-spinner{border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border:3px solid var(--profile-gray-200);border-top-color:var(--profile-primary)}.profile-success{background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46}.profile-error-message,.profile-success{animation:slideIn .3s ease-out;font-size:.875rem;margin-bottom:16px;padding:12px 16px}.profile-error-message{align-items:flex-start;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;display:flex;justify-content:space-between}.profile-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--profile-gray-200);display:flex;flex-shrink:0;gap:0;margin-bottom:16px}.profile-tabs .tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--profile-gray-500);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.profile-tabs .tab:hover{background-color:#3b82f60d;color:#3b82f6;color:var(--profile-primary)}.profile-tabs .tab.active{background-color:#3b82f61a;border-bottom-color:#3b82f6;border-bottom-color:var(--profile-primary);color:#3b82f6;color:var(--profile-primary)}.profile-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.tab-content{display:flex;flex:1 1;flex-direction:column;gap:16px;margin-right:-12px;max-height:calc(100vh - 350px);overflow-y:auto;padding-bottom:20px;padding-right:12px}.form-group{gap:8px}.form-group label{color:var(--profile-gray-700);display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:4px}.form-helper-text{color:#6b7280;color:var(--profile-gray-500);font-size:.75rem;font-style:italic;font-weight:400}.form-control{background-color:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--profile-gray-200);border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 14px;transition:all .2s ease;width:100%}.form-control:focus{border-color:#3b82f6;border-color:var(--profile-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:44px}.form-select:hover{border-color:#3b82f6;border-color:var(--profile-primary)}.profile-image-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;gap:12px;margin-bottom:16px;padding:16px}.profile-image-placeholder,.profile-image-preview{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--profile-shadow);height:120px;object-fit:cover;width:120px}.profile-image-placeholder{align-items:center;background-color:#3b82f6;background-color:var(--profile-primary);color:#fff;display:flex;font-size:48px;font-weight:700;justify-content:center}.profile-image-label{background-color:#fff;border:none;border-radius:25px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--profile-shadow);color:#764ba2;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.profile-image-label:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--profile-shadow-lg);transform:translateY(-2px)}.profile-image-input{display:none}.timezone-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #3b82f6;border-left:4px solid var(--profile-primary);border-radius:8px;margin-top:12px;padding:16px}.current-time-display{align-items:center;color:#374151;color:var(--profile-gray-700);display:flex;font-size:.9rem;gap:8px;margin:0}.current-time-display .icon{font-size:1.2rem}.current-time-display strong{color:#3b82f6;color:var(--profile-primary);font-weight:600}.profile-account-info{background-color:#f9fafb;background-color:var(--profile-gray-50);border:1px solid #e5e7eb;border:1px solid var(--profile-gray-200);border-radius:8px;margin:20px 0;padding:20px}.profile-account-info p{align-items:center;color:#374151;color:var(--profile-gray-700);display:flex;font-size:.9rem;gap:8px;margin:8px 0}.profile-account-info strong{color:#111827;color:var(--profile-gray-900);font-weight:600;min-width:120px}.profile-button-container{grid-gap:12px;background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--profile-gray-200);bottom:0;display:grid;flex-shrink:0;gap:12px;margin-top:auto;padding-top:16px;position:sticky;z-index:10}.button-row{display:flex;justify-content:center}.profile-submit-button{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--profile-primary) 0,var(--profile-primary-hover) 100%);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--profile-shadow);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:48px;padding:14px 28px;transition:all .3s ease}.profile-submit-button:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--profile-shadow-lg);transform:translateY(-2px)}.profile-submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.password-change-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--profile-gray-200);padding-top:16px;text-align:center}.password-change-link{align-items:center;background:none;border:none;color:#3b82f6;color:var(--profile-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px;text-decoration:none;transition:color .2s ease}.password-change-link:hover{color:#2563eb;color:var(--profile-primary-hover);text-decoration:underline}.password-change-link svg{height:16px;width:16px}.password-change-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--profile-warning) 0,var(--profile-warning-hover) 100%);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--profile-shadow);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.password-change-button:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--profile-shadow-lg);transform:translateY(-1px)}.password-change-button svg{height:16px;width:16px}@media (max-width:768px){.profile-container{align-items:flex-start;padding:16px 16px 30px}.user-profile{height:auto;margin-top:0;max-height:none;padding:20px}.user-profile h2{font-size:1.5rem;text-align:center}.profile-image-container{padding:20px}.profile-image-placeholder,.profile-image-preview{font-size:42px;height:100px;width:100px}.profile-account-info p{align-items:flex-start;flex-direction:column;gap:4px}.profile-account-info strong{min-width:auto}.tab-content{margin-right:0;max-height:none;padding-right:0}.profile-button-container{position:relative}}@media (max-width:480px){.profile-container{padding:12px 12px 25px}.user-profile{border-radius:8px;padding:16px}.user-profile h2{font-size:1.25rem;margin-bottom:20px}.profile-form{gap:16px}.form-control{font-size:16px;padding:10px 12px}.profile-image-container{padding:16px}.profile-image-placeholder,.profile-image-preview{font-size:36px;height:80px;width:80px}.profile-image-label{font-size:.8rem;padding:8px 16px}.profile-account-info{padding:16px}.profile-submit-button{font-size:.9rem;padding:12px 24px}.timezone-info{padding:12px}.current-time-display{flex-wrap:wrap;font-size:.8rem;justify-content:center;text-align:center}.profile-tabs{gap:2px;justify-content:space-around;overflow-x:auto}.profile-tabs .tab{border-radius:6px;flex:1 1;font-size:.75rem;min-width:0;padding:8px 12px;text-align:center}}@media (max-width:360px){.profile-container{padding:8px 8px 20px}.user-profile{padding:12px}.form-control{padding:8px 10px}.profile-image-placeholder,.profile-image-preview{font-size:30px;height:70px;width:70px}.profile-tabs .tab{font-size:.7rem;gap:4px;padding:5px 8px}}@media (max-height:600px) and (orientation:landscape){.profile-container{align-items:flex-start;padding-top:10px}.user-profile{max-height:none}.profile-image-container{flex-direction:row;justify-content:center;padding:12px 16px}.profile-image-placeholder,.profile-image-preview{font-size:24px;height:60px;width:60px}.tab-content{max-height:calc(100vh - 250px)}}@media (hover:none) and (pointer:coarse){.password-change-link,.profile-image-label,.profile-submit-button{min-height:44px;min-width:44px}}@supports (-webkit-touch-callout:none){.form-control{font-size:16px!important}}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;height:calc(100% + .5px);left:0;pointer-events:none;position:absolute;right:0;top:0;width:calc(100% + .5px)}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}.image-cropper-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.image-cropper-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;padding:24px}.image-cropper-modal h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 20px;text-align:center}.cropper-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px;min-height:200px;overflow:hidden}.ReactCrop,.ReactCrop__image{max-height:60vh;max-width:100%}.ReactCrop__image{object-fit:contain}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%;box-shadow:0 0 0 9999em #00000080}.cropper-hint{color:#666;font-size:.9rem;font-style:italic;margin:10px 0;text-align:center}.cropper-actions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:auto;padding-top:16px}.cropper-apply-button,.cropper-cancel-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.cropper-cancel-button{background-color:#f5f5f5;color:#666}.cropper-cancel-button:hover{background-color:#e8e8e8}.cropper-apply-button{background-color:#2196f3;color:#fff}.cropper-apply-button:hover:not(:disabled){background-color:#1976d2;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.cropper-apply-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}@media (max-width:600px){.image-cropper-modal{max-height:95vh;max-width:95vw;padding:16px}.cropper-actions{flex-direction:column-reverse;gap:8px}.cropper-apply-button,.cropper-cancel-button{padding:12px;width:100%}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.image-cropper-modal{animation:modalFadeIn .2s ease-out}.cropper-apply-button:focus,.cropper-cancel-button:focus{outline:2px solid #2196f3;outline-offset:2px}.cropper-container.loading{position:relative}.cropper-container.loading:after{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#2196f3;content:"";height:40px;left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;width:40px}.welcome-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.welcome-modal{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.welcome-modal-content{padding:2.5rem;text-align:center}.welcome-animation{margin-bottom:1.5rem}.welcome-icon{animation:wave 2s ease-in-out infinite;display:inline-block;font-size:4rem;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes waveSmooth{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-15deg)}}@keyframes wavePendulum{0%{transform:rotate(0deg)}25%{transform:rotate(25deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-25deg)}to{transform:rotate(0deg)}}.welcome-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:1rem}.welcome-message{color:#4b5563;font-size:1.125rem;line-height:1.6;margin-bottom:1.5rem}.welcome-email{background-color:#f3f4f6;border-radius:8px;color:#6b7280;display:inline-block;font-size:.875rem;margin-bottom:2rem;padding:.5rem 1rem}.welcome-features{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:left}.welcome-features h3{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.welcome-features ul{list-style:none;margin:0;padding:0}.welcome-features li{align-items:center;color:#4b5563;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem 0}.welcome-close-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;min-width:150px;padding:.875rem 2.5rem;transition:all .2s}.welcome-close-button:hover{background-color:#2563eb;box-shadow:0 10px 20px #3b82f64d;transform:translateY(-2px)}.welcome-close-button:active{transform:translateY(0)}@media (max-width:640px){.welcome-modal-content{padding:2rem 1.5rem}.welcome-title{font-size:1.5rem}.welcome-icon{font-size:3rem}.welcome-message{font-size:1rem}.welcome-features{margin:1.5rem 0;padding:1rem}}.dark-theme .welcome-modal{background:#1f2937;color:#f9fafb}.dark-theme .welcome-title{color:#f9fafb}.dark-theme .welcome-message{color:#e5e7eb}.dark-theme .welcome-email{background-color:#374151;color:#d1d5db}.dark-theme .welcome-features{background-color:#111827;border-color:#374151}.dark-theme .welcome-features h3{color:#f3f4f6}.dark-theme .welcome-features li{color:#d1d5db}.protected-route-loading{align-items:center;background-color:var(--bg-secondary);color:var(--text-secondary);display:flex;font-size:var(--font-size-lg);height:100vh;justify-content:center}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-title{font-size:1.25rem;font-weight:600}.back-button{background-color:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .2s}.back-button:hover{background-color:#ffffff4d}.settings-container{background-color:#f5f7fa;background-color:var(--bg-secondary,#f5f7fa);box-sizing:border-box;flex-direction:column;min-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;padding-bottom:40px;padding-top:20px}.settings-container,.settings-content{display:flex;height:auto;position:relative}.settings-content{gap:20px;margin:20px auto;max-width:1200px;min-height:calc(100vh - 140px);overflow:visible;padding:0 20px;width:100%}.settings-sidebar{background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:8px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;flex:0 0 250px;height:fit-content;max-height:calc(100vh - 100px);overflow:hidden;position:sticky;top:20px;width:250px}.user-info{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd);padding:20px}.user-avatar{background-color:#4285f4;background-color:var(--color-primary,#4285f4);font-size:18px;font-weight:700}.user-details,.user-name{overflow:hidden}.user-name{color:#333;color:var(--text-primary,#333);text-overflow:ellipsis;white-space:nowrap}.user-role{color:#555;color:var(--text-secondary,#555);font-size:.85rem}.settings-nav{padding:10px 0}.settings-nav button{background:none;border:none;color:#333;color:var(--text-primary,#333);cursor:pointer;font-size:14px;padding:10px 20px;text-align:left;transition:background-color .2s;width:100%}.settings-nav button:hover{background-color:#f5f7fa;background-color:var(--bg-secondary,#f5f7fa)}.settings-nav button.active{background-color:#7baaf7;color:#fff;font-weight:500}.settings-main{background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:8px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:auto;min-height:600px;min-width:0;overflow:visible;width:calc(100% - 270px)}.settings-header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd);display:flex;justify-content:space-between;padding:20px}.settings-header h2{color:#333;color:var(--text-primary,#333);font-size:1.25rem;margin:0}.reset-button{background-color:#f5f7fa;background-color:var(--bg-secondary,#f5f7fa);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;color:#555;color:var(--text-secondary,#555);cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.reset-button:hover{background-color:#e1e4e8;background-color:var(--bg-tertiary,#e1e4e8)}.settings-section{box-sizing:border-box;flex:1 1;height:auto;max-width:100%;min-height:500px;overflow-x:hidden;overflow-y:visible;padding:20px;position:relative;width:100%}.setting-item{align-items:flex-start;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;width:100%}.setting-item:last-child{border-bottom:none}.setting-label{color:#333;color:var(--text-primary,#333);flex:1 1;font-weight:500;min-width:0}.setting-control{align-items:center;display:flex;flex:0 0 auto;margin-left:20px}.setting-description{color:#666;color:var(--text-secondary,#666);flex-basis:100%;font-size:14px;line-height:1.5;margin-top:8px}.change-password-button,.security-button{align-items:center;background-color:#4285f4;background-color:var(--color-primary,#4285f4);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.change-password-button:hover,.security-button:hover{background-color:#3367d6;background-color:var(--color-primary-dark,#3367d6)}.security-button{background-color:#ef4444}.security-button:hover{background-color:#dc2626}.settings-select{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);min-width:150px;padding:8px 12px}.settings-container .toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.settings-container .toggle-switch input{height:0;opacity:0;position:absolute;width:0}.settings-container .toggle-slider{background-color:#e5e7eb;background-color:var(--border-color,#e5e7eb);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.settings-container .toggle-slider:before{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:18px}.settings-container .toggle-switch input:checked+.toggle-slider{background-color:#10b981;background-color:var(--color-success,#10b981)}.settings-container .toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.range-control{align-items:center;display:flex;flex-shrink:0;gap:10px;width:280px}.settings-range{-webkit-appearance:none;background:#ddd;background:var(--border-color,#ddd);border-radius:2px;flex-shrink:0;height:5px;outline:none;width:200px}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4285f4;background:var(--color-primary,#4285f4);border-radius:50%;cursor:pointer;height:16px;width:16px}.settings-range::-moz-range-thumb{background:#4285f4;background:var(--color-primary,#4285f4);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.range-value{color:#555;color:var(--text-secondary,#555);font-size:14px;min-width:60px;text-align:right}.setting-preview{background-color:#f5f7fa;background-color:var(--bg-secondary,#f5f7fa);border-radius:8px;box-sizing:border-box;margin-bottom:20px;max-width:100%;overflow:visible;position:relative;width:100%}.card-preview,.columns-preview,.header-preview,.title-preview{max-width:100%;overflow:visible!important;width:100%}.card-preview-header,.columns-preview-header,.header-preview-header,.title-preview-header{background-color:#e1e4e8;background-color:var(--bg-tertiary,#e1e4e8);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#555;color:var(--text-secondary,#555);font-size:14px;font-weight:500;padding:10px 15px}.card-preview-content,.columns-preview-content,.title-preview-content{box-sizing:border-box;max-width:100%;padding:15px;width:100%}.title-preview-bar{background:linear-gradient(90deg,#3b82f6,#4f46e5);height:8px;margin-bottom:5px}.title-preview-title{background-color:#4361ee;color:#fff;font-weight:500;padding:10px;text-align:center}.header-preview{background-color:#f5f7fa;background-color:var(--bg-secondary,#f5f7fa);border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.header-preview-content{align-items:center;color:#fff;display:flex;height:48px;justify-content:space-between;padding:0 20px;transition:background .3s ease}.header-preview-title{font-size:18px;font-weight:600}.header-preview-profile{align-items:center;background-color:#fff3;border-radius:50%;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.columns-preview-content{box-sizing:border-box;display:flex;gap:10px;max-width:100%;overflow-x:auto;overflow-y:visible;padding:15px;width:100%}.preview-column,.preview-column.real-size{background-color:#e1e4e8;background-color:var(--bg-tertiary,#e1e4e8);border-radius:6px;flex-shrink:0;overflow:hidden}.preview-column.real-size{box-shadow:0 2px 4px #0000001a}.preview-column-header{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd);display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:8px 12px}.preview-column-body{max-height:300px;overflow-x:hidden;overflow-y:auto;padding:10px}.preview-card,.preview-column-body{display:flex;flex-direction:column;gap:8px}.preview-card{border-radius:4px;height:40px;min-height:40px}.preview-card,.preview-card-full{background-color:#fff;background-color:var(--bg-primary,#fff);box-shadow:0 1px 3px #0000001a;padding:12px}.preview-card-full{border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;margin-bottom:10px;max-width:100%;width:100%}.preview-card-title{border-bottom:1px solid #00000014;color:#333;color:var(--text-primary,#333);font-size:15px;font-weight:600;padding-bottom:8px}.preview-card-content{word-wrap:break-word;box-sizing:border-box;font-size:14px;height:80px;line-height:1.4;max-height:80px;max-width:100%;min-height:80px;overflow:auto;overflow-wrap:break-word;width:100%}.preview-card-content,.preview-card-footer{color:#555;color:var(--text-secondary,#555)}.preview-card-footer{align-items:center;border-top:1px solid #ddd;border-top:1px solid var(--border-color,#ddd);display:flex;font-size:13px;justify-content:space-between;margin-top:8px;padding-top:8px}.preview-card-btn{background:none;border:none;cursor:pointer;font-size:13px;padding:2px 5px}.preview-card-btn:first-child{color:#4285f4;color:var(--color-primary,#4285f4)}.preview-card-btn:last-child{color:#f44336}.preview-card-btn:hover{text-decoration:underline}.preview-add-task-btn{background-color:#4caf5026;border:1px dashed #4caf5080;border-radius:4px;color:#4caf50;cursor:pointer;font-size:14px;margin-top:5px;padding:8px;text-align:center}.settings-footer{background-color:#fff;background-color:var(--bg-primary,#fff);border-top:1px solid #ddd;border-top:1px solid var(--border-color,#ddd);bottom:0;display:flex;justify-content:flex-end;padding:20px;position:sticky;z-index:10}.save-button{background-color:#4285f4;background-color:var(--color-primary,#4285f4);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.save-button:hover{background-color:#3367d6;background-color:var(--color-primary-dark,#3367d6)}.settings-loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:calc(100vh - 60px);justify-content:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#3498db}.error-message{background-color:#ffebee;color:#c62828}.error-message,.success-message{border-radius:4px;margin:20px;padding:12px 20px;position:relative;z-index:5}.success-message{background-color:#e8f5e9;color:#2e7d32}.saving-indicator{align-items:center;animation:slideIn .3s ease-out;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;display:flex;gap:10px;padding:10px 20px;position:fixed;right:20px;top:70px;z-index:1000}.saving-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:16px;width:16px}.dismiss-button{background:none;border:none;color:#c62828;cursor:pointer;font-size:18px;opacity:.7;padding:0 5px;transition:opacity .2s}.dismiss-button:hover{opacity:1}.dark-theme .section-title{border-bottom-color:#374151;color:#f9fafb}.dark-theme .background-preview-section{border-top-color:#374151}.dark-theme .preview-section-title{color:#e5e7eb}.dark-theme .background-preview{border-color:#374151}.dark-theme .preview-card{background-color:#1e293be6}.dark-theme .preview-card-header{background-color:#4f46e5}.dark-theme .preview-card-body{color:#e5e7eb}.with-custom-background .settings-container{min-height:calc(100vh - 60px);padding-bottom:30px}.with-custom-background .settings-content{border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;margin:0 auto;max-width:1200px;overflow:visible}.with-custom-background .settings-sidebar{border-right:1px solid #0000001a;padding:20px;width:250px}.with-custom-background .settings-main{flex:1 1;padding:20px}.with-custom-background .settings-section{background-color:#ffffff80;border-radius:8px;margin-bottom:20px;padding:20px}.with-custom-background .setting-preview{background-color:#ffffffb3;border-radius:8px;padding:15px}.dark-theme.with-custom-background .settings-content{box-shadow:0 4px 15px #0000004d}.dark-theme.with-custom-background .settings-sidebar{border-right:1px solid #ffffff1a}.dark-theme.with-custom-background .settings-section{background-color:#28282880}.dark-theme.with-custom-background .setting-preview{background-color:#282828b3}@media (max-width:768px){.settings-container{padding-bottom:30px;padding-top:15px}.settings-content{flex-direction:column;min-height:calc(100vh - 120px)}.settings-sidebar{margin-bottom:20px;max-height:none;position:relative}.settings-main,.settings-sidebar{flex:none;max-width:100%;width:100%}.settings-main{min-width:0;min-width:auto}.setting-item{align-items:flex-start;flex-direction:column;gap:10px}.setting-control{margin-left:0;width:100%}.range-control,.settings-range{width:100%}.settings-footer{position:relative}}@media (max-width:480px){.settings-container{padding:10px 10px 25px}.settings-content{gap:15px;padding:0 10px}.settings-section{padding:15px}}.color-input{-webkit-appearance:none;appearance:none;background:none;border:3px solid #e1e5e9;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:50px;outline:none;overflow:hidden;position:relative;transition:all .3s ease;width:50px}.color-input:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;transform:scale(1.05)}.color-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.color-input::-webkit-color-swatch-wrapper{border:none;border-radius:50%;overflow:hidden;padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a}.color-input::-moz-color-swatch{border:none;border-radius:50%}.color-input::-moz-focus-inner{border:0}.custom-color-picker{display:inline-block;position:relative}.color-display-button{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;min-width:140px;padding:8px 16px;transition:all .2s ease}.color-display-button:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.color-preview-circle{border:2px solid #0000001a;border-radius:50%;flex-shrink:0;height:24px;overflow:hidden;position:relative;width:24px}.color-preview-circle:before{background:linear-gradient(45deg,#f0f0f0 25%,#0000 0),linear-gradient(-45deg,#f0f0f0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f0f0f0 0),linear-gradient(-45deg,#0000 75%,#f0f0f0 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;z-index:1}.color-preview-circle:after,.color-preview-circle:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.color-preview-circle:after{background-color:#3b82f6;background-color:var(--selected-color,#3b82f6);z-index:2}.color-text{color:#4b5563;font-weight:500}.hidden-color-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.color-control-group{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.color-input-wrapper{align-items:center;background:#fafbfc;border:1px solid #e1e5e9;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.color-input-wrapper:hover{background:#f8faff;border-color:#3b82f6}.color-input-wrapper.focused{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.color-label{color:#374151;font-size:14px;font-weight:500;min-width:80px}.color-value-display{background:#f3f4f6;border-radius:4px;color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;min-width:80px;padding:4px 8px;text-align:center}.modern-color-input{border-radius:12px;box-shadow:0 4px 8px #0000001a,inset 0 0 0 2px #fff3;cursor:pointer;height:60px;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.modern-color-input:hover{box-shadow:0 8px 16px #00000026,inset 0 0 0 2px #ffffff4d;transform:translateY(-2px)}.modern-color-input input[type=color]{-webkit-appearance:none;appearance:none;background:#0000;border:none;cursor:pointer;height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.modern-color-input input[type=color]::-webkit-color-swatch-wrapper{border:none;border-radius:12px;padding:0}.modern-color-input input[type=color]::-webkit-color-swatch{border:none;border-radius:12px}.modern-color-input:before{background:linear-gradient(45deg,#f0f0f0 25%,#0000 0),linear-gradient(-45deg,#f0f0f0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f0f0f0 0),linear-gradient(-45deg,#0000 75%,#f0f0f0 0);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dark-theme .color-input{border-color:#374151;box-shadow:0 2px 8px #0000004d}.dark-theme .color-input:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa4d}.dark-theme .color-display-button{background:#1f2937;border-color:#374151;color:#e5e7eb}.dark-theme .color-display-button:hover{border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa26}.dark-theme .color-input-wrapper{background:#1f2937;border-color:#374151}.dark-theme .color-input-wrapper:hover{background:#1e293b;border-color:#60a5fa}.dark-theme .color-value-display{background:#374151;color:#9ca3af}@media (max-width:768px){.color-input{height:40px;width:40px}.modern-color-input{height:50px;width:50px}.color-display-button{min-width:120px;padding:6px 12px}}.notification-time-select{background-color:#fff;cursor:pointer;max-width:250px}.custom-minutes-input,.notification-time-select{border:1px solid #cbd5e1;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.custom-minutes-input{max-width:200px}.section-title{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.notification-info{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;display:flex;gap:12px;margin-top:24px;padding:16px}.notification-strategy-info{background-color:#fefce8;border:1px solid #facc15;border-radius:8px;display:flex;gap:12px;margin-top:20px;padding:20px}.info-icon{flex-shrink:0;font-size:20px}.info-text{color:#0369a1;font-size:14px;line-height:1.5}.status-badge{align-items:center;display:inline-flex;font-size:13px;gap:6px;margin-right:12px;padding:6px 12px}.status-badge.enabled{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.status-badge.disabled{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.security-block{margin-bottom:32px}.section-divider{background-color:#e2e8f0;border:none;height:1px;margin:32px 0}.success-text{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#059669!important}.success-text,.warning-text{margin-top:8px;padding:8px 12px}.warning-text{background-color:#fffbeb;border:1px solid #fde68a;border-radius:6px;color:#d97706!important}.dark-theme .status-badge.enabled{background-color:#064e3b;border-color:#065f46;color:#6ee7b7}.dark-theme .status-badge.disabled{background-color:#7f1d1d;border-color:#991b1b;color:#fca5a5}.dark-theme .security-button{background-color:#4f46e5}.dark-theme .security-button:hover{background-color:#4338ca}.dark-theme .success-text{background-color:#064e3b;border-color:#065f46;color:#6ee7b7}.dark-theme .warning-text{background-color:#78350f;border-color:#92400e;color:#fbbf24}.dark-theme .change-password-button{background-color:#6366f1}.dark-theme .change-password-button:hover{background-color:#4f46e5}.dark-theme .section-divider{background-color:#374151}.main-content:has(.settings-container){height:100vh!important;overflow-y:auto!important;padding-top:60px!important}body:has(.settings-container),html:has(.settings-container){height:100%;overflow:auto!important}.settings-container *{max-height:none!important}.settings-container .settings-section{max-height:none!important;overflow:visible!important}.branding-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:2rem;padding:1.5rem}.branding-preview h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 1rem}.preview-header{box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.preview-header img{transition:transform .2s ease}.preview-header:hover img{transform:scale(1.05)}.settings-input{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.5rem;transition:border-color .15s ease;width:100%}.settings-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.settings-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.5rem;transition:border-color .15s ease;width:100%}.settings-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:768px){.preview-header{flex-direction:column;gap:.5rem;text-align:center}.branding-preview{padding:1rem}}.google-settings-button{align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:4px;color:#3c4043;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-top:12px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.google-settings-button:hover{background-color:#f8f9fa;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326}.google-settings-button img{height:18px;width:18px}.dark-theme .google-settings-button{background-color:#303134;border-color:#5f6368;color:#e8eaed}.dark-theme .google-settings-button:hover{background-color:#3c4043;border-color:#8ab4f8}.setting-item .setting-description{color:#5f6368;font-size:14px;line-height:1.5;margin-bottom:12px}.background-image-uploader{background-color:#f9fafb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px;width:100%}.upload-container{margin-bottom:20px}.upload-methods-tabs{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:15px}.upload-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:10px 12px;text-align:center;transition:all .2s}.upload-tab:hover{color:#3b82f6}.upload-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.upload-icon{font-size:16px}.upload-content{padding:15px 0}.file-upload-container{display:flex;justify-content:center}.file-upload-button{align-items:center;background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;color:#4f46e5;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.file-upload-button:hover{background-color:#e0e7ff;border-color:#a5b4fc}.button-icon{font-size:18px}.url-upload-container{width:100%}.url-input{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.url-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.preview-section{border-top:1px solid #e5e7eb;margin-bottom:20px;padding-top:20px}.preview-title{color:#4b5563;font-size:14px;font-weight:600;margin:0 0 10px}.preview-container{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;height:180px;justify-content:center;overflow:hidden}.image-preview{max-height:100%;max-width:100%;opacity:0;transition:opacity .3s}.image-preview.loaded{opacity:1}.no-image-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px}.placeholder-icon{font-size:32px}.placeholder-text{font-size:14px}.adjustments-section{border-top:1px solid #e5e7eb;padding-top:20px}.adjustment-item{margin-bottom:15px}.adjustment-item label{color:#4b5563;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.adjustment-control{align-items:center;display:flex;gap:12px}.adjustment-slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;outline:none}.adjustment-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:16px;width:16px}.adjustment-slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.adjustment-value{color:#6b7280;font-size:14px;min-width:50px;text-align:right}.dark-theme .background-image-uploader{background-color:#1f2937}.dark-theme .upload-methods-tabs{border-bottom-color:#374151}.dark-theme .upload-tab{color:#9ca3af}.dark-theme .upload-tab.active,.dark-theme .upload-tab:hover{color:#60a5fa}.dark-theme .upload-tab.active{border-bottom-color:#60a5fa}.dark-theme .file-upload-button{background-color:#1e3a8a;border-color:#2563eb;color:#bfdbfe}.dark-theme .file-upload-button:hover{background-color:#1d4ed8;border-color:#3b82f6}.dark-theme .url-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.dark-theme .url-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.dark-theme .preview-title{color:#e5e7eb}.dark-theme .preview-container{background-color:#111827;border-color:#374151}.dark-theme .no-image-placeholder{color:#6b7280}.dark-theme .adjustments-section{border-top-color:#374151}.dark-theme .adjustment-item label{color:#e5e7eb}.dark-theme .adjustment-slider{background:#4b5563}.dark-theme .adjustment-slider::-webkit-slider-thumb{background:#60a5fa}.dark-theme .adjustment-slider::-moz-range-thumb{background:#60a5fa}.dark-theme .adjustment-value{color:#d1d5db}@media (max-width:768px){.upload-methods-tabs{border-bottom:none;flex-direction:column}.upload-tab{border-bottom:none;border-left:2px solid #0000;justify-content:flex-start;padding:8px 12px}.upload-tab.active{background-color:#3b82f61a;border-bottom:none;border-left-color:#3b82f6}}.two-factor-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.two-factor-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.two-factor-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px 16px;position:relative}.two-factor-title{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.two-factor-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.two-factor-close:hover{background-color:#f3f4f6;color:#374151}.two-factor-content{padding:24px}.step-indicator{justify-content:space-between;margin-bottom:32px;position:relative}.step-indicator:before{background-color:#e5e7eb;content:"";height:2px;left:0;position:absolute;right:0;top:15px;z-index:1}.step{flex-direction:column;padding:0 8px;position:relative;z-index:2}.step,.step-circle{align-items:center;background:#fff;display:flex}.step-circle{border:2px solid #e5e7eb;border-radius:50%;font-size:.875rem;font-weight:600;height:30px;justify-content:center;margin-bottom:8px;width:30px}.step.active .step-circle{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.step.completed .step-circle{background-color:#10b981;border-color:#10b981;color:#fff}.step-text{color:#6b7280;font-size:.75rem;text-align:center}.step.active .step-text{color:#3b82f6;font-weight:500}.qr-section{text-align:center}.qr-code-container{border:2px dashed #e5e7eb;border-radius:8px;display:inline-block;margin-bottom:16px;padding:16px}.qr-code-container img{height:auto;max-width:200px}.manual-entry{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin:16px 0;padding:16px}.manual-entry h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 8px}.secret-code{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;margin-bottom:8px;padding:8px 12px;word-break:break-all}.copy-button{font-size:.75rem;padding:6px 12px}.copy-button.copied{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.form-group{margin-bottom:20px}.form-group label{font-size:.875rem;margin-bottom:6px}.form-group input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error{border-color:#ef4444}.backup-codes{margin:24px 0}.backup-codes h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 12px}.backup-codes-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.backup-code{padding:8px 12px;text-align:center}.backup-code.used{background-color:#fef2f2;color:#991b1b;text-decoration:line-through}.backup-codes-actions{display:flex;flex-wrap:wrap;gap:8px}.backup-codes-actions button{flex:1 1;min-width:120px}.alert{border-radius:6px;font-size:.875rem;margin-bottom:20px;padding:12px 16px}.alert.success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.alert.error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert.warning{background-color:#fefce8;border:1px solid #fde68a;color:#92400e}.alert.info{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.two-factor-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn{border-radius:6px;font-size:.875rem;gap:6px;padding:10px 16px}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}.status-section{padding:20px 0;text-align:center}.status-icon{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.status-icon.enabled{background-color:#dcfce7;color:#166534}.status-icon.disabled{background-color:#f3f4f6;color:#6b7280}.instructions{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin:16px 0;padding:16px}.instructions h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 8px}.instructions ol{margin:8px 0;padding-left:20px}.instructions li{color:#4b5563;font-size:.875rem;margin-bottom:4px}.app-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:16px 0}.app-link{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;display:inline-flex;font-size:.75rem;gap:6px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.app-link:hover{background-color:#e5e7eb;text-decoration:none}.setup-step{text-align:center}.step-icon{color:#3b82f6;margin:0 auto 16px}.step-description{color:#6b7280;line-height:1.5;margin-bottom:24px}.apps-info{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:20px 0;padding:16px;text-align:left}.apps-info h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 12px}.apps-info ul{margin:0;padding-left:16px}.apps-info li{color:#4b5563;font-size:.875rem;margin-bottom:4px}.action-button{align-items:center;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;line-height:1.4;min-height:48px;min-width:140px;overflow:visible;padding:14px 24px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.action-button:disabled{cursor:not-allowed;opacity:.5}.action-button.primary{background-color:#3b82f6;color:#fff}.action-button.primary:hover:not(:disabled){background-color:#2563eb}.action-button.secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.action-button.secondary:hover:not(:disabled){background-color:#e5e7eb}.action-button.danger{background-color:#ef4444;color:#fff}.action-button.danger:hover:not(:disabled){background-color:#dc2626}.action-button.large{font-size:1rem;margin-top:20px;min-width:200px;padding:16px 32px;white-space:nowrap;width:auto}.action-button.full-width{justify-content:center;min-width:0;min-width:auto;width:100%}.qr-section{margin:24px 0}.qr-section h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 16px}.qr-container{background-color:#fafafa;border:2px dashed #e5e7eb;border-radius:8px;display:inline-block;margin-bottom:20px;padding:20px}.qr-image{display:block;height:auto;max-width:200px}.manual-setup{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:16px;text-align:left}.manual-setup h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 8px}.manual-setup p{color:#6b7280;font-size:.875rem;margin:0 0 12px}.secret-display{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;display:flex;gap:8px;padding:8px}.secret-display code{flex:1 1;font-family:Courier New,monospace;font-size:.875rem;word-break:break-all}.copy-button{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.copy-button:hover{background-color:#e5e7eb}.verification-section{margin:24px 0;text-align:left}.verification-section h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 8px}.verification-section p{color:#6b7280;font-size:.875rem;margin:0 0 16px}.input-group{margin-bottom:20px}.input-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.verification-input{border:1px solid #d1d5db;border-radius:6px;font-family:Courier New,monospace;font-size:1.125rem;letter-spacing:.1em;padding:12px;text-align:center;transition:border-color .2s ease;width:100%}.verification-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.button-group{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:24px}.button-group .action-button{flex-shrink:0;min-width:150px}.error-message{background-color:#fef2f2;border-radius:6px;font-size:.875rem;margin:16px 0}.warning-message{align-items:flex-start;background-color:#fefce8;border:1px solid #fde68a;border-radius:6px;color:#92400e;display:flex;font-size:.875rem;gap:8px;margin:16px 0;padding:12px}.backup-codes-section h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 16px;text-align:center}.backup-codes-container{margin:24px 0}.codes-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.backup-code{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;font-family:Courier New,monospace;font-size:.875rem;gap:8px;padding:12px}.code-number{color:#6b7280;font-weight:500}.codes-actions{display:flex;gap:12px;justify-content:center}.success{text-align:center}.success-icon{margin:0 auto 20px}.success h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 8px}.success p{color:#6b7280;margin:0 0 20px}.success-info ul{list-style:none;margin:20px 0;padding:0}.success-info li{color:#10b981;font-size:.875rem;margin-bottom:8px}.status-overview{text-align:center}.status-indicator{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.status-indicator.enabled{background-color:#dcfce7;border-color:#bbf7d0}.status-indicator.disabled{background-color:#f3f4f6;border-color:#d1d5db}.status-text{flex:1 1;text-align:left}.status-text h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 8px}.status-text p{color:#6b7280;font-size:.875rem;margin:0 0 4px}.status-actions{justify-content:center}.enabled-actions,.status-actions{display:flex;flex-wrap:wrap;gap:12px}.info-section,.warning-section{margin-bottom:24px;text-align:center}.info-section h3,.warning-section h3{color:#374151;font-size:1.125rem;font-weight:600;margin:16px 0 8px}.info-section p,.warning-section p{color:#6b7280;line-height:1.5;margin:0 0 16px}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:12px 40px 12px 12px;transition:border-color .2s ease;width:100%}.password-input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.toggle-password{background:none;border:none;border-radius:2px;color:#6b7280;cursor:pointer;padding:4px;position:absolute;right:12px;transition:color .2s ease}.toggle-password:hover{color:#374151}@media (max-width:640px){.two-factor-modal{margin:20px;width:95%}.codes-grid{grid-template-columns:1fr}.button-group{flex-direction:column-reverse}.action-button{width:100%}.codes-actions,.enabled-actions,.status-actions,.status-indicator{flex-direction:column}.status-indicator,.status-text{text-align:center}}.app-background-wrapper{overflow-x:hidden}.background-overlay{transition:backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease,opacity .3s ease}.background-content{display:flex;flex-direction:column}body.with-custom-background .admin-container,body.with-custom-background .app-container,body.with-custom-background .background-content,body.with-custom-background .login-container,body.with-custom-background .profile-container,body.with-custom-background .settings-container,body.with-custom-background .task-board-wrapper{background-color:initial!important}body.with-custom-background .task-board{padding:20px!important}body.with-custom-background .task-board-tools{box-shadow:0 4px 6px #0000000d;margin:0 16px 20px;padding:12px 16px}body.with-custom-background .task-board-columns{margin:0;min-height:calc(100vh - 160px)}body.with-custom-background .task-column{flex-shrink:0;max-width:350px;min-width:280px;width:100%}body.with-custom-background .add-column-container{align-items:center;background-color:initial!important;display:flex;justify-content:center;margin-left:10px}body.with-custom-background .add-column-float-button{align-items:center;background-color:#3b82f6;border:none;border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .2s;width:50px}body.with-custom-background .add-column-float-button:hover{background-color:#2563eb;transform:scale(1.05)}body.with-custom-background .task-card{background-color:#ffffffe6!important;box-shadow:0 2px 4px #0000000d;margin-bottom:8px}body.dark-theme.with-custom-background .task-card{background-color:#282828e6!important}@supports not ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){body.with-custom-background .task-column{background-color:#ffffffe6!important}body.dark-theme.with-custom-background .task-column{background-color:#1e1e1ee6!important}}.fi,.fib{background-position:50%;background-repeat:no-repeat;background-size:contain}.fi{display:inline-block;line-height:1em;position:relative;width:1.333333em}.fi:before{content:" "}.fi.fis{width:1em}.fi-xx{background-image:url(/static/media/xx.96f901b4ca23142ad779.svg)}.fi-xx.fis{background-image:url(/static/media/xx.aa8f667027fd90e56320.svg)}.fi-ad{background-image:url(/static/media/ad.70f2eea77f28f293b6f8.svg)}.fi-ad.fis{background-image:url(/static/media/ad.bf24bba3254180b3619a.svg)}.fi-ae{background-image:url(/static/media/ae.250746067bf3d77b7503.svg)}.fi-ae.fis{background-image:url(/static/media/ae.e3396fd007b2b5cb57b0.svg)}.fi-af{background-image:url(/static/media/af.2104ac1e5618b8af977b.svg)}.fi-af.fis{background-image:url(/static/media/af.366db578671023d26e21.svg)}.fi-ag{background-image:url(/static/media/ag.4852b5c91714f95f3797.svg)}.fi-ag.fis{background-image:url(/static/media/ag.677e23c7e3b4d81e8942.svg)}.fi-ai{background-image:url(/static/media/ai.4cbfa0f99be22a0285e5.svg)}.fi-ai.fis{background-image:url(/static/media/ai.1d586b8fab270baf0f59.svg)}.fi-al{background-image:url(/static/media/al.1b9ec52da64852264638.svg)}.fi-al.fis{background-image:url(/static/media/al.41b54c3151649dfecd21.svg)}.fi-am{background-image:url(/static/media/am.683c20ed58f4d9474856.svg)}.fi-am.fis{background-image:url(/static/media/am.eaae878c684895ebbfbd.svg)}.fi-ao{background-image:url(/static/media/ao.4498ed450b107d63e686.svg)}.fi-ao.fis{background-image:url(/static/media/ao.c930a5b011ccb2a990e6.svg)}.fi-aq{background-image:url(/static/media/aq.7a5a5b87a63ac4bf5a73.svg)}.fi-aq.fis{background-image:url(/static/media/aq.d469b891a1c3f4b0554a.svg)}.fi-ar{background-image:url(/static/media/ar.fc9c6ce25fcd99a5839f.svg)}.fi-ar.fis{background-image:url(/static/media/ar.99c25968161ee34667ac.svg)}.fi-as{background-image:url(/static/media/as.f9c1d8ebed5e69547296.svg)}.fi-as.fis{background-image:url(/static/media/as.a8f05fbe9a8d0a028155.svg)}.fi-at{background-image:url(/static/media/at.d9c6c6ac800a2ecd563e.svg)}.fi-at.fis{background-image:url(/static/media/at.9fae77cef97146619095.svg)}.fi-au{background-image:url(/static/media/au.8cc9433039670f61e180.svg)}.fi-au.fis{background-image:url(/static/media/au.97435dd83edf8bfc1036.svg)}.fi-aw{background-image:url(/static/media/aw.6c82c52fc38525a1a69e.svg)}.fi-aw.fis{background-image:url(/static/media/aw.a4cfc0162a832b9f4bab.svg)}.fi-ax{background-image:url(/static/media/ax.dd048088f167a2fc17f4.svg)}.fi-ax.fis{background-image:url(/static/media/ax.3882371f1dbfb17cb5a6.svg)}.fi-az{background-image:url(/static/media/az.ffc79bfa06e3b01520e0.svg)}.fi-az.fis{background-image:url(/static/media/az.acf7a85a1244a55f52a2.svg)}.fi-ba{background-image:url(/static/media/ba.64e381d4fd68fad46090.svg)}.fi-ba.fis{background-image:url(/static/media/ba.2d7f430f443e46b91acd.svg)}.fi-bb{background-image:url(/static/media/bb.333ab7bf298446feedb3.svg)}.fi-bb.fis{background-image:url(/static/media/bb.26c9a5aefdf5e46d037d.svg)}.fi-bd{background-image:url(/static/media/bd.0ad8c443ef4d47ea0497.svg)}.fi-bd.fis{background-image:url(/static/media/bd.a62e330d249ff3f5bd27.svg)}.fi-be{background-image:url(/static/media/be.e9ec217e871f35fdde13.svg)}.fi-be.fis{background-image:url(/static/media/be.fb38153462cb5e9fc503.svg)}.fi-bf{background-image:url(/static/media/bf.a3957b0a98236111e237.svg)}.fi-bf.fis{background-image:url(/static/media/bf.bb616c9ec60cde6806bb.svg)}.fi-bg{background-image:url(/static/media/bg.9618f3e4386b8a9f664a.svg)}.fi-bg.fis{background-image:url(/static/media/bg.28afe0b8e02a177f9920.svg)}.fi-bh{background-image:url(/static/media/bh.3310879d5f14a62669bf.svg)}.fi-bh.fis{background-image:url(/static/media/bh.d6e3bed59974f2b0aedd.svg)}.fi-bi{background-image:url(/static/media/bi.5d3435104d6a6e67937c.svg)}.fi-bi.fis{background-image:url(/static/media/bi.69b0670030ec8e43f88a.svg)}.fi-bj{background-image:url(/static/media/bj.b04c72b67773f10058a8.svg)}.fi-bj.fis{background-image:url(/static/media/bj.c1bc198cb05444a63756.svg)}.fi-bl{background-image:url(/static/media/bl.67c5ef35e02e55d24b8c.svg)}.fi-bl.fis{background-image:url(/static/media/bl.66cdc56cf5c323535418.svg)}.fi-bm{background-image:url(/static/media/bm.20ea37a5be1b1b4e8d8e.svg)}.fi-bm.fis{background-image:url(/static/media/bm.2fe09134b4169a76d053.svg)}.fi-bn{background-image:url(/static/media/bn.e5cfc84a2a3d646e1755.svg)}.fi-bn.fis{background-image:url(/static/media/bn.123511317c0a0f4c41cc.svg)}.fi-bo{background-image:url(/static/media/bo.b0f50bc8035200c269f1.svg)}.fi-bo.fis{background-image:url(/static/media/bo.de61c7c5d75dfe735741.svg)}.fi-bq{background-image:url(/static/media/bq.04ca6698f051e72cf774.svg)}.fi-bq.fis{background-image:url(/static/media/bq.1698f2886a1c56881806.svg)}.fi-br{background-image:url(/static/media/br.c2d9921ea1d1b06c26da.svg)}.fi-br.fis{background-image:url(/static/media/br.ad0a905fd62beb1d121c.svg)}.fi-bs{background-image:url(/static/media/bs.056e551cfb3bba660804.svg)}.fi-bs.fis{background-image:url(/static/media/bs.7dbd1c1670a975513404.svg)}.fi-bt{background-image:url(/static/media/bt.def23b8c292e64a3cc5b.svg)}.fi-bt.fis{background-image:url(/static/media/bt.8d9397c0bad9799f16f9.svg)}.fi-bv{background-image:url(/static/media/bv.3d8e6f49fad8459575e1.svg)}.fi-bv.fis{background-image:url(/static/media/bv.976c853ae9062409996c.svg)}.fi-bw{background-image:url(/static/media/bw.286ba8fe3cf0c8ae076b.svg)}.fi-bw.fis{background-image:url(/static/media/bw.b6a321afa6bd21ee4801.svg)}.fi-by{background-image:url(/static/media/by.408cd95645987e43b479.svg)}.fi-by.fis{background-image:url(/static/media/by.de34876833be51827c38.svg)}.fi-bz{background-image:url(/static/media/bz.d6efb8bf4f72e304256a.svg)}.fi-bz.fis{background-image:url(/static/media/bz.23af0d7510f963098b86.svg)}.fi-ca{background-image:url(/static/media/ca.9e8878b579ff3a1a1268.svg)}.fi-ca.fis{background-image:url(/static/media/ca.7576a074760689f4ee54.svg)}.fi-cc{background-image:url(/static/media/cc.0f7eea30d520cc9ac8ce.svg)}.fi-cc.fis{background-image:url(/static/media/cc.9cfc9848630ad34d7516.svg)}.fi-cd{background-image:url(/static/media/cd.80689945f2e56fea5e71.svg)}.fi-cd.fis{background-image:url(/static/media/cd.588b1447f6de9790ab7b.svg)}.fi-cf{background-image:url(/static/media/cf.a3843e7991ac45d28eff.svg)}.fi-cf.fis{background-image:url(/static/media/cf.e2e89fb8727d254107da.svg)}.fi-cg{background-image:url(/static/media/cg.ef7269ecc526c865724c.svg)}.fi-cg.fis{background-image:url(/static/media/cg.b92309a23a50545fc9c3.svg)}.fi-ch{background-image:url(/static/media/ch.55323a0680e7c5ff735b.svg)}.fi-ch.fis{background-image:url(/static/media/ch.e6b520ab87791013063b.svg)}.fi-ci{background-image:url(/static/media/ci.c7146bc39c724cd34b46.svg)}.fi-ci.fis{background-image:url(/static/media/ci.133adff8acf564df5728.svg)}.fi-ck{background-image:url(/static/media/ck.6f73c68e1aca3060e929.svg)}.fi-ck.fis{background-image:url(/static/media/ck.3e6dd6ddd9eb71276bcb.svg)}.fi-cl{background-image:url(/static/media/cl.3ef2be87bf31777897ba.svg)}.fi-cl.fis{background-image:url(/static/media/cl.178b4ca5ea73eb163797.svg)}.fi-cm{background-image:url(/static/media/cm.7eff011cd2036bfc5df4.svg)}.fi-cm.fis{background-image:url(/static/media/cm.c5fdb1729d6a61e705cc.svg)}.fi-cn{background-image:url(/static/media/cn.e4f6436aa2c562521a6e.svg)}.fi-cn.fis{background-image:url(/static/media/cn.2e5f836fa0364bb906e6.svg)}.fi-co{background-image:url(/static/media/co.2035da4efa474be5bb4b.svg)}.fi-co.fis{background-image:url(/static/media/co.650be7bf6524161dd3fb.svg)}.fi-cr{background-image:url(/static/media/cr.da71ea0e0e43752f1f4a.svg)}.fi-cr.fis{background-image:url(/static/media/cr.96cca3298724eeac307f.svg)}.fi-cu{background-image:url(/static/media/cu.e26b31c7aa254ee55900.svg)}.fi-cu.fis{background-image:url(/static/media/cu.b6406c65efd995643b0d.svg)}.fi-cv{background-image:url(/static/media/cv.aa02126ce32724f97a9c.svg)}.fi-cv.fis{background-image:url(/static/media/cv.c4df14eee0b28bca07a3.svg)}.fi-cw{background-image:url(/static/media/cw.7b83329130ff6a4d69d4.svg)}.fi-cw.fis{background-image:url(/static/media/cw.023cc06898b0b15eeedc.svg)}.fi-cx{background-image:url(/static/media/cx.13319763d6a6b1e4770a.svg)}.fi-cx.fis{background-image:url(/static/media/cx.581114d7d0e9322f52d5.svg)}.fi-cy{background-image:url(/static/media/cy.9e2e831b23f81f66f2c0.svg)}.fi-cy.fis{background-image:url(/static/media/cy.4edec3a02adab52da1c7.svg)}.fi-cz{background-image:url(/static/media/cz.5a24757d105fbe7a4e81.svg)}.fi-cz.fis{background-image:url(/static/media/cz.f7d5fa0258940e2c3ac9.svg)}.fi-de{background-image:url(/static/media/de.adc6c9b3594fb2f4a4df.svg)}.fi-de.fis{background-image:url(/static/media/de.02d6c00e143fd6208fa5.svg)}.fi-dj{background-image:url(/static/media/dj.da9d5bb3f5a142e2993b.svg)}.fi-dj.fis{background-image:url(/static/media/dj.9d6f9c1fd1884ae2bf61.svg)}.fi-dk{background-image:url(/static/media/dk.025c12105396b6e6b3b8.svg)}.fi-dk.fis{background-image:url(/static/media/dk.90f7d12042a18708f7ed.svg)}.fi-dm{background-image:url(/static/media/dm.5e7a6ce8d66841b43d2b.svg)}.fi-dm.fis{background-image:url(/static/media/dm.3f5830804b534228f368.svg)}.fi-do{background-image:url(/static/media/do.5b6684f3d0630d4bcec4.svg)}.fi-do.fis{background-image:url(/static/media/do.0c068c9aeb8c133c5dbe.svg)}.fi-dz{background-image:url(/static/media/dz.0f0875827805c6719abb.svg)}.fi-dz.fis{background-image:url(/static/media/dz.676246527fe04242f0f7.svg)}.fi-ec{background-image:url(/static/media/ec.2dea494d741ecef56544.svg)}.fi-ec.fis{background-image:url(/static/media/ec.34a64a770e09c9ec5b23.svg)}.fi-ee{background-image:url(/static/media/ee.04263f937da9572d0d84.svg)}.fi-ee.fis{background-image:url(/static/media/ee.294c52fa01f3012f0f88.svg)}.fi-eg{background-image:url(/static/media/eg.6f625319993c841f2c84.svg)}.fi-eg.fis{background-image:url(/static/media/eg.21fca8382049264415ce.svg)}.fi-eh{background-image:url(/static/media/eh.a2b2a954b35253b4d810.svg)}.fi-eh.fis{background-image:url(/static/media/eh.8941dc19c664c2c2a23f.svg)}.fi-er{background-image:url(/static/media/er.86045916d43bfa374fbe.svg)}.fi-er.fis{background-image:url(/static/media/er.0c7117c38822e1606916.svg)}.fi-es{background-image:url(/static/media/es.c2bea6d740c5d81d5bce.svg)}.fi-es.fis{background-image:url(/static/media/es.3b87288baee22a0de008.svg)}.fi-et{background-image:url(/static/media/et.d27d9d1ac47ed9291a62.svg)}.fi-et.fis{background-image:url(/static/media/et.da75d56f3f57838a27be.svg)}.fi-fi{background-image:url(/static/media/fi.ead68a19c50e3e6f4d04.svg)}.fi-fi.fis{background-image:url(/static/media/fi.aed885cc7a38b534b2b6.svg)}.fi-fj{background-image:url(/static/media/fj.84732a88e04260ae6d30.svg)}.fi-fj.fis{background-image:url(/static/media/fj.a58ca2ed36ef1f1d4913.svg)}.fi-fk{background-image:url(/static/media/fk.d0b5d9fb25d4c4435972.svg)}.fi-fk.fis{background-image:url(/static/media/fk.a83317fea67e7de6250c.svg)}.fi-fm{background-image:url(/static/media/fm.18f7e08960b73974ccd4.svg)}.fi-fm.fis{background-image:url(/static/media/fm.9b826793a052bef79219.svg)}.fi-fo{background-image:url(/static/media/fo.3165eadcb4c87a6d02ae.svg)}.fi-fo.fis{background-image:url(/static/media/fo.54fd5278c2851a51f39d.svg)}.fi-fr{background-image:url(/static/media/fr.0313c7eacb9633130ffb.svg)}.fi-fr.fis{background-image:url(/static/media/fr.9e329b0fd412c860b31a.svg)}.fi-ga{background-image:url(/static/media/ga.ccf7eecbecdd26d2403c.svg)}.fi-ga.fis{background-image:url(/static/media/ga.d33bfe612c008a01f156.svg)}.fi-gb{background-image:url(/static/media/gb.84d4bb24d2a1a5891e0d.svg)}.fi-gb.fis{background-image:url(/static/media/gb.6cf90268d11449c43485.svg)}.fi-gd{background-image:url(/static/media/gd.b894547dc982e9f889ce.svg)}.fi-gd.fis{background-image:url(/static/media/gd.1f93c180ee5843effd47.svg)}.fi-ge{background-image:url(/static/media/ge.362c00c4a79f0704aa45.svg)}.fi-ge.fis{background-image:url(/static/media/ge.583afaa66ab47ac74fa1.svg)}.fi-gf{background-image:url(/static/media/gf.16328213544e4ac5f3ee.svg)}.fi-gf.fis{background-image:url(/static/media/gf.5fc814b14e4589220c31.svg)}.fi-gg{background-image:url(/static/media/gg.b8779f1806c259de289a.svg)}.fi-gg.fis{background-image:url(/static/media/gg.cff3c6217db3d2732657.svg)}.fi-gh{background-image:url(/static/media/gh.87686ea032052059cd6d.svg)}.fi-gh.fis{background-image:url(/static/media/gh.e2793fb1dcddb8325ff1.svg)}.fi-gi{background-image:url(/static/media/gi.80febf66a20dc267d064.svg)}.fi-gi.fis{background-image:url(/static/media/gi.4fe8cc6ecc3dd2baf4ea.svg)}.fi-gl{background-image:url(/static/media/gl.633d308e7df9c5abcb89.svg)}.fi-gl.fis{background-image:url(/static/media/gl.2466f7b0c1cdbbc5bce5.svg)}.fi-gm{background-image:url(/static/media/gm.6e4caca46e637e40175f.svg)}.fi-gm.fis{background-image:url(/static/media/gm.dfd25b88d3660d236c00.svg)}.fi-gn{background-image:url(/static/media/gn.65edeaef7dabb0abc834.svg)}.fi-gn.fis{background-image:url(/static/media/gn.347b60cf985684d7ea4f.svg)}.fi-gp{background-image:url(/static/media/gp.ca0b8d6f4d7528c9d34d.svg)}.fi-gp.fis{background-image:url(/static/media/gp.34687ce560373f175eee.svg)}.fi-gq{background-image:url(/static/media/gq.0314b4987491a4c2d601.svg)}.fi-gq.fis{background-image:url(/static/media/gq.eed957fc202035b47bf4.svg)}.fi-gr{background-image:url(/static/media/gr.969458b727378ff7b215.svg)}.fi-gr.fis{background-image:url(/static/media/gr.f4f1efd04d192aac3cbe.svg)}.fi-gs{background-image:url(/static/media/gs.9c9720e39497aeb6c4ac.svg)}.fi-gs.fis{background-image:url(/static/media/gs.f16e0ac45849cf748b84.svg)}.fi-gt{background-image:url(/static/media/gt.f483ff9148ed468e6dba.svg)}.fi-gt.fis{background-image:url(/static/media/gt.88fa30701f63441eff21.svg)}.fi-gu{background-image:url(/static/media/gu.67d540af7a6deec31c7a.svg)}.fi-gu.fis{background-image:url(/static/media/gu.b55158cddaadbf16541a.svg)}.fi-gw{background-image:url(/static/media/gw.3b1eba4bfbd859d523f4.svg)}.fi-gw.fis{background-image:url(/static/media/gw.2bfb1be148a6707e5ccd.svg)}.fi-gy{background-image:url(/static/media/gy.f3e2f1acb06c7b8bd851.svg)}.fi-gy.fis{background-image:url(/static/media/gy.0cb6e81609a2c5fd27dc.svg)}.fi-hk{background-image:url(/static/media/hk.8b89a0a3a4b2b0fe24c4.svg)}.fi-hk.fis{background-image:url(/static/media/hk.b80f4f843c33522190c6.svg)}.fi-hm{background-image:url(/static/media/hm.d7f4f6208ebc8b2a936b.svg)}.fi-hm.fis{background-image:url(/static/media/hm.fe75e73aa43e2b17f7c5.svg)}.fi-hn{background-image:url(/static/media/hn.2427006aada8b474df11.svg)}.fi-hn.fis{background-image:url(/static/media/hn.084f590fe38a14fc3755.svg)}.fi-hr{background-image:url(/static/media/hr.144812f9830a54938661.svg)}.fi-hr.fis{background-image:url(/static/media/hr.95aa474136210e1fc867.svg)}.fi-ht{background-image:url(/static/media/ht.adf3ce4a80c9aba47d52.svg)}.fi-ht.fis{background-image:url(/static/media/ht.bbbd7c26b9335fffbc89.svg)}.fi-hu{background-image:url(/static/media/hu.e404d718cffb5bd06467.svg)}.fi-hu.fis{background-image:url(/static/media/hu.cb329e885950a7c05407.svg)}.fi-id{background-image:url(/static/media/id.f624e2c8444a7794b357.svg)}.fi-id.fis{background-image:url(/static/media/id.578a8a9cdfdb824a35b1.svg)}.fi-ie{background-image:url(/static/media/ie.0542b94612db83a2f550.svg)}.fi-ie.fis{background-image:url(/static/media/ie.9e3414e898f1a07d0bea.svg)}.fi-il{background-image:url(/static/media/il.1e6c2f0e584f3e9eeceb.svg)}.fi-il.fis{background-image:url(/static/media/il.d92f72de0e032a9689fb.svg)}.fi-im{background-image:url(/static/media/im.bccfbbb9cbf510a6b55d.svg)}.fi-im.fis{background-image:url(/static/media/im.d47ec035ec3114c6aade.svg)}.fi-in{background-image:url(/static/media/in.12c66a162687c5c17ea4.svg)}.fi-in.fis{background-image:url(/static/media/in.5d3291b586986f65e7f1.svg)}.fi-io{background-image:url(/static/media/io.434092db7f34f2bc6a04.svg)}.fi-io.fis{background-image:url(/static/media/io.0838e35fe56aa2cc1220.svg)}.fi-iq{background-image:url(/static/media/iq.e74b8b9c289e8223e1b4.svg)}.fi-iq.fis{background-image:url(/static/media/iq.f0039f6611f1d049dd44.svg)}.fi-ir{background-image:url(/static/media/ir.c14862b9a48216f75d15.svg)}.fi-ir.fis{background-image:url(/static/media/ir.2ab9c0dee34bc5ef33a6.svg)}.fi-is{background-image:url(/static/media/is.8f88619495adccb68a6d.svg)}.fi-is.fis{background-image:url(/static/media/is.8bc19a219f1fc86da4ab.svg)}.fi-it{background-image:url(/static/media/it.08db2cd122d5f99494dd.svg)}.fi-it.fis{background-image:url(/static/media/it.febcc1b18059405d2a1b.svg)}.fi-je{background-image:url(/static/media/je.3660bd48e915237e2708.svg)}.fi-je.fis{background-image:url(/static/media/je.3a28ea4bb85774d4b377.svg)}.fi-jm{background-image:url(/static/media/jm.46c20a3e99315fb4e78c.svg)}.fi-jm.fis{background-image:url(/static/media/jm.593d0ceba0b8ef5b1f33.svg)}.fi-jo{background-image:url(/static/media/jo.84446d300951d305ca74.svg)}.fi-jo.fis{background-image:url(/static/media/jo.5e426c880a46a67775b8.svg)}.fi-jp{background-image:url(/static/media/jp.d288d548026f04523965.svg)}.fi-jp.fis{background-image:url(/static/media/jp.5d4d1d1eeb3d4c9ca374.svg)}.fi-ke{background-image:url(/static/media/ke.d625828986385991f7b1.svg)}.fi-ke.fis{background-image:url(/static/media/ke.bdd8fd0975ed99339338.svg)}.fi-kg{background-image:url(/static/media/kg.7686278119d26d5a1bf4.svg)}.fi-kg.fis{background-image:url(/static/media/kg.34d44976ab25b9ad4834.svg)}.fi-kh{background-image:url(/static/media/kh.d9ccd75a51b421240f5f.svg)}.fi-kh.fis{background-image:url(/static/media/kh.07d04a9622beca9b9db3.svg)}.fi-ki{background-image:url(/static/media/ki.7bd6796e1f09758896c6.svg)}.fi-ki.fis{background-image:url(/static/media/ki.49d96317875737b91310.svg)}.fi-km{background-image:url(/static/media/km.e45809944f3127560237.svg)}.fi-km.fis{background-image:url(/static/media/km.ff5583b3507f34fe7751.svg)}.fi-kn{background-image:url(/static/media/kn.650b92794fb6826cea93.svg)}.fi-kn.fis{background-image:url(/static/media/kn.840875853a987e54a502.svg)}.fi-kp{background-image:url(/static/media/kp.a25df2f7fce788f16b6e.svg)}.fi-kp.fis{background-image:url(/static/media/kp.5d243e4871d0165a278f.svg)}.fi-kr{background-image:url(/static/media/kr.cb52920205a3904b12e9.svg)}.fi-kr.fis{background-image:url(/static/media/kr.977537ff603f52b41d25.svg)}.fi-kw{background-image:url(/static/media/kw.d8ca915f2732310fa098.svg)}.fi-kw.fis{background-image:url(/static/media/kw.969be8755a6d9aa9dd4a.svg)}.fi-ky{background-image:url(/static/media/ky.1789144ceb0a72aac3c9.svg)}.fi-ky.fis{background-image:url(/static/media/ky.f7a068edb919efe20e5e.svg)}.fi-kz{background-image:url(/static/media/kz.9f87805fde44d69ad3d6.svg)}.fi-kz.fis{background-image:url(/static/media/kz.a7a4a36b07daa2ade5bf.svg)}.fi-la{background-image:url(/static/media/la.67f27403e34d3229fa88.svg)}.fi-la.fis{background-image:url(/static/media/la.d7702465c2f6d8d09f68.svg)}.fi-lb{background-image:url(/static/media/lb.2f9b098ff67b3ed051d2.svg)}.fi-lb.fis{background-image:url(/static/media/lb.2d5ab80047be9bc6c444.svg)}.fi-lc{background-image:url(/static/media/lc.a5f7f2065e6c2a79aea5.svg)}.fi-lc.fis{background-image:url(/static/media/lc.1ef20b6d46e6f7e771e5.svg)}.fi-li{background-image:url(/static/media/li.3c6bc6b3c2cafb19ef82.svg)}.fi-li.fis{background-image:url(/static/media/li.85bfc49de22d5a395379.svg)}.fi-lk{background-image:url(/static/media/lk.3468ddaf65b68fef60ee.svg)}.fi-lk.fis{background-image:url(/static/media/lk.d8d3e19a29e3bda5ccc8.svg)}.fi-lr{background-image:url(/static/media/lr.61e7a9985643d013538d.svg)}.fi-lr.fis{background-image:url(/static/media/lr.6af0f7ecc531bf079ad3.svg)}.fi-ls{background-image:url(/static/media/ls.4856aea205c94f19b9a3.svg)}.fi-ls.fis{background-image:url(/static/media/ls.2ac940991b103125880d.svg)}.fi-lt{background-image:url(/static/media/lt.93a07daff68dea7336fd.svg)}.fi-lt.fis{background-image:url(/static/media/lt.1d07a8b84f27401d15e2.svg)}.fi-lu{background-image:url(/static/media/lu.5b52430a07e21655ba90.svg)}.fi-lu.fis{background-image:url(/static/media/lu.b8e230a73eba4125f3d6.svg)}.fi-lv{background-image:url(/static/media/lv.ff6176a6bfeba64d0716.svg)}.fi-lv.fis{background-image:url(/static/media/lv.884e7f97a321e3dda410.svg)}.fi-ly{background-image:url(/static/media/ly.9c0afe9e70e2e37b4322.svg)}.fi-ly.fis{background-image:url(/static/media/ly.c04602533ea862b49866.svg)}.fi-ma{background-image:url(/static/media/ma.ab052b412792b9fadd8c.svg)}.fi-ma.fis{background-image:url(/static/media/ma.4d3a6f5c2bd6a436e6a1.svg)}.fi-mc{background-image:url(/static/media/mc.b5edb75519037dcf483e.svg)}.fi-mc.fis{background-image:url(/static/media/mc.21f385d1c90452e35d21.svg)}.fi-md{background-image:url(/static/media/md.3218bd6d072386a2997b.svg)}.fi-md.fis{background-image:url(/static/media/md.2a07174f2dc12669bd34.svg)}.fi-me{background-image:url(/static/media/me.2e1e72f3094e36ac941f.svg)}.fi-me.fis{background-image:url(/static/media/me.f538281b26bf147de7d3.svg)}.fi-mf{background-image:url(/static/media/mf.9284dddffc0b6717ee5f.svg)}.fi-mf.fis{background-image:url(/static/media/mf.4b4f663eb5e16690ef4a.svg)}.fi-mg{background-image:url(/static/media/mg.5d294de1198203cd569a.svg)}.fi-mg.fis{background-image:url(/static/media/mg.bdd56d44e50a82caecc6.svg)}.fi-mh{background-image:url(/static/media/mh.cd62f8f2afec11d2e119.svg)}.fi-mh.fis{background-image:url(/static/media/mh.3263dfcc26053cd8688d.svg)}.fi-mk{background-image:url(/static/media/mk.b5eadefbb6da73c9d0cf.svg)}.fi-mk.fis{background-image:url(/static/media/mk.d335b1f7842c183f2626.svg)}.fi-ml{background-image:url(/static/media/ml.fa530666ce9e170dc6cd.svg)}.fi-ml.fis{background-image:url(/static/media/ml.abd95c9bbc3b8e14d05a.svg)}.fi-mm{background-image:url(/static/media/mm.82321f19830e8de129b7.svg)}.fi-mm.fis{background-image:url(/static/media/mm.53de19a4603b655a1a68.svg)}.fi-mn{background-image:url(/static/media/mn.3f8eb1ca08f6bb7aaffb.svg)}.fi-mn.fis{background-image:url(/static/media/mn.a6223b922704835ae93c.svg)}.fi-mo{background-image:url(/static/media/mo.d0a2d2249a5030e058f6.svg)}.fi-mo.fis{background-image:url(/static/media/mo.ab5e90e78a5c17a6a0b5.svg)}.fi-mp{background-image:url(/static/media/mp.691b7d8805f3179c9f63.svg)}.fi-mp.fis{background-image:url(/static/media/mp.c2d801d43c6c6de8ee22.svg)}.fi-mq{background-image:url(/static/media/mq.fe327ace5767815c40e3.svg)}.fi-mq.fis{background-image:url(/static/media/mq.794f4690ac0eca38ed10.svg)}.fi-mr{background-image:url(/static/media/mr.9fd4a16498f5a42e8039.svg)}.fi-mr.fis{background-image:url(/static/media/mr.6d5d216f7c28b12d0b28.svg)}.fi-ms{background-image:url(/static/media/ms.3f469e691405e360b0ba.svg)}.fi-ms.fis{background-image:url(/static/media/ms.36dfc347d425859d92a6.svg)}.fi-mt{background-image:url(/static/media/mt.cbd22fd0520402e63d94.svg)}.fi-mt.fis{background-image:url(/static/media/mt.f69e2471cdc4b0b27656.svg)}.fi-mu{background-image:url(/static/media/mu.468d5464b2219b1bb922.svg)}.fi-mu.fis{background-image:url(/static/media/mu.fd1c498d09f3df7291e3.svg)}.fi-mv{background-image:url(/static/media/mv.f252e4cb6189ffbeb1ed.svg)}.fi-mv.fis{background-image:url(/static/media/mv.8cb05cc8693221f2eec1.svg)}.fi-mw{background-image:url(/static/media/mw.8c7c71cfc01cf1f6bab5.svg)}.fi-mw.fis{background-image:url(/static/media/mw.c9b6345c3e8561b3c871.svg)}.fi-mx{background-image:url(/static/media/mx.e8cbe88926d7a4675d47.svg)}.fi-mx.fis{background-image:url(/static/media/mx.b2ba7a3bf813d512f807.svg)}.fi-my{background-image:url(/static/media/my.7ebfe8cc7776c2ca1268.svg)}.fi-my.fis{background-image:url(/static/media/my.86044c68a247847062cc.svg)}.fi-mz{background-image:url(/static/media/mz.bdc2675416389aa0436a.svg)}.fi-mz.fis{background-image:url(/static/media/mz.49226d9a923e573e318f.svg)}.fi-na{background-image:url(/static/media/na.121ad7c836aa668ada66.svg)}.fi-na.fis{background-image:url(/static/media/na.29e28347f7830f429fd2.svg)}.fi-nc{background-image:url(/static/media/nc.d9a7497a457181a7dfbb.svg)}.fi-nc.fis{background-image:url(/static/media/nc.a9c6e731107c6ee44579.svg)}.fi-ne{background-image:url(/static/media/ne.82c3626f7a2a329d1397.svg)}.fi-ne.fis{background-image:url(/static/media/ne.66cb0cd9e54d34e883f1.svg)}.fi-nf{background-image:url(/static/media/nf.e4e73fc46014083a9134.svg)}.fi-nf.fis{background-image:url(/static/media/nf.c9745bcb0373a314d119.svg)}.fi-ng{background-image:url(/static/media/ng.f29450b9f8b2f04e96aa.svg)}.fi-ng.fis{background-image:url(/static/media/ng.1b98819eb371ab888962.svg)}.fi-ni{background-image:url(/static/media/ni.d7f1262d27d9b714b3d9.svg)}.fi-ni.fis{background-image:url(/static/media/ni.b75b50ce772a999ef744.svg)}.fi-nl{background-image:url(/static/media/nl.874fbf1b360bed6592fc.svg)}.fi-nl.fis{background-image:url(/static/media/nl.db73c2454405f07c049b.svg)}.fi-no{background-image:url(/static/media/no.b9cc4fcdf51eb234607e.svg)}.fi-no.fis{background-image:url(/static/media/no.c2a3c34c769194e219c3.svg)}.fi-np{background-image:url(/static/media/np.f6bc27427157a2bec4a1.svg)}.fi-np.fis{background-image:url(/static/media/np.2d7d2bcb6169aaea295d.svg)}.fi-nr{background-image:url(/static/media/nr.0d87ce78609053fbd9c4.svg)}.fi-nr.fis{background-image:url(/static/media/nr.8ccd0a5da4e0df47f13d.svg)}.fi-nu{background-image:url(/static/media/nu.2d9c15c308eff50f974f.svg)}.fi-nu.fis{background-image:url(/static/media/nu.c4afdde3280afe436fc8.svg)}.fi-nz{background-image:url(/static/media/nz.64b16b7eb8b8e423bcab.svg)}.fi-nz.fis{background-image:url(/static/media/nz.29afa191293fa678462c.svg)}.fi-om{background-image:url(/static/media/om.4daba227b37c2ab2ca67.svg)}.fi-om.fis{background-image:url(/static/media/om.8f66157154d23e687e15.svg)}.fi-pa{background-image:url(/static/media/pa.8659812291825552ed13.svg)}.fi-pa.fis{background-image:url(/static/media/pa.f06ec28a8cfb2f6f6362.svg)}.fi-pe{background-image:url(/static/media/pe.d64e9732fcaa8f765994.svg)}.fi-pe.fis{background-image:url(/static/media/pe.b8e62fe370160622092e.svg)}.fi-pf{background-image:url(/static/media/pf.25a9bf08819ab8d40bfe.svg)}.fi-pf.fis{background-image:url(/static/media/pf.5d921946e92c3a04b94f.svg)}.fi-pg{background-image:url(/static/media/pg.2d787f7b6ef61dfbed13.svg)}.fi-pg.fis{background-image:url(/static/media/pg.a4a1866a135a7be68104.svg)}.fi-ph{background-image:url(/static/media/ph.b1d1902e71b7a98d1c23.svg)}.fi-ph.fis{background-image:url(/static/media/ph.8ed533301806dce5830e.svg)}.fi-pk{background-image:url(/static/media/pk.d6091ce69832a5070cf9.svg)}.fi-pk.fis{background-image:url(/static/media/pk.acaf672a1088ce7bcd0f.svg)}.fi-pl{background-image:url(/static/media/pl.2b5541c54505328dbc1b.svg)}.fi-pl.fis{background-image:url(/static/media/pl.cd835d05865e496ff6b8.svg)}.fi-pm{background-image:url(/static/media/pm.f290a4bcb2060c82a15c.svg)}.fi-pm.fis{background-image:url(/static/media/pm.b56ece89b69b4dc021b1.svg)}.fi-pn{background-image:url(/static/media/pn.1b304551dcaf53a9bfc7.svg)}.fi-pn.fis{background-image:url(/static/media/pn.2e59e547cdaf14380b3a.svg)}.fi-pr{background-image:url(/static/media/pr.28689af1c71936396dba.svg)}.fi-pr.fis{background-image:url(/static/media/pr.8885546ef53d96765ed6.svg)}.fi-ps{background-image:url(/static/media/ps.abfb274564ccff2da892.svg)}.fi-ps.fis{background-image:url(/static/media/ps.dd52ee573d5487121ebb.svg)}.fi-pt{background-image:url(/static/media/pt.f8ac2991a4c362cf6c65.svg)}.fi-pt.fis{background-image:url(/static/media/pt.90bff567ed742591697c.svg)}.fi-pw{background-image:url(/static/media/pw.5df27d3f0d819edce100.svg)}.fi-pw.fis{background-image:url(/static/media/pw.a831460a026477de3470.svg)}.fi-py{background-image:url(/static/media/py.95a265cc6b9db6623876.svg)}.fi-py.fis{background-image:url(/static/media/py.3a8059fd5fa678bbaf0a.svg)}.fi-qa{background-image:url(/static/media/qa.74602db5190dc8001c8d.svg)}.fi-qa.fis{background-image:url(/static/media/qa.8f91b7516726e3518cfa.svg)}.fi-re{background-image:url(/static/media/re.9d72b568db01dfb982e8.svg)}.fi-re.fis{background-image:url(/static/media/re.65fecda00937aa8b6917.svg)}.fi-ro{background-image:url(/static/media/ro.33482fcd4344b097d6d7.svg)}.fi-ro.fis{background-image:url(/static/media/ro.6d757067ccc276327b1b.svg)}.fi-rs{background-image:url(/static/media/rs.7e1afa4b394b0ffef9a0.svg)}.fi-rs.fis{background-image:url(/static/media/rs.099fd9d4031b066a2362.svg)}.fi-ru{background-image:url(/static/media/ru.097b629d57d4188b9b83.svg)}.fi-ru.fis{background-image:url(/static/media/ru.23622fff0c60191d7183.svg)}.fi-rw{background-image:url(/static/media/rw.f87cd918f9cf4421e109.svg)}.fi-rw.fis{background-image:url(/static/media/rw.2dbaa32bbc3d280477a0.svg)}.fi-sa{background-image:url(/static/media/sa.b26b19034a77a3b4b09a.svg)}.fi-sa.fis{background-image:url(/static/media/sa.f9dacb2d88206424cfc1.svg)}.fi-sb{background-image:url(/static/media/sb.22224fa1c1bf800c3bfb.svg)}.fi-sb.fis{background-image:url(/static/media/sb.828b2f112f1fed197a19.svg)}.fi-sc{background-image:url(/static/media/sc.4691653cefd138906e7b.svg)}.fi-sc.fis{background-image:url(/static/media/sc.fea26a158b05a81a819d.svg)}.fi-sd{background-image:url(/static/media/sd.d7f3b46827654083de6f.svg)}.fi-sd.fis{background-image:url(/static/media/sd.8df6ee83e80bb13d8e9c.svg)}.fi-se{background-image:url(/static/media/se.8b8db9f4172ba5d8d3c4.svg)}.fi-se.fis{background-image:url(/static/media/se.3dc09b9e96cefa2fa42b.svg)}.fi-sg{background-image:url(/static/media/sg.8b629e7bf137abf1643b.svg)}.fi-sg.fis{background-image:url(/static/media/sg.6cc62188097943de02c0.svg)}.fi-sh{background-image:url(/static/media/sh.b0d0251be62a5f27282a.svg)}.fi-sh.fis{background-image:url(/static/media/sh.0de30ebc7c574ff9f829.svg)}.fi-si{background-image:url(/static/media/si.9cf5cf5992bd48b0d23f.svg)}.fi-si.fis{background-image:url(/static/media/si.3aa260cd05eca90d50ab.svg)}.fi-sj{background-image:url(/static/media/sj.f8f9b21529bdc34df1b5.svg)}.fi-sj.fis{background-image:url(/static/media/sj.7111b15215671c0cabae.svg)}.fi-sk{background-image:url(/static/media/sk.927ef7d8ba0b07afb706.svg)}.fi-sk.fis{background-image:url(/static/media/sk.2055cb509c045ec96ffb.svg)}.fi-sl{background-image:url(/static/media/sl.d4cd148ff94760097b5c.svg)}.fi-sl.fis{background-image:url(/static/media/sl.ec1ec422fd5ac1515437.svg)}.fi-sm{background-image:url(/static/media/sm.fdcc857e946620bb9f99.svg)}.fi-sm.fis{background-image:url(/static/media/sm.d048b19e15c5c1fae878.svg)}.fi-sn{background-image:url(/static/media/sn.5d2dde7343ab4f202890.svg)}.fi-sn.fis{background-image:url(/static/media/sn.07ec7ccbea282d9458ad.svg)}.fi-so{background-image:url(/static/media/so.178fe49679297c70c6b7.svg)}.fi-so.fis{background-image:url(/static/media/so.8c4f928238059d27507d.svg)}.fi-sr{background-image:url(/static/media/sr.f281cc96dc94e9f2bcdf.svg)}.fi-sr.fis{background-image:url(/static/media/sr.45463ee6f9675e59c293.svg)}.fi-ss{background-image:url(/static/media/ss.0b0f58edf447e463e793.svg)}.fi-ss.fis{background-image:url(/static/media/ss.1c422f30a5c1c74cedaa.svg)}.fi-st{background-image:url(/static/media/st.b1de9e523e773c7d9318.svg)}.fi-st.fis{background-image:url(/static/media/st.950ecdadde620ad2ec44.svg)}.fi-sv{background-image:url(/static/media/sv.79fbc03fce7cd1c8802f.svg)}.fi-sv.fis{background-image:url(/static/media/sv.26bae9ea3e5602880a0a.svg)}.fi-sx{background-image:url(/static/media/sx.461132beaf7defd5ed83.svg)}.fi-sx.fis{background-image:url(/static/media/sx.8c3f47fafde8fe4238ff.svg)}.fi-sy{background-image:url(/static/media/sy.fe2dc23e7e6916c38fb7.svg)}.fi-sy.fis{background-image:url(/static/media/sy.78c23a804f1b457327a7.svg)}.fi-sz{background-image:url(/static/media/sz.db509778d180d220f4dd.svg)}.fi-sz.fis{background-image:url(/static/media/sz.86d9e360ea288c0916df.svg)}.fi-tc{background-image:url(/static/media/tc.b35a924a728812678cc1.svg)}.fi-tc.fis{background-image:url(/static/media/tc.df6f3e13c828a50dd948.svg)}.fi-td{background-image:url(/static/media/td.ce35efd0cf28cc8886eb.svg)}.fi-td.fis{background-image:url(/static/media/td.16a25e2113c56509d1b6.svg)}.fi-tf{background-image:url(/static/media/tf.a1e1b04e6e2a99335098.svg)}.fi-tf.fis{background-image:url(/static/media/tf.75f62b392f2571079a00.svg)}.fi-tg{background-image:url(/static/media/tg.89535c02f928796649ea.svg)}.fi-tg.fis{background-image:url(/static/media/tg.0befc019211dfc197e18.svg)}.fi-th{background-image:url(/static/media/th.d3dea0cee87c83e3a1e6.svg)}.fi-th.fis{background-image:url(/static/media/th.b4262644824a028810ca.svg)}.fi-tj{background-image:url(/static/media/tj.048c841a9452fdce8c27.svg)}.fi-tj.fis{background-image:url(/static/media/tj.6e2457956a86906e9038.svg)}.fi-tk{background-image:url(/static/media/tk.dda2603624dd706ba80b.svg)}.fi-tk.fis{background-image:url(/static/media/tk.16bf538d1a8ab01f4b39.svg)}.fi-tl{background-image:url(/static/media/tl.5a92426cb730d159461a.svg)}.fi-tl.fis{background-image:url(/static/media/tl.2906e09e23414d013359.svg)}.fi-tm{background-image:url(/static/media/tm.890e13cab021a2ccc690.svg)}.fi-tm.fis{background-image:url(/static/media/tm.613323bc56fcd8b1bd79.svg)}.fi-tn{background-image:url(/static/media/tn.b66f06d623ea128cc2d6.svg)}.fi-tn.fis{background-image:url(/static/media/tn.bd9427159dadd137bf86.svg)}.fi-to{background-image:url(/static/media/to.a7375d4d2ef32a2c8761.svg)}.fi-to.fis{background-image:url(/static/media/to.2cb4df0a0e3875c3c113.svg)}.fi-tr{background-image:url(/static/media/tr.535c328e67d2cd262543.svg)}.fi-tr.fis{background-image:url(/static/media/tr.3a7c1ff2bc949f910d21.svg)}.fi-tt{background-image:url(/static/media/tt.faa91be4a726ae707d5d.svg)}.fi-tt.fis{background-image:url(/static/media/tt.f3b1780e0f620d5e5e65.svg)}.fi-tv{background-image:url(/static/media/tv.fd2caae1fd2cb51b675a.svg)}.fi-tv.fis{background-image:url(/static/media/tv.57ef8775a287d9d53d50.svg)}.fi-tw{background-image:url(/static/media/tw.39308d8769d9190bd1aa.svg)}.fi-tw.fis{background-image:url(/static/media/tw.8ea0b61c9cced533d851.svg)}.fi-tz{background-image:url(/static/media/tz.bec1e1d6b9d5b6bb98b3.svg)}.fi-tz.fis{background-image:url(/static/media/tz.5ca0246e7997b017d7ed.svg)}.fi-ua{background-image:url(/static/media/ua.423c68f9fb154fb2749b.svg)}.fi-ua.fis{background-image:url(/static/media/ua.af1d11dab17044ee2036.svg)}.fi-ug{background-image:url(/static/media/ug.222bcbd9d06e2864db96.svg)}.fi-ug.fis{background-image:url(/static/media/ug.db68bb1b5c91f0899146.svg)}.fi-um{background-image:url(/static/media/um.9efb46d30197d66c362f.svg)}.fi-um.fis{background-image:url(/static/media/um.a57097a45d61f696bb5d.svg)}.fi-us{background-image:url(/static/media/us.912cb4a8f30b24032f0d.svg)}.fi-us.fis{background-image:url(/static/media/us.9acbcf1017616e2140a1.svg)}.fi-uy{background-image:url(/static/media/uy.2515d7371de19a0642e6.svg)}.fi-uy.fis{background-image:url(/static/media/uy.cb5fcc05a537d0236c3c.svg)}.fi-uz{background-image:url(/static/media/uz.7ed400a6435c85b5b890.svg)}.fi-uz.fis{background-image:url(/static/media/uz.15a9a22cda20d4284071.svg)}.fi-va{background-image:url(/static/media/va.f5a05c3a3ef6f8c04cd7.svg)}.fi-va.fis{background-image:url(/static/media/va.bbc2e5e39631d0a12732.svg)}.fi-vc{background-image:url(/static/media/vc.696f1551fbfd85d91302.svg)}.fi-vc.fis{background-image:url(/static/media/vc.007dc890b99ef6f19713.svg)}.fi-ve{background-image:url(/static/media/ve.8654417d0313322c0ee9.svg)}.fi-ve.fis{background-image:url(/static/media/ve.566e10866c917e59bb97.svg)}.fi-vg{background-image:url(/static/media/vg.adc10267dfa34dc8352c.svg)}.fi-vg.fis{background-image:url(/static/media/vg.f51c57586a36251c99f3.svg)}.fi-vi{background-image:url(/static/media/vi.7b2e71e5890900de2981.svg)}.fi-vi.fis{background-image:url(/static/media/vi.4b5722123d54a3b84a21.svg)}.fi-vn{background-image:url(/static/media/vn.e80173a9c3cbaa60c593.svg)}.fi-vn.fis{background-image:url(/static/media/vn.7601c8acd6cc2bd13ebe.svg)}.fi-vu{background-image:url(/static/media/vu.f127f219c07785ec34d3.svg)}.fi-vu.fis{background-image:url(/static/media/vu.282e59f945b6d314feec.svg)}.fi-wf{background-image:url(/static/media/wf.2a313731eae3ed3e6bf3.svg)}.fi-wf.fis{background-image:url(/static/media/wf.311c4e739fa8377d139d.svg)}.fi-ws{background-image:url(/static/media/ws.314e33c2a444698f4bce.svg)}.fi-ws.fis{background-image:url(/static/media/ws.f06e3a3930f25859ac07.svg)}.fi-ye{background-image:url(/static/media/ye.948f27c439684b56bb9d.svg)}.fi-ye.fis{background-image:url(/static/media/ye.822b8bf24cfbceb7b411.svg)}.fi-yt{background-image:url(/static/media/yt.433b076a0fbb984af9f2.svg)}.fi-yt.fis{background-image:url(/static/media/yt.db71201b57772674af44.svg)}.fi-za{background-image:url(/static/media/za.57ed656aa5c93d478f18.svg)}.fi-za.fis{background-image:url(/static/media/za.35fc70ecbde5380e5afb.svg)}.fi-zm{background-image:url(/static/media/zm.b75585a7ee75bddfdf08.svg)}.fi-zm.fis{background-image:url(/static/media/zm.d0a453b1fcd36a5dc8b2.svg)}.fi-zw{background-image:url(/static/media/zw.8870c0c23ef3c27cf333.svg)}.fi-zw.fis{background-image:url(/static/media/zw.1f332afdffeb9bd17a13.svg)}.fi-arab{background-image:url(/static/media/arab.4d8a095e5e2e4eafc280.svg)}.fi-arab.fis{background-image:url(/static/media/arab.0499fb50ad82b93fc5d3.svg)}.fi-asean{background-image:url(/static/media/asean.137f55335f0d045f4de6.svg)}.fi-asean.fis{background-image:url(/static/media/asean.13dda45b3ea2f2f977d7.svg)}.fi-cefta{background-image:url(/static/media/cefta.159b824020be52ab9a1d.svg)}.fi-cefta.fis{background-image:url(/static/media/cefta.4247899e6d860ac788cd.svg)}.fi-cp{background-image:url(/static/media/cp.f6b10f55c03f66f74018.svg)}.fi-cp.fis{background-image:url(/static/media/cp.6c0badecbaa751338752.svg)}.fi-dg{background-image:url(/static/media/dg.36d294bef32b3784507e.svg)}.fi-dg.fis{background-image:url(/static/media/dg.7ebcdb1f66f71aa42e0c.svg)}.fi-eac{background-image:url(/static/media/eac.cd37edea822f43242bb6.svg)}.fi-eac.fis{background-image:url(/static/media/eac.eb5c25768976b4a8d7bb.svg)}.fi-es-ct{background-image:url(/static/media/es-ct.ae2d1ab93385b37fd124.svg)}.fi-es-ct.fis{background-image:url(/static/media/es-ct.9d52c0a552153cf88238.svg)}.fi-es-ga{background-image:url(/static/media/es-ga.a422d85b7b98ad52b43d.svg)}.fi-es-ga.fis{background-image:url(/static/media/es-ga.0f8315b9167631cea364.svg)}.fi-es-pv{background-image:url(/static/media/es-pv.9505fc54b48e50e05629.svg)}.fi-es-pv.fis{background-image:url(/static/media/es-pv.e0f6252aacba9bacf0be.svg)}.fi-eu{background-image:url(/static/media/eu.c9d8d63e107e62b812c8.svg)}.fi-eu.fis{background-image:url(/static/media/eu.8224e4265da2d4361a09.svg)}.fi-gb-eng{background-image:url(/static/media/gb-eng.ee3571430d489c32deac.svg)}.fi-gb-eng.fis{background-image:url(/static/media/gb-eng.7b249f565cc9aa70b36b.svg)}.fi-gb-nir{background-image:url(/static/media/gb-nir.ace14a1e13b50069efb5.svg)}.fi-gb-nir.fis{background-image:url(/static/media/gb-nir.5fdc67fb2e1872b0901f.svg)}.fi-gb-sct{background-image:url(/static/media/gb-sct.5edc6d75a73111158da1.svg)}.fi-gb-sct.fis{background-image:url(/static/media/gb-sct.5e8518f9c48a90941d02.svg)}.fi-gb-wls{background-image:url(/static/media/gb-wls.8794435cae904ded53d9.svg)}.fi-gb-wls.fis{background-image:url(/static/media/gb-wls.4360c12f55e98aab95fe.svg)}.fi-ic{background-image:url(/static/media/ic.500d420982feb8a67cbc.svg)}.fi-ic.fis{background-image:url(/static/media/ic.5217cbc3b14b1f23840f.svg)}.fi-pc{background-image:url(/static/media/pc.e0de38a24ff09649830a.svg)}.fi-pc.fis{background-image:url(/static/media/pc.cac28e273f71820aef16.svg)}.fi-sh-ac{background-image:url(/static/media/sh-ac.103b29f98a6b270e001a.svg)}.fi-sh-ac.fis{background-image:url(/static/media/sh-ac.12e47249c910761e397d.svg)}.fi-sh-hl{background-image:url(/static/media/sh-hl.6128ecfc64f67f61372a.svg)}.fi-sh-hl.fis{background-image:url(/static/media/sh-hl.a28e46fcd71bb0cdc7cb.svg)}.fi-sh-ta{background-image:url(/static/media/sh-ta.63e0f3087d23a3db1c69.svg)}.fi-sh-ta.fis{background-image:url(/static/media/sh-ta.fc41b9a4353f62943cb0.svg)}.fi-un{background-image:url(/static/media/un.b7d8400aa3b0c3cfc511.svg)}.fi-un.fis{background-image:url(/static/media/un.c7ec902d8db0318757f2.svg)}.fi-xk{background-image:url(/static/media/xk.1d1068e60cd34d1bfb58.svg)}.fi-xk.fis{background-image:url(/static/media/xk.b15361c3054b56026b03.svg)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;height:100vh;overflow:hidden;position:relative;width:100%}.main-content{box-sizing:border-box;flex:1 1;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding-top:60px;position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content,.main-content.with-sidebar{margin-left:280px}.main-content.with-sidebar.sidebar-collapsed{margin-left:90px}.main-content.without-sidebar{margin-left:0}.app-header{background:#fff;box-shadow:0 2px 4px #0000001a;height:60px;left:0;position:fixed;right:0;top:0;z-index:1000}.sidebar{height:100vh;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:99}.sidebar.collapsed{width:60px}@media (max-width:768px){.main-content{padding-top:60px;width:100%!important}.main-content,.main-content.with-sidebar{margin-left:0!important}.sidebar{width:60px}.sidebar.expanded-mobile{box-shadow:2px 0 10px #0003;width:280px}}.loading-container{color:#555;font-size:18px;min-height:calc(100vh - 60px)}.loading-container,.login-container{align-items:center;display:flex;justify-content:center}.login-container{background-color:#f0f2f5;min-height:100vh;padding:20px}.login-content{max-width:600px;text-align:center;width:100%}.login-content h1{color:#333;font-size:28px;margin-bottom:16px}.login-content p{color:#666;margin-bottom:24px}body.with-custom-background,body.with-custom-background .admin-container,body.with-custom-background .app-container,body.with-custom-background .background-content,body.with-custom-background .login-container,body.with-custom-background .profile-container,body.with-custom-background .settings-container,body.with-custom-background .task-board-wrapper,html.with-custom-background{background-color:initial!important}body.with-custom-background .admin-main,body.with-custom-background .profile-container .user-profile,body.with-custom-background .settings-content{background-color:#fff!important;border-radius:12px;box-shadow:0 8px 32px #0000001a}body.with-custom-background .task-board{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:initial!important;border-radius:0!important;box-shadow:none!important}body.with-custom-background .task-board-tools{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#ffffffb3!important;border-radius:8px;box-shadow:0 4px 12px #0000000d}.app-background-wrapper{min-height:100vh;position:relative;width:100%}.app-background{transition:background .3s ease;z-index:-2}.app-background,.background-overlay{height:100%;left:0;position:fixed;top:0;width:100%}.background-overlay{transition:opacity .3s ease,-webkit-backdrop-filter .3s ease;transition:backdrop-filter .3s ease,opacity .3s ease;transition:backdrop-filter .3s ease,opacity .3s ease,-webkit-backdrop-filter .3s ease;z-index:-1}.background-content{min-height:100vh;position:relative;width:100%;z-index:1}body.with-custom-background .task-board-columns{background-color:initial!important;display:flex;gap:20px;overflow-x:auto;padding:10px}body.with-custom-background .task-column{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#ffffffbf!important;border:1px solid #0000001a;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-right:0!important}body.with-custom-background .task-card{background-color:#fffffff2!important;background-color:var(--task-bg-color,#fffffff2)!important;border:1px solid #00000014;border-radius:6px;box-shadow:0 2px 8px #0000000d}body.with-custom-background .task-card.has-custom-bg{background-color:inherit!important;background-color:var(--task-bg-color,inherit)!important}body.dark-theme{background-color:#111827;color:#e5e7eb}body.dark-theme.with-custom-background .admin-main,body.dark-theme.with-custom-background .profile-container .user-profile,body.dark-theme.with-custom-background .settings-content{background-color:#1f2937!important}body.dark-theme.with-custom-background .task-board-tools{background-color:#1e1e1eb3!important}body.dark-theme.with-custom-background .task-column{background-color:#1e1e1ebf!important}body.dark-theme.with-custom-background .task-card{background-color:#282828f2!important;border:1px solid #ffffff14}@supports not ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){body.with-custom-background .task-board-tools,body.with-custom-background .task-column{background-color:#ffffffd9!important}body.dark-theme.with-custom-background .task-board-tools,body.dark-theme.with-custom-background .task-column{background-color:#1e1e1ed9!important}}@media (max-width:767px){.login-content h1{font-size:24px}.login-content p{font-size:14px}body.with-custom-background .task-column{min-width:260px}}.google-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#4285f4;height:40px;width:40px}.spinner{border:4px solid #e5e7eb}.board-filters{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border-radius:6px;margin:8px 16px;padding:4px}.board-filters button{border-radius:4px;color:#666;color:var(--text-secondary,#666);padding:4px 8px;transition:all .2s}.board-filters button:hover{background-color:#e5e5e5;background-color:var(--bg-hover,#e5e5e5)}.board-filters button.active{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);color:#fff}.board-indicators{gap:4px}.board-indicators svg{color:#666;color:var(--text-secondary,#666)}.board-menu .visibility-submenu{background-color:initial!important;display:flex;flex-direction:column;gap:2px}.submenu-title{color:#666;color:var(--text-secondary,#666);font-size:11px;font-weight:600;padding:4px 8px}.visibility-submenu button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;font-size:12px;gap:8px;justify-content:flex-start;padding:6px 12px;text-align:left;width:100%}.visibility-submenu button:hover{background-color:#f0f0f0;background-color:var(--bg-hover,#f0f0f0)}.board-menu hr{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color,#e5e5e5);margin:4px 0}.dark-theme .visibility-submenu button{color:var(--text-primary)}.dark-theme .visibility-submenu button:hover{background-color:#ffffff1a}.dark-theme .visibility-submenu button.active{background-color:#ffffff26}.admin-container,.analytics-container,.loading-container,.my-requests-container,.profile-container,.reports-container,.roles-manager,.settings-container,.tenant-manager{box-sizing:border-box!important;height:auto!important;min-height:calc(100vh - 60px)!important;overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:40px!important;padding-top:20px!important}.admin-main,.analytics-content,.loading-content,.reports-content{min-height:calc(100vh - 120px)!important;padding-bottom:50px!important}.landing-page{height:auto!important;min-height:100vh!important;overflow-y:auto!important}.task-board-wrapper{overflow:hidden!important}.scrollable-content{max-height:calc(100vh - 100px)!important;overflow-y:auto!important}.admin-container::-webkit-scrollbar,.my-requests-container::-webkit-scrollbar,.profile-container::-webkit-scrollbar,.roles-manager::-webkit-scrollbar,.settings-container::-webkit-scrollbar,.tenant-manager::-webkit-scrollbar{width:10px}.admin-container::-webkit-scrollbar-track,.my-requests-container::-webkit-scrollbar-track,.profile-container::-webkit-scrollbar-track,.roles-manager::-webkit-scrollbar-track,.settings-container::-webkit-scrollbar-track,.tenant-manager::-webkit-scrollbar-track{background:#f0f0f0}.admin-container::-webkit-scrollbar-thumb,.my-requests-container::-webkit-scrollbar-thumb,.profile-container::-webkit-scrollbar-thumb,.roles-manager::-webkit-scrollbar-thumb,.settings-container::-webkit-scrollbar-thumb,.tenant-manager::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.admin-container::-webkit-scrollbar-thumb:hover,.my-requests-container::-webkit-scrollbar-thumb:hover,.profile-container::-webkit-scrollbar-thumb:hover,.roles-manager::-webkit-scrollbar-thumb:hover,.settings-container::-webkit-scrollbar-thumb:hover,.tenant-manager::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:768px){.main-content{padding-top:60px;width:100%!important}.main-content,.main-content.with-sidebar,.main-content.with-sidebar.sidebar-collapsed{margin-left:0!important}.task-board-wrapper{padding:0;width:100%}.admin-container,.analytics-container,.my-requests-container,.profile-container,.reports-container,.roles-manager,.settings-container,.tenant-manager{padding-bottom:30px!important;padding-top:15px!important}}@media (max-width:480px){.admin-container,.analytics-container,.my-requests-container,.profile-container,.reports-container,.roles-manager,.settings-container,.tenant-manager{padding:10px 10px 25px!important}}.main-content:has(.profile-container),.main-content:has(.roles-manager),.main-content:has(.tenant-manager){height:100vh!important;overflow-y:auto!important}.dark-theme{--bg-primary:#1e1e2e;--bg-secondary:#181825;--bg-tertiary:#11111b;--text-primary:#cdd6f4;--text-secondary:#a6adc8;--border-color:#313244;--column-bg:#11111b;--column-header-bg:#1e1e2e;--column-title-color:#cdd6f4;--column-action-color:#a6adc8;--column-action-hover:#cdd6f4;--task-bg:#1e1e2e;--task-color:#cdd6f4;--task-border:#313244;--task-count-bg:#313244;--task-count-color:#cdd6f4;--add-task-bg:#a6adc81a;--add-task-border:#313244;--add-task-color:#a6adc8;--add-task-hover-bg:#a6adc833;--add-task-hover-color:#cdd6f4;--drop-zone-active:#a6adc833;--empty-column-color:#a6adc8;--color-primary:#89b4fa;--color-primary-dark:#74c7ec;--color-primary-light:#b4befe;--color-secondary:#f38ba8;--color-success:#a6e3a1;--color-info:#89dceb;--color-warning:#fab387;--color-danger:#f38ba8;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080}.dark-theme .task-card{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.dark-theme .task-footer{border-top-color:var(--border-color)}.dark-theme .style-popup{background-color:var(--bg-primary);color:var(--text-primary)}.dark-theme .style-popup-header{background-color:var(--bg-tertiary);border-color:var(--border-color)}.dark-theme .style-popup-header h2{color:var(--text-primary)}.dark-theme .close-popup-button{color:var(--text-secondary)}.dark-theme .close-popup-button:hover{color:var(--text-primary)}.dark-theme .tab-button{color:var(--text-secondary)}.dark-theme .tab-button.active{color:var(--color-primary)}.dark-theme .tab-button.active:after{background-color:var(--color-primary)}.dark-theme .tab-button:hover{background-color:var(--bg-tertiary)}.dark-theme .color-input,.dark-theme .select-input,.dark-theme .title-text-input{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.dark-theme .color-input:hover,.dark-theme .select-input:hover,.dark-theme .title-text-input:hover{border-color:var(--bg-secondary)}.dark-theme .select-input:focus,.dark-theme .title-text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #89b4fa33}.dark-theme .align-button{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.dark-theme .align-button:hover:not(.active){background-color:var(--bg-secondary)}.dark-theme .align-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--bg-tertiary)}.dark-theme .formatting-options{background-color:var(--bg-tertiary);border-color:var(--border-color)}.dark-theme .format-label{color:var(--text-secondary)}.dark-theme .title-preview{border-color:var(--border-color)}.dark-theme .reset-styles-button{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.dark-theme .reset-styles-button:hover,.dark-theme .settings-container{background-color:var(--bg-secondary);color:var(--text-primary)}.dark-theme .settings-main,.dark-theme .settings-sidebar{background-color:var(--bg-primary);border-color:var(--border-color)}.dark-theme .user-info{border-color:var(--border-color)}.dark-theme .user-name{color:var(--text-primary)}.dark-theme .settings-nav button,.dark-theme .user-role{color:var(--text-secondary)}.dark-theme .settings-nav button:hover{background-color:var(--bg-tertiary)}.dark-theme .settings-nav button.active{background-color:var(--color-primary);color:var(--bg-tertiary)}.dark-theme .settings-header{border-color:var(--border-color)}.dark-theme .settings-header h2{color:var(--text-primary)}.dark-theme .reset-button{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.dark-theme .reset-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.dark-theme .setting-item{border-color:var(--border-color)}.dark-theme .setting-label{color:var(--text-primary)}.dark-theme .settings-select{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.dark-theme .settings-container .toggle-slider{background-color:var(--border-color)}.dark-theme .settings-container .toggle-switch input:checked+.toggle-slider{background-color:var(--color-success)}.dark-theme .save-button{background-color:var(--color-primary);color:var(--bg-tertiary)}.dark-theme .save-button:hover{background-color:var(--color-primary-dark)}.plan-debugger{background:#000000e6;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:12px;padding:15px;position:fixed;right:10px;top:10px;width:300px;z-index:10000}.plan-debugger-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.plan-debugger-header h4{font-size:14px;margin:0}.invalidate-btn,.log-btn,.refresh-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;margin-left:5px;padding:4px 8px}.invalidate-btn:hover,.log-btn:hover,.refresh-btn:hover{background:#0056b3}.plan-info{background:#ffffff1a;border-radius:4px;margin-bottom:10px;padding:5px}.features-list ul{list-style:none;margin:5px 0;padding:0}.features-list li{font-family:monospace;padding:2px 0}.features-list li.active{color:#28a745}.features-list li.inactive{color:#dc3545}.debug-actions{display:flex;gap:5px;margin-top:10px}.invalidate-btn{background:#ffc107;color:#000}.invalidate-btn:hover{background:#d39e00}.log-btn{background:#6c757d}.log-btn:hover{background:#545b62}.sidebar{background:linear-gradient(145deg,#1a1d23,#262a35);border-radius:0 16px 16px 0;border-top:1px solid #2a2d35;box-shadow:4px 0 20px #00000026;color:#e0e6ed;display:flex;flex-direction:column;height:calc(100vh - 60px);left:0;overflow:visible!important;position:fixed;top:60px;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:100}.sidebar.collapsed{overflow:visible!important;width:86px}.mobile-menu-toggle{align-items:center;animation:slideIn .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:none;height:48px;justify-content:center;left:16px;position:fixed;top:76px;transition:all .3s ease;width:48px;z-index:10000}.mobile-menu-toggle:hover{box-shadow:0 6px 16px #667eea80;transform:scale(1.1)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-toggle svg{height:24px;width:24px}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:99}.sidebar-overlay.active{display:block;opacity:1}.search-container{flex-shrink:0;margin:20px;position:relative}.search-container input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#e0e6ed;font-size:14px;padding:12px 16px 12px 44px;transition:all .2s ease;width:100%}.search-container input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-container svg{color:#8b949e;left:14px;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease}.search-container input:focus+svg{color:#667eea}.sidebar.collapsed .search-container{display:none}.boards-section{-ms-overflow-style:none;flex:1 1;margin:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 12px;scrollbar-width:none}.boards-section::-webkit-scrollbar{display:none}.section-header{align-items:center;color:#8b949e;display:flex;flex-shrink:0;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:1.2px;padding:16px 8px 12px;text-transform:uppercase}.sidebar.collapsed .section-header{justify-content:center;padding:16px 0 12px}.sidebar.collapsed .section-header span{display:none}.add-board-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.add-board-btn svg{height:20px;width:20px}.add-board-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.add-board-btn:active{transform:translateY(0)}.sidebar.collapsed .add-board-btn{height:44px;padding:12px;width:44px}.sidebar.collapsed .add-board-btn svg{height:24px;width:24px}.board-filters{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-shrink:0;gap:4px;margin-bottom:16px;padding:8px}.board-filters button{align-items:center;background:#0000;border:none;border-radius:8px;color:#8b949e;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.board-filters button svg{flex-shrink:0;opacity:.8;transition:opacity .2s ease}.board-filters button:hover{background:#ffffff0d;color:#e0e6ed}.board-filters button.active{background:#667eea26;color:#667eea}.sidebar.collapsed .board-filters{display:none}.boards-list{-ms-overflow-style:none;display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 300px);min-height:300px;overflow-x:hidden;overflow-y:auto;padding-bottom:16px;scroll-behavior:smooth;scrollbar-width:none}.boards-list::-webkit-scrollbar{display:none}.board-item{align-items:center;background:#ffffff05;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 12px;position:relative;transition:all .2s ease;z-index:1}.board-item:hover{background:#ffffff14;border-color:#ffffff1a;transform:translateX(2px);z-index:2}.board-item.active{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d;box-shadow:0 4px 12px #667eea33;z-index:3}.board-item.menu-open{z-index:999999!important}.board-item-content{align-items:center;display:flex;flex:1 1;gap:14px;min-width:0}.board-icon{align-items:center;border-radius:12px;box-shadow:0 2px 8px #00000026;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.board-icon svg{color:#fff;height:20px;width:20px}.board-name{flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-indicators{align-items:center;display:flex;gap:6px;margin-left:auto;margin-right:8px;opacity:.7;transition:opacity .2s ease}.board-item:hover .board-indicators{opacity:1}.default-indicator{fill:#fbbf24!important;color:#fbbf24!important;filter:drop-shadow(0 2px 4px rgba(251,191,36,.4))}.board-indicators svg[class*=lucide-building]{color:#a78bfa!important}.board-indicators svg[class*=lucide-globe]{color:#34d399!important}.board-indicators svg[class*=lucide-users]{color:#60a5fa!important}.board-actions{position:relative;z-index:999998}.board-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#8b949e;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:6px;transition:all .2s ease}.board-item:hover .board-action-btn{opacity:1}.board-action-btn:hover{background:#ffffff1a;border-color:#fff3;color:#e0e6ed}.board-menu{animation:menuSlideIn .2s ease;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#2a2d35,#1f2329);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 25px 80px #000c;isolation:isolate;max-height:calc(100vh - 20px);max-width:280px;min-width:220px;overflow-y:auto;padding:8px;pointer-events:auto;position:fixed!important;z-index:999999999!important}.board-menu.from-collapsed{animation:menuSlideInFromLeft .2s ease}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes menuSlideInFromLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.board-menu button{align-items:center;background:#0000;border:none;border-radius:8px;color:#e0e6ed;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:10px;padding:12px 14px;text-align:left;transition:all .2s ease;width:100%}.board-menu button:hover{background:#ffffff14;transform:translateX(2px)}.board-menu .delete-btn{color:#ff6b6b}.board-menu .delete-btn:hover{background:#ff6b6b26;color:#ff8787}.board-menu hr{background:#ffffff14;border:none;height:1px;margin:8px 0}.sidebar.collapsed .board-item{align-items:center;border-radius:10px;height:52px;justify-content:center;margin:0 10px 6px;max-height:52px;min-height:52px;padding:4px!important;width:calc(100% - 20px)}.sidebar.collapsed .board-actions,.sidebar.collapsed .board-icon,.sidebar.collapsed .board-item-content{display:none!important}.board-icon-collapsed,.board-item-collapsed{align-items:center;display:flex;height:44px!important;justify-content:center;position:relative;width:44px!important}.board-icon-collapsed{border-radius:10px!important;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;font-weight:600;overflow:visible!important;transition:all .2s ease}.board-icon-collapsed:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.board-icon-collapsed svg{color:#fff;height:22px;width:22px}.sidebar:not(.collapsed) .board-item-collapsed{display:none!important}.collapsed-menu-btn{align-items:center;background:#000000e6;border:1px solid #fff3;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;height:18px;justify-content:center;opacity:0;position:absolute;right:-4px;top:-4px;transition:all .2s ease;width:18px;z-index:10}.collapsed-menu-btn:hover{background:#667eeae6;transform:scale(1.1)}.collapsed-menu-btn svg{height:12px;width:12px}.sidebar.collapsed .board-item:hover .collapsed-menu-btn{opacity:1}.sidebar.collapsed .board-item.menu-open .collapsed-menu-btn{background:#667eea;border-color:#667eea;opacity:1}.board-tooltip{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#2d3748,#1a202c);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 16px 40px #0006;left:calc(100% + 16px);max-width:300px;min-width:240px;opacity:0;padding:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:999999}.sidebar.collapsed .board-item:hover .board-tooltip{opacity:1;transform:translateY(-50%) translateX(8px);visibility:visible}.sidebar-footer{border-radius:0 0 16px 0;border-top:1px solid #ffffff14;flex-shrink:0;margin-top:auto;padding:16px 12px}.subscription-info,.superadmin-badge{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:600;gap:12px;margin-bottom:12px;padding:12px 16px;transition:all .3s ease}.superadmin-badge{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border:1px solid #fbbf2433;color:#fbbf24;text-shadow:0 0 8px #fbbf244d}.subscription-info{background:#667eea1a;border:1px solid #667eea33;font-weight:500}.subscription-info.collapsed,.superadmin-badge.collapsed{border-radius:10px;gap:0;justify-content:center;margin:0 auto 10px;min-height:44px;padding:12px;width:44px}.boards-usage{border-top:1px solid #ffffff0f;color:#8b949e;font-size:12px;margin-top:12px;padding:8px 0 0;text-align:center}.sidebar.collapsed .boards-usage{display:none}.loading-placeholder{display:flex;flex-direction:column;gap:8px;min-height:150px;padding:16px 8px}.loading-item{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff08,#ffffff14 50%,#ffffff08);border-radius:12px;height:48px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state{color:#8b949e;font-size:14px;padding:32px 16px;text-align:center}@media (max-width:768px){.sidebar{border-radius:0;height:calc(100vh - 60px);left:0;position:fixed!important;top:60px;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:9999}.sidebar.mobile-open{transform:translateX(0)}.mobile-menu-toggle.visible,.sidebar:not(.mobile-open)~.mobile-menu-toggle{display:flex}.sidebar.mobile-open~.mobile-menu-toggle{display:none}.sidebar-header{padding:16px}.sidebar-logo h2{font-size:22px}.search-container{margin:16px}.search-container input{font-size:16px}.boards-section{padding:0 8px}.board-item{min-height:56px;padding:16px 12px}.board-icon{height:44px;width:44px}.board-name{font-size:15px}.add-board-btn{height:44px;padding:10px;width:44px}.add-board-btn svg{height:24px;width:24px}.board-action-btn{opacity:1;padding:8px}.board-menu{margin:0 16px;max-width:calc(100vw - 32px)}.board-menu button{font-size:15px;padding:14px 16px}.board-filters{flex-direction:column;gap:8px}.board-filters button{justify-content:flex-start;padding:12px;width:100%}.sidebar-footer{padding:12px}.boards-usage{font-size:11px}.board-tooltip{display:none}.sidebar.collapsed{width:280px}.sidebar.collapsed .board-filters,.sidebar.collapsed .boards-usage,.sidebar.collapsed .search-container{display:block}.sidebar.collapsed .section-header{justify-content:space-between}.sidebar.collapsed .section-header span{display:block}.sidebar.collapsed .board-item{height:auto;justify-content:space-between;margin:0;min-height:56px;padding:16px 12px;width:100%}.sidebar.collapsed .board-actions,.sidebar.collapsed .board-icon,.sidebar.collapsed .board-item-content{display:flex!important}.sidebar.collapsed .board-item-collapsed,.sidebar.collapsed .collapsed-menu-btn{display:none!important}}@media (max-width:480px){.sidebar{width:100%}.mobile-menu-toggle{height:44px;left:12px;top:72px;width:44px}.mobile-menu-toggle svg{height:22px;width:22px}.sidebar-header{padding:12px}.sidebar-logo h2{font-size:20px}.search-container{margin:12px}.section-header{font-size:10px;padding:12px 8px 10px}.board-item{padding:14px 10px}.board-filters button{font-size:13px;padding:10px}}@media (max-height:500px) and (orientation:landscape){.sidebar{height:100vh;top:0}.mobile-menu-toggle{top:16px}.boards-section{max-height:calc(100vh - 200px)}.board-item{min-height:44px;padding:10px 12px}.board-icon{height:36px;width:36px}.board-icon svg{height:18px;width:18px}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:240px}.sidebar.collapsed{width:76px}.sidebar-logo h2{font-size:24px}.board-item{padding:12px 10px}.sidebar.collapsed .board-item{margin:0 8px 6px;width:calc(100% - 16px)}.board-icon-collapsed{height:40px!important;width:40px!important}.board-icon-collapsed svg{height:20px;width:20px}}@media (hover:none) and (pointer:coarse){.board-action-btn{opacity:1}.board-tooltip{display:none}.board-item{-webkit-tap-highlight-color:rgba(102,126,234,.1)}.add-board-btn,.board-action-btn,.collapsed-menu-btn,.toggle-btn{min-height:44px;min-width:44px}}@media (prefers-reduced-motion:reduce){.board-icon-collapsed,.board-item,.mobile-menu-toggle,.sidebar,.sidebar-overlay{transition:none}.board-menu,.loading-item{animation:none}}@media (prefers-color-scheme:dark){.sidebar{background:linear-gradient(145deg,#0f1114,#1a1d23)}.board-menu{background:linear-gradient(145deg,#1a1d23,#0f1114)}}input[type=email],input[type=search],input[type=text],select,textarea{font-size:16px!important}.sidebar{-webkit-user-select:none;user-select:none}.board-name-input,.search-container input{-webkit-user-select:text;user-select:text}@supports (padding:max(0px)){.sidebar{padding-left:max(0px,env(safe-area-inset-left))}.mobile-menu-toggle{left:max(16px,env(safe-area-inset-left) + 16px)}}@media (max-width:768px){.sidebar{height:100vh;height:-webkit-fill-available;height:fill-available}.sidebar.mobile-open{z-index:9999}.sidebar-overlay{z-index:9998}.mobile-menu-toggle{z-index:10000}.board-menu{z-index:10001!important}.sidebar:not(.mobile-open){left:-100%!important;pointer-events:none;position:fixed!important;width:280px!important}.mobile-menu-toggle{display:flex!important}}@media (max-width:768px){.sidebar.mobile-open~.mobile-menu-toggle,body:has(.sidebar.mobile-open) .mobile-menu-toggle{display:none!important}}@media (max-width:768px){.sidebar{border-radius:0;height:calc(100vh - 60px);left:0;position:fixed!important;top:60px;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:9999}.sidebar.mobile-open{transform:translateX(0)}.mobile-menu-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex!important;height:48px;justify-content:center;left:16px;position:fixed;top:76px;transition:all .3s ease;width:48px;z-index:10000}.main-content,.main-content.with-sidebar{margin-left:0!important;padding-left:0!important}.sidebar.collapsed{transform:translateX(-100%);width:280px}.sidebar.mobile-open.collapsed{transform:translateX(0);width:280px}}.sidebar-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-bottom:1px solid #ffffff14;border-radius:0 16px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 20px}.sidebar-logo h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.toggle-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e0e6ed;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s ease}.toggle-btn:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.close-btn-mobile{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e0e6ed;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:10px;transition:all .2s ease}.close-btn-mobile:hover{background:#ff6b6b26;border-color:#ff6b6b4d;color:#ff6b6b;transform:scale(1.05)}.sidebar.collapsed .toggle-btn{margin:0 auto}.sidebar.collapsed .sidebar-header{justify-content:center;padding:24px 12px}@media (max-width:768px){.board-filters.mobile-filters{grid-gap:8px;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px;padding:12px}.board-filters.mobile-filters button{align-items:center;border-radius:10px;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:60px;padding:12px 8px}.board-filters.mobile-filters button svg{height:20px;width:20px}.board-filters.mobile-filters .filter-count{font-size:11px;font-weight:600;opacity:.8}.board-filters.mobile-filters button.active .filter-count{opacity:1}.mobile-menu-toggle{display:none!important}}.gcal-sync-indicator{align-items:center;animation:pulseGreen 2s ease-in-out infinite;display:inline-flex;justify-content:center;opacity:.9;transition:all .2s ease}.gcal-sync-indicator:hover{opacity:1;transform:scale(1.1)}@keyframes pulseGreen{0%,to{opacity:.9}50%{filter:drop-shadow(0 0 4px #10b981);opacity:1}}.icons-group{align-items:center;display:flex;gap:6px}.shared-counter,.visibility-icon{align-items:center;display:inline-flex;gap:4px;opacity:.7;transition:opacity .2s ease}.shared-counter:hover,.visibility-icon:hover{opacity:1}.counter-badge{background:#3b82f633;border-radius:10px;font-size:10px;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.share-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0006!important;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999}.share-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.share-modal-header{border-bottom:1px solid #e5e7eb;padding:24px;position:relative}.share-modal-header h2{color:#111827;font-size:20px;font-weight:600;margin:0;padding-right:40px}.error-message{animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.error-message button{background:none;border:none;color:#991b1b;cursor:pointer;font-size:20px;margin-left:auto;padding:0 4px}.visibility-selector{border-bottom:1px solid #e5e7eb;padding:20px 24px}.visibility-selector h3{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.visibility-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.visibility-option{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:all .2s ease}.visibility-option:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.visibility-option.active{background-color:#eff6ff;border-color:#3b82f6}.visibility-option:disabled{cursor:not-allowed;opacity:.5}.visibility-option svg{flex-shrink:0;margin-top:2px}.visibility-option div strong{color:#111827;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.visibility-option div small{color:#6b7280;display:block;font-size:12px;line-height:1.4}.share-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:4px;padding:0 24px}.share-tabs .tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:-1px;padding:12px 16px;transition:all .2s ease}.share-tabs .tab:hover{background-color:#f9fafb;color:#374151}.share-tabs .tab.active{background-color:initial;border-bottom-color:#3b82f6;color:#3b82f6}.share-content{min-height:300px;padding:24px}.loading{align-items:center;display:flex;justify-content:center;padding:60px}.team-share{display:flex;flex-direction:column;gap:20px}.user-search{position:relative}.user-search input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.user-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.user-search-results{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.user-result{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s ease}.user-result:hover{background-color:#f9fafb}.user-result.selected{background-color:#eff6ff}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.user-name{color:#111827;font-size:14px;font-weight:500}.user-email{color:#6b7280;font-size:12px}.selected-users{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.selected-users h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.permissions-selector{align-items:center;display:flex;gap:12px;margin-bottom:16px}.permissions-selector label{color:#6b7280;font-size:14px}.permissions-selector select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px}.shared-users-list{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.shared-users-list h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 16px}.shared-user{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s ease}.shared-user:hover{background-color:#f9fafb}.user-controls{align-items:center;display:flex;gap:8px}.user-controls select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:6px 12px}.remove-btn{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;padding:6px;transition:all .2s ease}.remove-btn:hover{background-color:#fee2e2}.no-tenant{color:#6b7280;padding:60px 20px;text-align:center}.no-tenant svg{color:#d1d5db;margin-bottom:16px}.no-tenant p{color:#374151;font-size:16px;font-weight:500;margin:8px 0}.no-tenant small{color:#6b7280;font-size:14px}.public-link-tab{display:flex;flex-direction:column;gap:20px}.visibility-warning{align-items:center;background-color:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;gap:12px;padding:16px}.enable-link{padding:40px 20px;text-align:center}.enable-link svg{color:#3b82f6;margin-bottom:16px}.enable-link p{color:#6b7280;font-size:14px;margin:0 0 20px}.link-display{display:flex;gap:8px}.link-display input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#374151;flex:1 1;font-size:14px;padding:10px 12px}.copy-btn{align-items:center;background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.copy-btn:hover{background-color:#059669;transform:translateY(-1px)}.link-settings{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.link-settings h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 16px}.setting-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.setting-row label{color:#374151;font-size:14px;font-weight:500}.setting-row input[type=checkbox]{margin-right:8px}.setting-row input[type=datetime-local],.setting-row input[type=password]{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.setting-row small{color:#6b7280;font-size:12px;margin-left:24px}.email-invite{display:flex;flex-direction:column;gap:20px}.invite-form{flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px}.invite-info{background-color:#eff6ff;border:1px solid #dbeafe;border-radius:8px;color:#1e40af;display:flex;font-size:13px;gap:12px;line-height:1.5;padding:16px}.invite-info svg{flex-shrink:0;margin-top:2px}.btn{transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-secondary{background-color:#f3f4f6}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.share-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.share-modal::-webkit-scrollbar{width:8px}.share-modal::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.share-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.share-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:640px){.share-modal{border-radius:0;height:100%;max-height:100vh;width:100%}.visibility-options{grid-template-columns:1fr}.share-tabs{flex-direction:column}.share-tabs .tab{justify-content:center;width:100%}}.gcal-sync-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0006!important;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999}.gcal-sync-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:650px;overflow-y:auto;position:relative;width:90%}.gcal-sync-modal-header{border-bottom:1px solid #e5e7eb;padding:24px;position:relative}.gcal-sync-modal-title{align-items:flex-start;display:flex;gap:12px;padding-right:40px}.gcal-sync-modal-title .gcal-icon{color:#3b82f6;flex-shrink:0;margin-top:2px}.gcal-sync-modal-title h2{color:#111827;font-size:20px;font-weight:600;margin:0 0 4px}.gcal-board-name{color:#6b7280;font-size:14px;font-weight:400;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:32px}.close-btn:hover{background-color:#f3f4f6;color:#111827}.error-message{background-color:#fee2e2;color:#991b1b}.error-message,.success-message{animation:slideDown .3s ease-out;gap:8px;margin:16px 24px;padding:12px 16px}.success-message{background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;display:flex;font-size:14px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gcal-sync-content{display:flex;flex-direction:column;gap:24px;padding:24px}.loading{color:#6b7280;font-size:14px;padding:40px;text-align:center}.gcal-section{display:flex;flex-direction:column;gap:16px}.gcal-section-header{align-items:center;color:#374151;display:flex;gap:8px}.gcal-section-header svg{color:#3b82f6}.gcal-section-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.gcal-status-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px}.gcal-status-indicator{align-items:flex-start;display:flex;gap:16px}.gcal-status-indicator.connected .status-icon{color:#10b981}.gcal-status-indicator.disconnected .status-icon{color:#6b7280}.status-info h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.status-info p{color:#6b7280;font-size:14px;margin:4px 0}.gcal-stats{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.stat-item{align-items:center;display:flex;font-size:14px;justify-content:space-between}.stat-label{color:#6b7280}.stat-value{color:#111827;font-weight:600}.gcal-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-disconnect{margin-top:8px;width:100%}.gcal-config-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;gap:24px;padding:20px}.config-group,.gcal-config-card{display:flex;flex-direction:column}.config-group{gap:12px}.config-group-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.config-group-header svg{color:#3b82f6}.config-group-header h4{color:#111827;font-size:14px;font-weight:600;margin:0}.checkbox-label,.radio-label{align-items:flex-start;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px 12px;transition:background-color .2s}.checkbox-label:hover,.radio-label:hover{background-color:#3b82f60d}.checkbox-label input,.radio-label input{cursor:pointer;flex-shrink:0;margin-top:2px}.checkbox-label span,.radio-label span{flex:1 1}.help-text{color:#9ca3af;display:block;font-size:12px;margin-top:4px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:#374151;font-size:14px;font-weight:500}.gcal-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.gcal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-option{align-items:center;border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.color-option:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.color-option.selected{border-color:#111827;box-shadow:0 0 0 2px #fff,0 0 0 4px #111827}.gcal-sync-modal-footer{background:#f9fafb;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn{border-radius:8px;font-size:14px;padding:10px 20px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:#3b82f6}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-with-icon{align-items:center;display:inline-flex;gap:8px}.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.gcal-sync-modal{max-height:95vh;width:95%}.gcal-sync-content,.gcal-sync-modal-header{padding:16px}.gcal-sync-modal-footer{flex-direction:column-reverse;padding:12px 16px}.gcal-sync-modal-footer .btn{width:100%}.gcal-actions{flex-direction:column}.gcal-actions .btn{width:100%}.gcal-sync-modal-title h2{font-size:18px}.color-picker{justify-content:space-between}.color-option{height:36px;width:36px}}@media (prefers-reduced-motion:reduce){.error-message,.gcal-sync-modal,.spinning,.success-message{animation:none}}.analytics-dashboard{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);min-height:100vh;padding:2rem}.analytics-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.analytics-header h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.75rem;font-weight:600}.analytics-scope-info{align-items:center;background-color:#3b82f61a;border:1px solid #3b82f6;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.scope-badge{align-items:center;background-color:#3b82f6;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 8px;white-space:nowrap}.scope-badge.superadmin{background-color:#8b5cf6}.scope-badge.tenant{background-color:#3b82f6}.scope-badge.personal{background-color:#6b7280}.scope-badge.board{background-color:#10b981}.scope-description{color:#6b7280;flex:1 1;font-size:14px;margin:0}.scope-icon{height:16px;width:16px}.superadmin-filters{background-color:#f8f9fa;border:2px solid #8b5cf6;border-radius:12px;box-shadow:0 4px 6px #8b5cf61a;margin-bottom:24px;padding:20px}.superadmin-filters h4{align-items:center;color:#8b5cf6;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.clear-filters-btn{background-color:initial;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.clear-filters-btn:hover{background-color:#e9ecef;color:#495057}.filters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#495057;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.filter-group select{background-color:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.filter-group select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.active-filters{border-top:1px solid #dee2e6;margin-top:16px;padding-top:16px}.active-filters-label{color:#6c757d;font-size:12px;font-weight:600;margin-bottom:8px}.active-filters-list{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{align-items:center;background-color:#8b5cf6;border-radius:12px;color:#fff;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.superadmin-metrics{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:2px solid #8b5cf633;border-radius:16px;margin-bottom:32px;padding:24px}.superadmin-metrics h3{align-items:center;color:#8b5cf6;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:20px}.superadmin-metrics .metrics-grid{margin-bottom:24px}.superadmin-metrics .metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-left-color:#8b5cf6}.plan-distribution,.status-distribution{margin-bottom:20px}.plan-distribution h4,.status-distribution h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 12px}.distribution-tags{display:flex;flex-wrap:wrap;gap:12px}.distribution-tag{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;font-size:13px;padding:8px 12px;transition:all .2s}.distribution-tag:hover{background-color:#e9ecef;transform:translateY(-1px)}.distribution-tag.active{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.distribution-tag.trial{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.distribution-tag.suspended{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.distribution-tag strong{font-weight:600}.toggle-filters-btn{align-items:center;background-color:initial;border:2px solid #8b5cf6;border-radius:8px;color:#8b5cf6;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-left:auto;padding:8px 16px;transition:all .2s;white-space:nowrap}.toggle-filters-btn:hover{background-color:#8b5cf61a;transform:translateY(-1px)}.toggle-filters-btn.active{background-color:#8b5cf6;color:#fff}.top-user-item .user-tenant{align-items:center;color:#6c757d;display:flex;font-size:11px;gap:4px;margin-top:2px}.top-user-item .user-tenant:before{content:"🏢";font-size:10px}.crown-indicator{animation:crown-glow 2s ease-in-out infinite alternate;color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.4))}@keyframes crown-glow{0%{filter:drop-shadow(0 0 4px rgba(251,191,36,.4))}to{filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}}.date-range-selector{align-self:flex-start;background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:.5rem;padding:.25rem}.date-range-selector button{background:#0000;border:none;border-radius:.375rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.date-range-selector button:hover{color:#1f2937;color:var(--text-primary,#1f2937)}.date-range-selector button.active{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);color:#fff}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{background-color:#fff;background-color:var(--bg-primary,#fff);border-left:4px solid;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:transform .2s,box-shadow .2s}.metric-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.metric-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.metric-title{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:500}.metric-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:2rem;font-weight:700}.metric-change{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;margin-top:.5rem}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.metric-change.positive svg{transform:rotate(0deg)}.metric-change.negative svg{transform:rotate(180deg)}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-container{background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.chart-container.full-width{grid-column:1/-1}.chart-container h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.top-users-section{background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.top-users-section h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.top-users-list{display:flex;flex-direction:column;gap:.75rem}.top-user-item{align-items:center;background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border-radius:.5rem;display:flex;gap:1rem;padding:.75rem;transition:background-color .2s}.top-user-item:hover{background-color:#f3f4f6;background-color:var(--bg-hover,#f3f4f6)}.user-rank{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1.25rem;font-weight:700;text-align:center;width:2rem}.user-avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:.875rem;font-weight:600;height:100%;justify-content:center;width:100%}.user-info{flex:1 1}.user-name{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600}.user-actions{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem}.trophy{margin-left:auto}.stats-summary{background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.summary-item{color:var(--text-secondary,#6b7280);font-size:.9375rem;gap:.75rem;padding:.75rem 0}.summary-item:not(:last-child){border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb)}.summary-item strong{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600}.analytics-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#3b82f6;border:3px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--primary-color,#3b82f6);height:40px;width:40px}@media (max-width:768px){.analytics-dashboard{padding:1rem}.analytics-header{align-items:stretch;flex-direction:column;gap:1rem}.analytics-scope-info{align-items:flex-start;flex-direction:column;gap:8px}.toggle-filters-btn{align-self:flex-start;margin:8px 0 0}.superadmin-filters{padding:16px}.filters-grid{gap:12px;grid-template-columns:1fr}.distribution-tags{flex-direction:column;gap:8px}.date-range-selector{justify-content:center}.charts-grid,.metrics-grid{grid-template-columns:1fr}.chart-container{padding:1rem}.superadmin-metrics{padding:16px}}@media (prefers-color-scheme:dark){.analytics-dashboard{--bg-primary:#1f2937;--bg-secondary:#111827;--bg-hover:#374151;--text-primary:#f9fafb;--text-secondary:#9ca3af;--border-color:#374151}.chart-container,.metric-card,.stats-summary,.top-users-section{background-color:var(--bg-primary)}.date-range-selector{background-color:var(--bg-secondary)}.superadmin-filters{background-color:#8b5cf61a;border-color:#8b5cf64d}.superadmin-metrics{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-color:#8b5cf64d}.distribution-tag,.filter-group select{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}}.analytics-dashboard.with-sidebar{height:calc(100vh - 60px);margin-left:0;overflow-y:auto}.analytics-dashboard{min-height:calc(100vh - 60px);padding-top:20px}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{-webkit-appearance:button;appearance:button;cursor:pointer;overflow:visible;text-transform:none}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{border-bottom:1px solid #ddd;flex:1 0;font-size:90%;font-weight:700;min-height:0;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;-webkit-user-select:text;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{font-size:16px;justify-content:center;margin-bottom:10px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{background:none;background-image:none;border:1px solid #ccc;border-radius:4px;color:#373a3c;display:inline-block;line-height:normal;margin:0;padding:.375rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{background-color:#d4d4d4;border-color:#8c8c8c;color:#373a3c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background-color:#e6e6e6;border-color:#adadad;color:#373a3c}.rbc-toolbar button:hover{cursor:pointer}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width:767px){.rbc-toolbar{flex-direction:column}}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#3174ad;border:none;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;margin:0;padding:2px 5px;text-align:left;width:100%}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:#265985}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 #33333380}.rbc-event-continues-prior{border-bottom-left-radius:0;border-top-left-radius:0}.rbc-event-continues-after{border-bottom-right-radius:0;border-top-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;color:#3174ad;font-size:85%;font-weight:700;height:auto;line-height:normal;z-index:4}.rbc-show-more:focus,.rbc-show-more:hover{color:#265985}.rbc-month-view{border:1px solid #ddd;display:flex;flex:1 0;flex-direction:column;height:100%;position:relative;user-select:none;-webkit-user-select:none;width:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;flex:1 0;flex-basis:0px;flex-direction:column;height:100%;overflow:hidden;position:relative}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex:1 0;flex-direction:row;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 5px 15px #00000040;padding:10px;position:absolute;z-index:5}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex:1 0;flex-direction:column;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{border-bottom:1px solid #ddd;padding:3px 5px;text-align:left}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;display:flex;flex-flow:column nowrap;min-height:40px}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;margin-right:10px;position:absolute;right:0;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{align-items:flex-start;border:1px solid #265985;display:flex;flex-flow:column wrap;max-height:100%;min-height:20px;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1;height:100%;line-height:1;min-height:1em;width:100%}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{background-color:#fff;border-right:1px solid #ddd;left:0;margin-right:-1px;position:sticky;z-index:10}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0;flex-basis:0px;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{flex:1 1;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{background-color:#00000080;color:#fff;font-size:75%;padding:3px;position:absolute;width:100%;z-index:10}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.rbc-time-view .rbc-time-gutter{text-align:right;white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:initial;height:100%;position:relative;width:100%}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:0}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{align-items:flex-start;border-top:2px solid #ddd;display:flex;flex:1 0;overflow-y:auto;position:relative;width:100%}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{user-select:none;-webkit-user-select:none;width:100%}.rbc-current-time-indicator{background-color:#74ad31;height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.calendar-view{height:calc(100vh - 20px);margin:0 auto;max-width:1400px;overflow-y:auto;padding:12px 20px}.calendar-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.calendar-title{align-items:center;display:flex;gap:10px}.calendar-title h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.calendar-controls{align-items:center;display:flex;gap:10px}.board-filter-container{position:relative}.filter-toggle-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.filter-toggle-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.filter-badge{background-color:#3b82f6;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.board-filter-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:8px;max-width:400px;min-width:280px;position:absolute;right:0;top:100%;z-index:1000}.board-filter-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.board-filter-header h4{color:#1f2937;font-size:14px;font-weight:600;margin:0}.board-filter-header button{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.board-filter-header button:hover{background-color:#f3f4f6}.board-filter-list{max-height:300px;overflow-y:auto;padding:8px}.board-filter-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background-color .2s}.board-filter-item:hover{background-color:#f9fafb}.board-filter-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.board-filter-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.board-filter-item span{color:#374151;flex:1 1;font-size:14px}.refresh-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.refresh-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.refresh-btn:active{transform:rotate(180deg)}.calendar-summary{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.summary-item{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:8px}.summary-item svg{color:#9ca3af}.calendar-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;min-height:500px;padding:12px}.rbc-calendar{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.rbc-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:10px 3px}.rbc-today{background-color:#eff6ff}.rbc-off-range-bg{background-color:#f9fafb}.rbc-event{border-radius:4px;font-size:12px;padding:2px 5px}.rbc-event:focus{outline:2px solid #3b82f6;outline-offset:2px}.rbc-event-label{font-size:11px}.rbc-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px;padding:8px 0}.rbc-toolbar button{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.rbc-toolbar button:hover{background-color:#f9fafb;border-color:#9ca3af}.rbc-toolbar button.rbc-active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.rbc-toolbar button.rbc-active:hover{background-color:#2563eb;border-color:#2563eb}.rbc-toolbar-label{color:#1f2937;flex-grow:1;font-size:16px;font-weight:600;text-align:center}.calendar-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:500px}.calendar-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:50px;width:50px}.calendar-loading p{color:#6b7280;font-size:16px;font-weight:500}@media (max-width:768px){.calendar-view{padding:10px}.calendar-header{align-items:flex-start;flex-direction:column}.calendar-title h2{font-size:20px}.calendar-controls{justify-content:flex-end;width:100%}.board-filter-dropdown{left:auto;right:0}.calendar-container{padding:10px}.rbc-toolbar{flex-direction:column;gap:15px}.rbc-toolbar-label{order:-1;text-align:left;width:100%}.calendar-summary{flex-direction:column;gap:10px}}@media (prefers-color-scheme:dark){.calendar-view{background-color:#1f2937;color:#f9fafb}.calendar-container{background-color:#111827;border-color:#374151}.rbc-header{background-color:#1f2937;border-bottom-color:#374151;color:#f9fafb}.rbc-today{background-color:#1e3a5f}.rbc-off-range-bg{background-color:#111827}}.onboarding-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.onboarding-container{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.close-button{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;position:absolute;right:20px;top:20px;transition:all .2s;z-index:10}.close-button:hover{background:#f3f4f6;color:#374151}.onboarding-progress{justify-content:center;padding:30px 40px 20px}.onboarding-progress,.progress-step{align-items:center;display:flex;position:relative}.step-indicator{align-items:center;background:#e5e7eb;border-radius:50%;color:#9ca3af;display:flex;height:32px;justify-content:center;transition:all .3s;width:32px}.progress-step.current .step-indicator{background:#3b82f6;color:#fff;transform:scale(1.1)}.progress-step.completed .step-indicator{background:#10b981;color:#fff}.step-line{background:#e5e7eb;height:2px;margin:0 8px;width:60px}.progress-step.completed+.progress-step .step-line{background:#10b981}.onboarding-content{padding:20px 40px 40px}.onboarding-step{animation:fadeIn .3s ease-out;text-align:center}.step-icon,.welcome-icon{animation:bounce 2s infinite;color:#3b82f6;margin:0 auto 24px}.success-icon{color:#10b981}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.onboarding-step h2{color:#1f2937;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:12px}.onboarding-step p{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:450px}.plan-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:24px 0;padding:24px;text-align:left}.plan-info h4{color:#374151;font-size:16px;font-weight:600;margin-bottom:12px}.plan-info ul{list-style:none;margin:0;padding:0}.plan-info li{color:#4b5563;font-size:15px;padding:6px 0}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 6px -1px #3b82f64d;color:#fff}.btn-primary:hover{box-shadow:0 8px 12px -2px #3b82f666;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-large{font-size:18px;padding:16px 32px}.btn-text{background:none;color:#6b7280;font-size:14px;margin-top:16px}.btn-text:hover{color:#374151}.btn-link{background:none;color:#3b82f6;font-size:14px;padding:8px 16px;text-decoration:underline}.success-message{align-items:center;animation:slideIn .3s ease-out;background:#d1fae5;border-radius:10px;color:#065f46;display:inline-flex;font-weight:500;gap:12px;padding:16px 24px}.invite-form{display:flex;gap:12px;margin:0 auto 24px;max-width:400px}.form-input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:16px;padding:12px 16px;transition:all .2s}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.quick-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:32px 0}.action-card{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px;transition:all .2s}.action-card:hover{background:#eff6ff;border-color:#3b82f6;transform:translateY(-2px)}.action-card svg{color:#3b82f6}.action-card span{font-size:14px;font-weight:500}.onboarding-footer{background:#f9fafb;border-radius:0 0 20px 20px;border-top:1px solid #e5e7eb;padding:20px;text-align:center}.help-text{color:#6b7280;font-size:14px;margin:0}.help-text a{color:#3b82f6;font-weight:500;text-decoration:none}.help-text a:hover{text-decoration:underline}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:640px){.onboarding-container{margin:20px;max-height:calc(100vh - 40px)}.onboarding-content{padding:20px}.onboarding-progress{padding:20px 20px 10px}.step-line{width:30px}.onboarding-step h2{font-size:24px}.quick-actions{grid-template-columns:1fr}.invite-form{flex-direction:column}.btn-large{width:100%}}.session-timeout-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999}.session-timeout-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:32px;position:relative;width:90%}.dark-theme .session-timeout-modal{background:#1f2937;color:#f3f4f6}.session-timeout-icon{animation:pulse 2s infinite;color:#3b82f6;display:flex;justify-content:center;margin-bottom:24px}.session-timeout-title{color:#111827;font-size:24px;font-weight:600;margin:0 0 12px;text-align:center}.dark-theme .session-timeout-title{color:#f3f4f6}.session-timeout-message{color:#6b7280;font-size:16px;margin:0 0 32px;text-align:center}.dark-theme .session-timeout-message{color:#9ca3af}.session-timeout-countdown{margin-bottom:24px;text-align:center}.countdown-number{font-feature-settings:"tnum";color:#111827;font-size:48px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;margin-bottom:8px}.dark-theme .countdown-number{color:#f3f4f6}.countdown-label{color:#6b7280;font-size:14px;letter-spacing:1px;text-transform:uppercase}.dark-theme .countdown-label{color:#9ca3af}.session-timeout-progress{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:32px;overflow:hidden;width:100%}.dark-theme .session-timeout-progress{background:#374151}.session-timeout-progress-bar{border-radius:3px;height:100%;transition:width 1s linear,background-color .3s ease}.session-timeout-actions{display:flex;gap:12px;justify-content:center}.btn-continue-session{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn-continue-session:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-logout-session{background:#0000;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.dark-theme .btn-logout-session{border-color:#4b5563;color:#9ca3af}.btn-logout-session:hover{background:#f3f4f6;border-color:#d1d5db}.dark-theme .btn-logout-session:hover{background:#374151;border-color:#6b7280}.session-timeout-hint{border-top:1px solid #e5e7eb;color:#9ca3af;font-size:13px;margin:24px 0 0;padding-top:24px;text-align:center}.dark-theme .session-timeout-hint{border-top-color:#374151;color:#6b7280}@media (max-width:640px){.session-timeout-modal{padding:24px;width:95%}.countdown-number{font-size:36px}.session-timeout-actions{flex-direction:column}.btn-continue-session,.btn-logout-session{width:100%}}.upgrade-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upgrade-modal-container{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upgrade-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.upgrade-modal-header h2{color:#111827;font-size:24px;font-weight:600;margin:0}.upgrade-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.upgrade-modal-close:hover{background-color:#f3f4f6;color:#111827}.upgrade-modal-body{flex:1 1;overflow-y:auto;padding:24px}.upgrade-success-message{padding:60px 24px;text-align:center}.success-icon{font-size:64px;margin-bottom:20px}.upgrade-success-message h3{color:#10b981;font-size:28px;margin-bottom:12px}.upgrade-success-message p{color:#6b7280;font-size:16px;margin-bottom:8px}.current-plan-info{background:#f9fafb;border-radius:12px;margin-bottom:24px;padding:16px}.current-plan-info h4{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.plan-current-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px}.plan-current-card strong{color:#111827;font-size:16px}.plan-current-card ul{list-style:none;margin:8px 0 0;padding:0}.plan-current-card li{color:#6b7280;font-size:14px;margin-bottom:4px}.form-group{margin-bottom:24px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s;width:100%}.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:12px;transition:all .2s;width:100%}.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.plans-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.plan-card{border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:16px;position:relative;transition:all .2s}.plan-card:hover{background:#f0f9ff;border-color:#93c5fd}.plan-card.selected{background:#eff6ff;border-color:#3b82f6}.plan-card.selected:after{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.plan-card h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.plan-price{font-size:20px;font-weight:700;margin-bottom:12px}.plan-features{list-style:none;margin:0;padding:0}.plan-features li{color:#6b7280;font-size:13px;margin-bottom:4px;padding-left:16px;position:relative}.plan-features li:before{color:#10b981;content:"✓";left:0;position:absolute}.needs-checklist{background:#f9fafb;border-radius:8px;padding:16px}.need-item{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:16px}.need-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.need-item label{align-items:center;cursor:pointer;display:flex;margin-bottom:8px}.need-item input[type=checkbox]{cursor:pointer;height:18px;margin-right:8px;width:18px}.need-item span{color:#374151;font-weight:500}.need-details{display:flex;gap:8px;margin-left:26px;margin-top:8px}.need-details input{flex:1 1}.need-details input,.need-item textarea{border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:8px}.need-item textarea{margin-left:26px;margin-top:8px;resize:vertical;width:calc(100% - 26px)}.error-message{font-size:14px;margin-bottom:16px;padding:12px}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#f3f4f6}.btn-submit{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-submit:hover:not(:disabled){background:#2563eb}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.upgrade-modal-container{margin:10px;max-width:100%}.plans-grid{grid-template-columns:1fr}.need-details{flex-direction:column}}.my-requests-container{box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.my-requests-header{margin-bottom:32px}.my-requests-header h1{color:#111827;font-size:28px;font-weight:600;margin:0 0 8px}.my-requests-header p{color:#6b7280;font-size:16px;margin:0}.my-requests-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.retry-button{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.retry-button:hover{background:#b91c1c}.no-requests{padding:60px 20px;text-align:center}.no-requests-icon{font-size:64px;margin-bottom:20px}.no-requests h3{color:#374151;font-size:24px;font-weight:600;margin:0 0 12px}.no-requests p{color:#6b7280;font-size:16px;margin:0}.requests-list{display:flex;flex-direction:column;gap:20px;padding-bottom:40px;width:100%}.request-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:box-shadow .2s}.request-card:hover{box-shadow:0 4px 12px #00000026}.request-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px 16px}.request-title{align-items:center;display:flex;gap:12px}.request-title h3{color:#111827;font-size:18px;font-weight:600;margin:0}.status-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.request-date{color:#6b7280;font-size:14px}.request-body{padding:0 24px 24px}.request-section{margin-bottom:24px}.request-section:last-child{margin-bottom:0}.request-section h4{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.plans-comparison{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:16px;padding:16px}.plan-info{flex:1 1;text-align:center}.plan-info strong{color:#6b7280;display:block;font-size:14px;margin-bottom:4px}.plan-price{color:#059669;display:block;font-size:18px;font-weight:600}.plan-info.current .plan-price{color:#6b7280}.plan-arrow{color:#9ca3af;font-size:20px;font-weight:700}.request-details{background:#f9fafb;border-radius:8px;padding:16px}.detail-item{align-items:center;display:flex;gap:12px;margin-bottom:12px}.detail-item:last-child{margin-bottom:0}.detail-item.reason{align-items:flex-start;flex-direction:column}.detail-label{color:#374151;font-weight:500;min-width:80px}.urgency-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.urgency-low{background:#d1fae5;color:#065f46}.urgency-medium{background:#fef3c7;color:#92400e}.urgency-high{background:#fecaca;color:#991b1b}.detail-item.reason p{background:#fff;border-radius:6px;box-sizing:border-box;color:#374151;line-height:1.5;margin:4px 0 0;padding:12px;width:100%}.needs-list{grid-gap:12px;display:grid;gap:12px}.need-item{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;padding:12px}.need-item strong{color:#1f2937;display:block;margin-bottom:4px;text-transform:capitalize}.need-item span{color:#4b5563;line-height:1.4}.need-numbers{background:#fff;border-radius:6px;color:#059669;font-family:monospace;font-size:14px;font-weight:500;margin-top:8px;padding:8px 12px}.admin-response{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;padding:16px}.admin-response h4{color:#1e40af}.admin-response p{color:#1f2937;line-height:1.5;margin:0 0 8px}.response-date{color:#6b7280;font-size:12px;font-style:italic}@media (max-width:1024px){.my-requests-container{max-width:100%;padding:16px}.request-card{margin:0 8px}}@media (max-width:768px){.my-requests-container{min-height:calc(100vh - 60px);padding:12px}.my-requests-header h1{font-size:24px}.my-requests-header p{font-size:14px}.request-header{gap:12px;padding:16px 20px 12px}.request-header,.request-title{align-items:flex-start;flex-direction:column}.request-title{gap:8px;width:100%}.request-title h3{font-size:16px}.plans-comparison{flex-direction:column;gap:12px;padding:12px}.plan-arrow{align-self:center;transform:rotate(90deg)}.plan-info{text-align:center;width:100%}.detail-item{align-items:flex-start;flex-direction:column;gap:4px}.request-body{padding:0 20px 20px}.need-item{padding:10px}}@media (max-width:480px){.my-requests-container{padding:8px}.request-body,.request-header{padding-left:16px;padding-right:16px}.my-requests-header h1{font-size:20px}.request-title h3{font-size:14px}.status-badge{font-size:10px;padding:3px 8px}}@media (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.25),(max-width:1440px) and (min-resolution:120dpi){.my-requests-container{padding:18px}.request-card{font-size:14px}}@media (max-width:1200px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1200px) and (min-resolution:144dpi){.my-requests-container{padding:16px}.plans-comparison{flex-direction:column;gap:10px}.plan-arrow{transform:rotate(90deg)}}.connection-status{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;font-size:1rem;font-weight:500;justify-content:center;min-width:200px;padding:20px 24px;text-align:center;transition:all .3s ease}.connection-status.loading{background-color:#e0f2fef2;border:2px solid #81d4fa;color:#0277bd}.connection-status.reconnecting{animation:pulse 2s infinite;background-color:#fff3e0f2;border:2px solid #ffb74d;color:#f57c00}.connection-status.error{background-color:#ffebeef2;border:2px solid #ef9a9a;color:#d32f2f}.status-icon{display:block;font-size:2.5em;margin-bottom:8px}.status-text{font-size:1.1em;font-weight:600}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media (max-width:768px){.connection-status{font-size:.9rem;min-width:180px;padding:16px 20px}.status-icon{font-size:2em;margin-bottom:6px}.status-text{font-size:1em}}.connection-status-overlay{align-items:center;background-color:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9998}
/*# sourceMappingURL=main.03ff107b.css.map*/