@font-face{font-family: "Font Awesome 6 Free";font-style: normal;font-weight: 900;font-display: swap;src: url("assets/webfonts/fa-solid-900.woff2") format("woff2")}:root{font-size: 16px;--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-sidebar: #ffffff;--bg-input: #f1f5f9;--primary: #0d9488;--primary-hover: #0f766e;--primary-gradient: linear-gradient(135deg,#0d9488 0%,#0891b2 100%);--accent: #14b8a6;--accent-glow: rgba(13,148,136,0.16);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: #cbd5e1;--border-highlight: #0d9488;--todo-color: #0d9488;--progress-color: #f59e0b;--urgent-color: #ef4444;--done-color: #10b981;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-glow: 0 4px 20px rgba(13,148,136,0.12);--backdrop-blur: blur(14px);--font-sans: 'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;--font-heading: 'Outfit','Plus Jakarta Sans',sans-serif}.no-transitions *,.no-transitions *::before,.no-transitions *::after{transition: none !important}body{background-color: var(--bg-main) !important;color: var(--text-primary) !important;transition: background-color 0.25s ease,color 0.25s ease;height: 100vh;overflow: hidden;display: flex}body,body.light-theme{--bg-main: #f8fafc !important;--bg-surface: #ffffff !important;--bg-card: #ffffff !important;--bg-card-hover: #f1f5f9 !important;--bg-sidebar: #ffffff !important;--bg-input: #f1f5f9 !important;--text-primary: #0f172a !important;--text-secondary: #475569 !important;--text-muted: #64748b !important;--border: #e2e8f0 !important;--border-highlight: #0d9488 !important}body.dark-mode,body.dark-theme{--bg-main: #000000 !important;--bg-surface: #0a0a0a !important;--bg-card: #121212 !important;--bg-card-hover: #1c1c1c !important;--bg-sidebar: #080808 !important;--bg-input: #171717 !important;--primary: #00e5ff !important;--primary-hover: #00b8cc !important;--primary-gradient: linear-gradient(135deg,#00e5ff 0%,#0284c7 100%) !important;--accent: #38bdf8 !important;--accent-glow: rgba(56,189,248,0.2) !important;--text-primary: #ffffff !important;--text-secondary: #a3a3a3 !important;--text-muted: #8f8f8f !important;--border: #262626 !important;--border-highlight: #00e5ff !important;--shadow-glow: 0 4px 20px rgba(0,229,255,0.15) !important}body.daltonic-mode,body.colorblind-mode{--bg-main: #f5f5f5 !important;--bg-surface: #ffffff !important;--bg-card: #ffffff !important;--bg-card-hover: #f8f8f8 !important;--bg-sidebar: #ffffff !important;--bg-input: #f0f0f0 !important;--primary: #d97706 !important;--primary-hover: #b45309 !important;--primary-gradient: linear-gradient(135deg,#d97706 0%,#dc2626 100%) !important;--accent: #059669 !important;--text-primary: #1f2937 !important;--text-secondary: #4b5563 !important;--text-muted: #6b7280 !important;--border: #d1d5db !important;--border-highlight: #d97706 !important;--todo-color: #0891b2 !important;--progress-color: #d97706 !important;--urgent-color: #dc2626 !important;--done-color: #059669 !important}body.dark-mode.daltonic-mode,body.dark-mode.colorblind-mode,body.dark-theme.colorblind-mode{--bg-main: #000000 !important;--bg-surface: #111111 !important;--bg-card: #1a1a1a !important;--bg-card-hover: #262626 !important;--bg-sidebar: #0a0a0a !important;--bg-input: #222222 !important;--primary: #f59e0b !important;--primary-hover: #d97706 !important;--primary-gradient: linear-gradient(135deg,#f59e0b 0%,#dc2626 100%) !important;--accent: #10b981 !important;--text-primary: #ffffff !important;--text-secondary: #d1d5db !important;--text-muted: #9ca3af !important;--border: #404040 !important;--border-highlight: #f59e0b !important;--todo-color: #3b82f6 !important;--progress-color: #f59e0b !important;--urgent-color: #dc2626 !important;--done-color: #10b981 !important}body.daltonic-mode .col-header,body.daltonic-mode .counter-card,body.daltonic-mode .kanban-card,body.daltonic-mode .calendar-day-cell,body.dark-mode.daltonic-mode .col-header,body.dark-mode.daltonic-mode .counter-card,body.dark-mode.daltonic-mode .kanban-card,body.dark-mode.daltonic-mode .calendar-day-cell{border-width: 2px !important}*{box-sizing: border-box;margin: 0;padding: 0;font-family: var(--font-sans)}.toast-container{position: fixed;top: 1.5rem;right: 1.5rem;z-index: 9999;display: flex;flex-direction: column;gap: 0.75rem;pointer-events: none}.toast{pointer-events: auto;background: var(--bg-surface);color: var(--text-primary);border: 1px solid var(--border-highlight);border-radius: var(--radius-md);padding: 1rem 1.4rem;box-shadow: 0 10px 25px rgba(0,0,0,0.5);display: flex;align-items: center;gap: 0.8rem;min-width: 320px;max-width: 450px;animation: slideInRight 0.3s ease-out}.toast.success{border-left: 4px solid var(--done-color)}.toast.error{border-left: 4px solid var(--urgent-color)}.toast.info{border-left: 4px solid var(--accent)}.toast i{font-size: 1.2rem}.toast.success i{color: var(--done-color)}.toast.error i{color: var(--urgent-color)}.toast.info i{color: var(--accent)}@keyframes slideInRight{from{transform: translateX(100%);opacity: 0}to{transform: translateX(0);opacity: 1}}.welcome-screen{position:relative;isolation:isolate;flex:1;min-width:0;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 85% 8%,rgba(8,145,178,0.16),transparent 28rem),radial-gradient(circle at 8% 35%,rgba(13,148,136,0.16),transparent 30rem),var(--bg-main);color:var(--text-primary)}.welcome-screen::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(13,148,136,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(13,148,136,0.045) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000 0%,transparent 82%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 82%);opacity:0.55}.welcome-glow{--glow-size:min(38rem,120vw);position:fixed;top:0;left:0;width:0;height:0;z-index:-1;pointer-events:none;transform:translate3d(50vw,28vh,0);will-change:transform}.welcome-glow::before{content:"";position:absolute;width:var(--glow-size);height:var(--glow-size);left:calc(var(--glow-size) / -2);top:calc(var(--glow-size) / -2);border-radius:50%;background:radial-gradient(circle,rgba(13,148,136,0.2) 0%,rgba(8,145,178,0.11) 40%,transparent 70%);animation:welcome-glow-drift 14s ease-in-out infinite alternate;will-change:transform}.welcome-ripple{position:fixed;top:0;left:0;width:7rem;height:7rem;margin:-3.5rem 0 0 -3.5rem;border-radius:50%;border:2px solid rgba(20,184,166,0.55);background:radial-gradient(circle,rgba(20,184,166,0.22),transparent 70%);pointer-events:none;z-index:2;animation:welcome-ripple 0.65s ease-out forwards;will-change:transform,opacity}@keyframes welcome-glow-drift{from{transform:translate3d(-6%,-4%,0) scale(1)}to{transform:translate3d(6%,5%,0) scale(1.08)}}@keyframes welcome-ripple{from{transform:translate3d(var(--rx),var(--ry),0) scale(0.2);opacity:1}to{transform:translate3d(var(--rx),var(--ry),0) scale(1.6);opacity:0}}.welcome-screen i[class*="fa-"]{display:inline-block;min-width:1em}.welcome-nav,.welcome-hero,.welcome-features,.welcome-steps,.welcome-final-cta{position:relative;z-index:1;width: min(1180px,calc(100% - 3rem));margin-inline: auto}@media (prefers-reduced-motion: reduce){.welcome-glow::before{animation:none}.welcome-ripple{display:none}}.welcome-nav{height: 82px;display: flex;align-items: center;justify-content: space-between;gap: 1.5rem}.welcome-brand{color: var(--text-primary);font-family: var(--font-heading);font-weight: 800;font-size: 1.25rem;display: inline-flex;align-items: center;gap: 0.6rem;text-decoration: none}.welcome-brand-icon{display: grid;place-items: center;width: 34px;height: 34px;border-radius: 10px;background: var(--primary-gradient);color: #fff;box-shadow: 0 6px 18px rgba(13,148,136,0.4)}.welcome-nav-links{display: flex;gap: 1.6rem}.welcome-nav-links a,.welcome-login{color: var(--text-secondary);text-decoration: none;font-weight: 600;font-size: 0.9rem}.welcome-login{background: transparent;border: 0;cursor: pointer;padding: 0.7rem}.welcome-nav-links a:hover,.welcome-login:hover{color: var(--text-primary)}.welcome-nav-actions{display: flex;align-items: center;gap: 0.35rem}.welcome-signup{padding: 0.65rem 1rem;font-size: 0.85rem}.welcome-hero{display: grid;grid-template-columns: 0.95fr 1.05fr;align-items: center;gap: 4rem;padding: 5.5rem 0 5rem}.welcome-eyebrow{color: var(--accent);font-size: 0.82rem;text-transform: uppercase;letter-spacing: 0.08em;font-weight: 800;margin-bottom: 1rem}.welcome-hero h1,.welcome-steps h2,.welcome-final-cta h2{font-family: var(--font-heading);font-size: clamp(2.45rem,5vw,4.5rem);line-height: 1.05;letter-spacing: -0.04em;margin: 0}.welcome-hero h1 span{color: var(--accent)}.welcome-lead{max-width: 570px;color: var(--text-secondary);font-size: 1.08rem;line-height: 1.65;margin: 1.4rem 0 2rem}.welcome-hero-actions{display: flex;flex-wrap: wrap;gap: 0.75rem}.welcome-hero-primary{padding: 1rem 1.35rem}.welcome-trust-row{display: flex;flex-wrap: wrap;gap: 1.2rem;color: var(--text-muted);font-size: 0.8rem;margin-top: 1.3rem}.welcome-trust-row i{color: var(--done-color);margin-right: 0.3rem}.welcome-preview{padding: 1rem;border: 1px solid var(--border);border-radius: 20px;background: var(--bg-surface);box-shadow: 0 28px 70px rgba(0,0,0,0.2);transform: rotate(1.5deg)}.preview-topbar{display: flex;align-items: center;gap: 0.35rem;color: var(--text-muted);font-size: 0.76rem;border-bottom: 1px solid var(--border);padding: 0.1rem 0.25rem 0.85rem}.preview-topbar strong{margin-left: 0.45rem;color: var(--text-primary);font-size: 0.82rem;flex: 1}.preview-dot{width: 7px;height: 7px;background: #475569;border-radius: 50%}.preview-columns{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.65rem;padding-top: 0.9rem}.preview-column{min-height: 250px;background: var(--bg-input);border: 1px solid var(--border);border-radius: 10px;padding: 0.65rem}.preview-active-column{background: rgba(14,165,233,0.1)}.preview-column-title{display: flex;gap: 0.35rem;align-items: center;color: var(--text-secondary);font-weight: 700;font-size: 0.67rem;margin-bottom: 0.65rem}.preview-column-title i{color: var(--accent)}.preview-column-title b{margin-left: auto;background: rgba(255,255,255,0.1);border-radius: 999px;padding: 0.08rem 0.33rem;font-size: 0.6rem}.preview-card{position: relative;display: flex;flex-direction: column;gap: 0.45rem;padding: 0.65rem;margin-bottom: 0.55rem;border-radius: 8px;background: var(--bg-card);box-shadow: 0 4px 10px rgba(0,0,0,0.08);color: var(--text-primary);font-size: 0.66rem;line-height: 1.35}.preview-card em{height: 4px;border-radius: 999px;width: 35%}.priority-high{background: #f97316}.priority-medium{background: #eab308}.priority-low{background: #22c55e}.preview-card small{color: var(--text-muted);font-size: 0.58rem}.preview-done{flex-direction: row;align-items: center;color: #10b981}.preview-done i{color: var(--done-color)}.welcome-features{display: grid;grid-template-columns: repeat(3,1fr);gap: 1rem;padding: 2rem 0 6.5rem}.welcome-features article{padding: 1.5rem;border: 1px solid var(--border);border-radius: 14px;background: var(--bg-card)}.welcome-features article > i{color: var(--accent);font-size: 1.25rem}.welcome-features h2{font-size: 1.05rem;margin: 1rem 0 0.45rem}.welcome-features p{color: var(--text-secondary);font-size: 0.86rem;line-height: 1.55;margin: 0}.welcome-steps{padding: 5rem 0;border-top: 1px solid var(--border);display: grid;grid-template-columns: 0.85fr 1.15fr;gap: 4rem}.welcome-steps h2,.welcome-final-cta h2{font-size: clamp(1.85rem,3vw,2.75rem)}.welcome-steps ol{list-style: none;margin: 0;padding: 0;display: grid;gap: 1.3rem}.welcome-steps li{display: flex;gap: 1rem;align-items: flex-start}.welcome-steps li > span{display: grid;place-items: center;flex: 0 0 30px;height: 30px;background: rgba(13,148,136,0.16);color: var(--accent);border: 1px solid rgba(13,148,136,0.4);border-radius: 50%;font-weight: 800;font-size: 0.8rem}.welcome-steps strong{display: block;margin: 0.1rem 0 0.25rem}.welcome-steps p{color: var(--text-secondary);margin: 0;font-size: 0.87rem}.welcome-final-cta{margin-bottom: 4rem;padding: 2.2rem;border-radius: 18px;background: linear-gradient(110deg,rgba(13,148,136,0.92),rgba(8,145,178,0.82));display: flex;align-items: center;justify-content: space-between;gap: 2rem}.welcome-final-cta .welcome-eyebrow{color: rgba(255,255,255,0.76)}.welcome-final-cta h2{color: white}.welcome-final-cta .btn-primary{background: #fff;color: #0f766e;box-shadow: none;white-space: nowrap}@media (max-width: 860px){.welcome-nav-links{display: none}.welcome-hero,.welcome-steps{grid-template-columns: 1fr;gap: 2.5rem}.welcome-hero{padding-top: 3rem}.welcome-preview{max-width: 630px;width: 100%;margin: auto}.welcome-features{grid-template-columns: 1fr;padding-bottom: 4rem}.welcome-final-cta{align-items: flex-start;flex-direction: column}.preview-columns{gap: 0.4rem}.preview-column{padding: 0.45rem}}@media (max-width: 480px){.welcome-nav,.welcome-hero,.welcome-features,.welcome-steps,.welcome-final-cta{width: min(100% - 2rem,1180px)}.welcome-nav{height: 70px}.welcome-signup{padding: 0.55rem 0.7rem}.welcome-login{padding: 0.5rem}.welcome-hero h1{font-size: 2.4rem}.welcome-preview{transform: none;padding: 0.65rem}.preview-column{min-height: 220px}.preview-card{padding: 0.45rem;font-size: 0.57rem;line-height: 1.5}.preview-column-title{font-size: 0.56rem}.welcome-final-cta{padding: 1.5rem}}#auth-screen{position: fixed;inset: 0;background: radial-gradient(circle at 80% 20%,rgba(13,148,136,0.16),transparent 50%),radial-gradient(circle at 20% 80%,rgba(8,145,178,0.14),transparent 50%),var(--bg-main);display: flex;overflow-y: auto;overscroll-behavior: contain;-webkit-overflow-scrolling: touch;z-index: 1000;padding: 1rem}.auth-card{margin: auto;background: var(--bg-card);backdrop-filter: var(--backdrop-blur);border: 1px solid var(--border-highlight);border-radius: var(--radius-xl);padding: 2.8rem 2.5rem;width: 100%;max-width: 460px;box-shadow: 0 25px 50px -12px rgba(0,0,0,0.6),var(--shadow-glow);animation: fadeIn 0.4s ease-out}@media (max-width: 480px){.auth-card{padding: 1.8rem 1.25rem}}.brand-badge{display: inline-flex;align-items: center;gap: 0.5rem;background: rgba(13,148,136,0.15);color: var(--primary);border: 1px solid rgba(13,148,136,0.3);padding: 0.35rem 0.85rem;border-radius: 999px;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.05em;margin-bottom: 1rem}.auth-header{text-align: center;margin-bottom: 1.8rem}.auth-header h2{font-family: var(--font-heading);font-size: 1.8rem;font-weight: 700;color: var(--text-primary)}.auth-header p{color: var(--text-secondary);font-size: 0.9rem;margin-top: 0.3rem}.auth-sublink{font-size: 0.78rem;color: var(--accent);text-decoration: none;transition: color 0.2s}.auth-sublink:hover{text-decoration: underline}.auth-error-box{background: rgba(239,68,68,0.15);border: 1px solid var(--urgent-color);color: #fca5a5;border-radius: var(--radius-sm);padding: 0.85rem 1rem;margin-bottom: 1.25rem;font-size: 0.9rem;display: flex;align-items: center;gap: 0.6rem;animation: shake 0.3s ease-in-out}@keyframes shake{0%,100%{transform: translateX(0)}25%{transform: translateX(-5px)}75%{transform: translateX(5px)}}.form-group{margin-bottom: 1.25rem}.form-group label{display: block;font-size: 0.85rem;font-weight: 600;color: var(--text-secondary);margin-bottom: 0.45rem}.form-group label i{margin-right: 0.35rem;color: var(--primary)}.form-group input,.form-group select,.form-group textarea{width: 100%;padding: 0.85rem 1rem;background: var(--bg-input);border: 1px solid var(--border);border-radius: var(--radius-sm);color: var(--text-primary);font-size: 0.95rem;transition: all 0.2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(13,148,136,0.22)}.btn-primary{background: var(--primary-gradient);color: #fff;border: none;border-radius: var(--radius-sm);padding: 0.85rem 1.5rem;font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;box-shadow: 0 4px 15px rgba(13,148,136,0.3)}.btn-primary:hover{transform: translateY(-1px);box-shadow: 0 6px 20px rgba(13,148,136,0.45)}.btn-submit{width: 100%;margin-top: 0.5rem;padding: 0.95rem}.btn-secondary{background: rgba(255,255,255,0.08);color: var(--text-secondary);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 0.85rem 1.5rem;font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: all 0.2s;display: inline-flex;align-items: center;gap: 0.5rem}.btn-secondary:hover{background: rgba(255,255,255,0.15);color: var(--text-primary)}.auth-toggle{margin-top: 1.5rem;text-align: center;font-size: 0.85rem;color: var(--text-secondary)}.auth-toggle span{color: var(--accent);font-weight: 600;cursor: pointer;text-decoration: underline}.modal-backdrop{position: fixed;inset: 0;background: rgba(0,0,0,0.7);backdrop-filter: blur(8px);display: flex;align-items: center;justify-content: center;z-index: 2000;padding: 1rem;animation: fadeIn 0.2s ease-out}.modal-card{background: var(--bg-surface);border: 1px solid var(--border-highlight);border-radius: var(--radius-lg);width: 100%;max-width: 520px;box-shadow: 0 25px 50px rgba(0,0,0,0.6);overflow: hidden}.modal-header{padding: 1.25rem 1.5rem;border-bottom: 1px solid var(--border);display: flex;align-items: center;justify-content: space-between}.modal-header h3{font-size: 1.15rem;font-weight: 700;color: var(--text-primary);display: flex;align-items: center;gap: 0.5rem}.btn-modal-close{background: transparent;border: none;color: var(--text-muted);font-size: 1.4rem;cursor: pointer;line-height: 1}.btn-modal-close:hover{color: var(--text-primary)}.modal-body{padding: 1.5rem}.modal-grid-2{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem}.modal-footer{padding: 1rem 1.5rem;border-top: 1px solid var(--border);background: rgba(0,0,0,0.2);display: flex;align-items: center;justify-content: flex-end;gap: 0.75rem}@keyframes fadeIn{from{opacity: 0;transform: translateY(6px)}to{transform: translateY(0)}}.support-button{position: fixed;bottom: 2rem;right: 2rem;width: 60px;height: 60px;border-radius: 50%;background: var(--primary-gradient);color: white;border: none;cursor: pointer;box-shadow: 0 4px 20px rgba(13,148,136,0.4);display: flex !important;align-items: center;justify-content: center;font-size: 1.5rem;z-index: 99999 !important;transition: all 0.3s ease}.support-button:hover{transform: scale(1.1);box-shadow: 0 6px 25px rgba(13,148,136,0.5)}.support-badge{position: absolute;top: -5px;right: -5px;background: #ef4444;color: white;border-radius: 50%;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: bold;border: 2px solid white}.support-chat-modal{max-width: 500px;width: 90%;max-height: 80vh;overflow-y: auto}.support-subject-section{display: flex;flex-direction: column;gap: 1rem}.support-subjects-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 1rem}.support-subject-btn{display: flex;flex-direction: column;align-items: center;gap: 0.5rem;padding: 1.5rem;background: var(--bg-card);border: 2px solid var(--border);border-radius: var(--radius-md);cursor: pointer;transition: all 0.3s ease;color: var(--text-primary);font-size: 0.9rem}.support-subject-btn:hover{border-color: var(--primary);background: var(--accent-glow);transform: translateY(-2px)}.support-subject-btn i{font-size: 1.5rem;color: var(--primary)}.support-chat-area{display: flex;flex-direction: column;height: 400px}.support-chat-header{display: flex;justify-content: space-between;align-items: center;padding-bottom: 1rem;border-bottom: 1px solid var(--border);margin-bottom: 1rem}.support-subject-tag{background: var(--accent-glow);color: var(--primary);padding: 0.5rem 1rem;border-radius: var(--radius-sm);font-size: 0.85rem;font-weight: 600}.support-messages{display: flex;flex-direction: column;gap: 10px;padding: 1rem;max-height: 400px;overflow-y: auto;background: var(--bg-input);border-radius: var(--radius-md)}.support-date-divider{align-self:center;margin:0.45rem 0;padding:0.3rem 0.75rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);font-size:0.72rem;font-weight:700}.support-message{display: flex;flex-direction: column;max-width: 75%;padding: 0.75rem 1rem;border-radius: 14px;font-size: 0.9rem;line-height: 1.4;word-break: break-word;box-shadow: 0 2px 5px rgba(0,0,0,0.05);transition: all 0.2s ease}.support-message.outgoing,.support-message.user-chat-message:not(.incoming){align-self: flex-end;background: var(--primary-gradient);color: #ffffff;border-bottom-right-radius: 2px}.support-message.outgoing .message-content,.support-message.outgoing .message-content strong,.support-message.outgoing .message-content p{color: #ffffff}.support-message.outgoing .message-time{color: rgba(255,255,255,0.85)}.support-message.incoming,.support-message.admin-support-message:not(.outgoing){align-self: flex-start;background: var(--bg-card);color: var(--text-primary);border: 1px solid var(--border);border-bottom-left-radius: 2px}.support-message.incoming .message-content strong{color: var(--primary)}.support-message.incoming .message-content p{color: var(--text-primary)}.support-message.incoming .message-time{color: var(--text-secondary)}.support-message.system,.support-message.system-message{align-self: center;background: var(--bg-input);color: var(--text-secondary);border: 1px dashed var(--border);font-size: 0.82rem;padding: 0.45rem 0.9rem;border-radius: 10px;max-width: 85%;text-align: center;box-shadow: none}.support-message.system .message-content strong,.support-message.system .message-content p{color: var(--text-secondary);font-size: 0.82rem}.message-time{font-size: 0.68rem;opacity: 0.8;margin-top: 0.35rem;align-self: flex-end}.typing-indicator{display: flex;align-items: center;gap: 6px;padding: 8px 16px;background: var(--bg-card);border-radius: var(--radius-md);border: 1px solid var(--border);align-self: flex-start;max-width: fit-content;font-size: 0.8rem;color: var(--text-secondary);margin: 0.25rem 0;box-shadow: 0 2px 5px rgba(0,0,0,0.04)}.typing-text{font-size: 0.78rem;font-style: italic;margin-right: 0.25rem;color: var(--text-secondary)}.typing-dot{width:6px;height:6px;border-radius:50%;background:#8abab5;animation:typing 1.2s infinite}.typing-dot:nth-child(1){animation-delay: 0s}.typing-dot:nth-child(2){animation-delay: 0.2s}.typing-dot:nth-child(3){animation-delay: 0.4s}.chat-message.msg-right{align-self:flex-end;background:#0d9488;color:#fff;border-bottom-right-radius:4px}.chat-message.msg-left{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px}@keyframes typingAnimation{0%,60%,100%{transform: translateY(0);opacity: 0.4}30%{transform: translateY(-4px);opacity: 1}}.support-input-area{display: flex;gap: 0.5rem}.support-input-area input{flex: 1;padding: 0.75rem;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--bg-input);color: var(--text-primary)}.support-input-area input:focus{outline: none;border-color: var(--primary)}.feedbacks-list{display: flex;flex-direction: column;gap: 1rem}.feedback-item{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-md);padding: 1.25rem;display: flex;flex-direction: column;gap: 0.75rem}.feedback-header{display: flex;justify-content: space-between;align-items: center}.feedback-type{padding: 0.35rem 0.75rem;border-radius: var(--radius-sm);font-size: 0.8rem;font-weight: 600}.feedback-type.MELHORIA{background: rgba(16,185,129,0.15);color: #10b981}.feedback-type.CRITICA{background: rgba(239,68,68,0.15);color: #ef4444}.feedback-type.DUVIDA{background: rgba(59,130,246,0.15);color: #3b82f6}.feedback-type.ELOGIO{background: rgba(245,158,11,0.15);color: #f59e0b}.feedback-content{color: var(--text-secondary);font-size: 0.9rem;line-height: 1.5}.feedback-meta{display: flex;justify-content: space-between;align-items: center;font-size: 0.8rem;color: var(--text-muted)}.feedback-sender{display: flex;align-items: center;gap: 0.5rem}.feedback-sender i{color: var(--primary)}.support-chats-list{display: flex;flex-direction: column;gap: 1rem}.support-chat-tabs{display:flex;gap:1.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.support-chat-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .15rem;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit;font-weight:600}.support-chat-tab:hover,.support-chat-tab[aria-selected="true"]{color:var(--primary)}.support-chat-tab[aria-selected="true"]{border-bottom-color:var(--primary)}.support-chat-tab span{min-width:1.35rem;padding:.1rem .35rem;border-radius:999px;background:var(--bg-input);color:var(--text-muted);font-size:.72rem;text-align:center}.support-chat-modal-actions{display:flex;align-items:center;gap:.5rem}.master-role-select{max-width:10.5rem;padding:0.35rem 0.45rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:0.72rem}.master-role-owner{color:var(--text-muted);font-size:0.72rem;font-weight:700}.support-chat-item{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-md);padding: 1.25rem;cursor: pointer;transition: all 0.3s ease}.support-chat-item:hover{border-color: var(--primary);transform: translateY(-2px);box-shadow: var(--shadow-glow)}.support-chat-item.unread{border-left: 4px solid var(--urgent-color);background: rgba(239,68,68,0.05)}.support-chat-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.75rem}.support-chat-user{display: flex;align-items: center;gap: 0.5rem}.support-chat-user-name{font-weight: 600;color: var(--text-primary)}.support-chat-user-email{font-size: 0.85rem;color: var(--text-secondary)}.support-chat-subject{background: var(--accent-glow);color: var(--primary);padding: 0.35rem 0.75rem;border-radius: var(--radius-sm);font-size: 0.8rem;font-weight: 600}.support-chat-preview{color: var(--text-secondary);font-size: 0.9rem;margin-bottom: 0.75rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.support-chat-meta{display: flex;justify-content: space-between;align-items: center;font-size: 0.8rem;color: var(--text-muted)}.unread-badge{background: var(--urgent-color);color: white;padding: 0.25rem 0.5rem;border-radius: var(--radius-sm);font-size: 0.7rem;font-weight: 600}.user-chats-list{display: flex;flex-direction: column;gap: 0.75rem;max-height: 300px;overflow-y: auto;padding: 0.75rem;background: var(--bg-input);border-radius: var(--radius-md);border: 1px solid var(--border)}.user-chat-item{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 0.75rem;cursor: pointer;transition: all 0.2s ease;display: flex;justify-content: space-between;align-items: center}.user-chat-item:hover{border-color: var(--primary);background: var(--accent-glow)}.user-chat-item.unread{border-left: 3px solid var(--urgent-color)}.user-chat-info{flex: 1}.user-chat-subject{font-weight: 600;font-size: 0.85rem;color: var(--text-primary);margin-bottom: 0.25rem}.user-chat-date,.user-chat-activity{font-size: 0.75rem;color: var(--text-muted);line-height:1.45}.user-chat-status{background: var(--accent-glow);color: var(--primary);padding: 0.25rem 0.5rem;border-radius: var(--radius-sm);font-size: 0.7rem;font-weight: 600}.admin-support-container{background: var(--bg-card);border-radius: 8px;padding: 20px;margin-top: 20px;box-shadow: 0 2px 8px rgba(0,0,0,0.05);max-height: 80vh;overflow-y: auto;padding-right: 12px}.admin-support-container::-webkit-scrollbar{width: 8px}.admin-support-container::-webkit-scrollbar-track{background: rgba(0,0,0,0.05);border-radius: 4px}.admin-support-container::-webkit-scrollbar-thumb{background: #008080;border-radius: 4px}.admin-support-container::-webkit-scrollbar-thumb:hover{background: #0f766e}.chat-queue-list{display: flex;flex-direction: column;gap: 12px;margin-top: 15px}.chat-queue-item{display: flex;justify-content: space-between;align-items: center;padding: 12px 16px;background: var(--bg-input);border-left: 4px solid #008080;border-radius: 6px}.chat-queue-item button{background: #008080;color: white;border: none;padding: 8px 16px;border-radius: 4px;cursor: pointer}
/* responsive.css (mesclado para reduzir requisições bloqueantes) */
#app-sidebar .nav-menu{min-height: 0;overflow-y: auto !important;scrollbar-width: thin !important;scrollbar-color: rgba(255,255,255,0.28) transparent !important;padding-right: 2px;overscroll-behavior: contain}#app-sidebar .nav-menu::-webkit-scrollbar{display: block !important;width: 6px !important}#app-sidebar .nav-menu::-webkit-scrollbar-thumb{background: rgba(255,255,255,0.25);border-radius: 6px}#app-sidebar .nav-menu::-webkit-scrollbar-thumb:hover{background: rgba(255,255,255,0.4)}#app-sidebar .nav-menu::-webkit-scrollbar-track{background: transparent}#app-sidebar .sidebar-plan-card,#app-sidebar .sidebar-footer{flex-shrink: 0}@media (max-width: 900px){#app-screen .content-body{padding: 1rem 0.9rem 6rem !important}#app-screen .top-header{padding: 0.75rem 0.9rem 0.75rem 4rem;gap: 0.75rem;flex-wrap: wrap}#app-screen .header-greeting h2{font-size: 1.1rem}#app-screen .header-actions{flex-wrap: wrap;gap: 0.5rem}#app-screen .pane-header{flex-direction: column;align-items: stretch;gap: 0.75rem}#app-screen .pane-header h2{font-size: 1.15rem;flex-wrap: wrap}#app-screen .pane-controls{flex-wrap: wrap}#app-screen .calendar-layout,#app-screen .analytics-grid,#app-screen .company-grid,#app-screen .settings-grid,#app-screen .automation-form-grid,#app-screen .profile-layout{grid-template-columns: 1fr !important}#app-screen .plans-grid{grid-template-columns: 1fr !important;max-width: none}#app-screen .tutorials-grid{grid-template-columns: repeat(2,1fr) !important}}@media (max-width: 640px){#app-screen #tab-kanban.active .kanban-board,#app-screen .kanban-board{display: grid !important;grid-template-columns: none !important;grid-auto-flow: column !important;grid-auto-columns: 86vw !important;overflow-x: auto !important;scroll-snap-type: x mandatory}#app-screen .dashboard-counters{grid-template-columns: repeat(2,1fr) !important;gap: 0.75rem}#app-screen .tutorials-grid{grid-template-columns: 1fr !important}#app-screen button,#app-screen .btn-primary,#app-screen .btn-secondary,#app-screen .btn-action-header,#app-screen .nav-item,#app-screen .master-subtab{min-height: 44px}input,select,textarea{font-size: 16px !important}.mobile-nav-toggle{width: 46px;height: 46px}.modal-card,.modal-card-wide,.master-modal-card,.support-chat-modal{width: 94vw !important;max-width: 94vw !important;max-height: 90vh !important;overflow-y: auto !important}.modal-grid-2{grid-template-columns: 1fr !important}.modal-footer{flex-wrap: wrap;gap: 0.5rem}.modal-footer button{flex: 1 1 140px}.crm-table,#tab-crm table,#tab-storage table,#tab-company table,#tab-master table{display: block;overflow-x: auto;max-width: 100%;-webkit-overflow-scrolling: touch}#app-screen .calendar-days-grid{gap: 3px}#app-screen .master-user-row{flex-wrap: wrap}#app-screen .profile-actions{flex-direction: column-reverse}#app-screen .profile-actions button{width: 100%}#app-screen .master-subtabs{overflow-x: auto;flex-wrap: nowrap}#app-screen .master-subtab{white-space: nowrap}.support-button{bottom: 1rem;right: 1rem}}@media (max-width: 380px){#app-sidebar.sidebar-open{width: 88vw !important}}html,body{max-width: 100%;overflow-x: hidden}@media (max-width: 640px){#app-screen .kanban-filter-bar{flex-wrap: wrap;gap: 0.6rem}#app-screen .filter-search-box{flex: 1 1 100%}#app-screen .filter-select-box{min-width: 0 !important;flex: 1 1 100%}#app-screen .counter-card{min-width: 0;padding: 0.85rem;gap: 0.6rem}#app-screen .dashboard-counters>*{min-width: 0}#app-screen .top-header .header-actions .btn-action-header{padding: 0.55rem 0.7rem}#app-screen .kanban-col,#app-screen .card-list{min-width: 0}}