@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary: #1e3a5f;--color-primary-dark: #152a45;--color-primary-light: #2d5a8a;--color-primary-rgb: 30, 58, 95;--color-secondary: #3b82c4;--color-secondary-dark: #2563a0;--color-secondary-light: #60a5fa;--gradient-primary: linear-gradient(135deg, #1e3a5f 0%, #2d5a8a 100%);--gradient-primary-hover: linear-gradient(135deg, #152a45 0%, #1e3a5f 100%);--gradient-accent: linear-gradient(135deg, #3b82c4 0%, #60a5fa 100%);--color-success: #059669;--color-success-dark: #047857;--color-success-light: #10b981;--color-success-bg: #ecfdf5;--color-success-border: #a7f3d0;--color-success-text: #065f46;--color-warning: #d97706;--color-warning-dark: #b45309;--color-warning-light: #f59e0b;--color-warning-bg: #fffbeb;--color-warning-border: #fde68a;--color-warning-text: #92400e;--color-danger: #dc2626;--color-danger-dark: #b91c1c;--color-danger-light: #ef4444;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-danger-text: #991b1b;--color-info: #0284c7;--color-info-dark: #0369a1;--color-info-light: #38bdf8;--color-info-bg: #f0f9ff;--color-info-border: #bae6fd;--color-info-text: #075985;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--text-primary: #1a1a2e;--text-secondary: #4a5568;--text-muted: #718096;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f7f8fa;--bg-tertiary: #eef1f5;--bg-page: #f3f4f6;--border-light: #e2e8f0;--border-default: #cbd5e1;--border-dark: #94a3b8;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", "Monaco", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--border-width-1: 1px;--border-width-2: 2px;--border-width-3: 3px;--border-width-4: 4px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .06), 0 4px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .08), 0 10px 10px rgba(0, 0, 0, .04);--shadow-primary-sm: 0 2px 4px rgba(var(--color-primary-rgb), .12);--shadow-primary-md: 0 4px 8px rgba(var(--color-primary-rgb), .15);--shadow-primary-lg: 0 8px 16px rgba(var(--color-primary-rgb), .18);--shadow-primary-xl: 0 12px 24px rgba(var(--color-primary-rgb), .22);--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-slower: .4s ease;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--btn-height-sm: 32px;--btn-height-md: 40px;--btn-height-lg: 48px;--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--card-padding-sm: var(--space-4);--card-padding-md: var(--space-5);--card-padding-lg: var(--space-6);--navbar-height: 64px;--footer-height: 28px;--sidebar-width: 380px}@media(prefers-color-scheme:dark){:root.auto-dark{--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-tertiary: #334155;--border-light: #334155;--border-default: #475569}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-page);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-3xl);font-weight:var(--font-bold)}h2{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base);font-weight:var(--font-medium)}h6{font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}p{margin:0;line-height:var(--leading-relaxed);color:var(--text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-primary);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:disabled,textarea:disabled,select:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}input[type=checkbox],input[type=radio]{width:auto;cursor:pointer}table{width:100%;border-collapse:collapse}th{background-color:var(--bg-secondary);font-weight:var(--font-semibold);text-align:left;padding:var(--space-4);border-bottom:var(--border-width-2) solid var(--border-light);color:var(--text-primary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}td{padding:var(--space-4);border-bottom:var(--border-width-1) solid var(--border-light);vertical-align:middle}tr:hover{background-color:var(--bg-secondary)}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}*{scrollbar-width:thin;scrollbar-color:var(--color-gray-400) var(--bg-tertiary)}::selection{background-color:rgba(var(--color-primary-rgb),.2);color:var(--text-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-15px) rotate(-1deg)}20%{transform:translate(15px) rotate(1deg)}30%{transform:translate(-12px) rotate(-1deg)}40%{transform:translate(12px) rotate(1deg)}50%{transform:translate(-10px) rotate(-.5deg)}60%{transform:translate(10px) rotate(.5deg)}70%{transform:translate(-8px)}80%{transform:translate(8px)}90%{transform:translate(-4px)}}.animate-shake{animation:shake .6s ease-in-out}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-fade-in-up{animation:fadeInUp var(--transition-slow)}.animate-fade-in-down{animation:fadeInDown var(--transition-slow)}.animate-scale-in{animation:scaleIn var(--transition-normal)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.transition-all{transition:all var(--transition-normal)}.transition-colors{transition:color var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-normal)}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;text-decoration:none;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.btn-primary{background:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-xs)}.btn-secondary{background:var(--bg-primary);color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.05)}.btn-tertiary{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-default)}.btn-tertiary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-dark)}.btn-success{background:var(--color-success);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:var(--color-success-dark);box-shadow:var(--shadow-md)}.btn-warning{background:var(--color-warning);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-warning:hover:not(:disabled){background:var(--color-warning-dark);box-shadow:var(--shadow-md)}.btn-danger{background:var(--color-danger);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark);box-shadow:var(--shadow-md)}.btn-info{background:var(--color-info);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-info:hover:not(:disabled){background:var(--color-info-dark);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn-link{background:transparent;color:var(--color-primary);padding:0;border-radius:0;font-weight:var(--font-medium)}.btn-link:hover:not(:disabled){color:var(--color-primary-dark);text-decoration:underline}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.btn-icon.btn-lg{padding:var(--space-3)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);white-space:nowrap}.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.badge-primary{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.badge-success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text);border:1px solid var(--color-info-border)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-gradient{background:var(--gradient-primary);color:var(--text-inverse)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:all var(--transition-fast);overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.card-body{padding:var(--card-padding-md)}.card-header{padding:var(--card-padding-md);border-bottom:var(--border-width-1) solid var(--border-light)}.card-footer{padding:var(--card-padding-md);border-top:var(--border-width-1) solid var(--border-light);background:var(--bg-secondary)}.card-accent{position:relative}.card-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:scaleX(0);transition:transform var(--transition-slow)}.card-accent:hover:before{transform:scaleX(1)}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.form-label-required:after{content:" *";color:var(--color-danger)}.form-input{padding:var(--space-3) var(--space-4);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-input-error{border-color:var(--color-danger)}.form-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-hint{font-size:var(--text-xs);color:var(--text-muted)}.form-error{font-size:var(--text-xs);color:var(--color-danger)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border-left:var(--border-width-4) solid;display:flex;align-items:flex-start;gap:var(--space-3)}.alert-success{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success-text)}.alert-warning{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning-text)}.alert-danger{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger-text)}.alert-info{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info-text)}.page-container{min-height:100vh;background:var(--bg-page);padding-bottom:var(--footer-height)}.page-header{background:var(--gradient-primary);padding:var(--space-8) var(--space-10);border-radius:var(--radius-xl);margin-bottom:var(--space-6);box-shadow:var(--shadow-primary-md);display:flex;justify-content:space-between;align-items:center}.page-header-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-inverse);margin:0}.page-header-subtitle{font-size:var(--text-base);color:#ffffffe6;margin-top:var(--space-2)}.page-content{padding:var(--space-6) var(--space-10);max-width:1400px;margin:0 auto}.navbar{background:var(--gradient-primary);padding:var(--space-5) var(--space-10);box-shadow:var(--shadow-primary-md);display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);position:sticky;top:0;z-index:var(--z-sticky)}.navbar-brand{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-inverse);display:flex;align-items:center;gap:var(--space-3)}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.empty-state{text-align:center;padding:var(--space-16) var(--space-10);color:var(--text-secondary);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-4);display:block}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-base);color:var(--text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.grid{display:grid;gap:var(--space-6)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-0{margin:0}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:var(--border-width-1) solid var(--border-light)}.border-2{border:var(--border-width-2) solid var(--border-light)}.border-primary{border-color:var(--color-primary)}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.border-danger{border-color:var(--color-danger)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.hidden{display:none}.invisible{visibility:hidden}.visible{visibility:visible}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.divider{height:1px;background:var(--border-light);margin:var(--space-4) 0}.divider-vertical{width:1px;height:100%;background:var(--border-light);margin:0 var(--space-4)}.online-indicator{display:inline-block;border-radius:50%;flex-shrink:0}.online-indicator--small{width:8px;height:8px}.online-indicator--medium{width:10px;height:10px}.online-indicator--large{width:12px;height:12px}.online-indicator--online{background-color:#22c55e;box-shadow:0 0 4px #22c55e}.online-indicator--offline{background-color:#9ca3af}.chat-message{display:flex;flex-direction:column;margin-bottom:8px;padding:0 12px}.chat-message--own{align-items:flex-end}.chat-message--other{align-items:flex-start}.chat-message-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.chat-message-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.chat-message-avatar img{width:100%;height:100%;object-fit:cover}.chat-message-avatar span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;font-weight:600}.chat-message-sender{font-size:11px;color:#6b7280;font-weight:500}.chat-message-bubble{max-width:80%;padding:8px 12px;border-radius:16px;word-wrap:break-word}.chat-message--own .chat-message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.chat-message--other .chat-message-bubble{background:#f3f4f6;color:#1f2937;border-bottom-left-radius:4px}.chat-message-content{font-size:14px;line-height:1.4;white-space:pre-wrap}.chat-message-time{font-size:10px;margin-top:4px;text-align:right}.chat-message--own .chat-message-time{color:#ffffffb3}.chat-message--other .chat-message-time{color:#9ca3af}.edited-label{margin-left:4px;font-style:italic}.message-text{display:inline}.message-image-container{margin:8px 0}.message-image{max-width:300px;max-height:250px;border-radius:8px;cursor:pointer;transition:transform .2s,opacity .2s;object-fit:contain}.message-image:hover{transform:scale(1.02);opacity:.95}.message-image-error{display:flex;align-items:center;gap:8px;padding:12px;background:#0000001a;border-radius:8px;color:inherit;opacity:.7}.message-image-error svg{flex-shrink:0}.message-image-error span{font-size:12px}.message-file{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:#0000001a;border-radius:8px;text-decoration:none;color:inherit;margin:8px 0;transition:background .2s}.chat-message--own .message-file{background:#fff3}.message-file:hover{background:#00000026}.chat-message--own .message-file:hover{background:#ffffff4d}.message-file-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#dc2626;border-radius:6px;color:#fff;flex-shrink:0}.message-file-name{font-size:13px;font-weight:500;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-link{color:inherit;text-decoration:underline;word-break:break-all}.chat-message--own .message-link{color:#e0e7ff}.chat-message--other .message-link{color:#4f46e5}.message-link:hover{opacity:.8}.image-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;cursor:zoom-out}.image-modal-content{position:relative;max-width:90vw;max-height:90vh}.image-modal-content img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}.image-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;cursor:pointer;padding:8px;opacity:.8;transition:opacity .2s}.image-modal-close:hover{opacity:1}.chat-message-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.message-actions{position:relative;opacity:0;transition:opacity .2s}.chat-message:hover .message-actions{opacity:1}.message-menu-btn{background:none;border:none;padding:2px 4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s}.chat-message--own .message-menu-btn{color:#ffffffb3}.chat-message--other .message-menu-btn{color:#6b7280}.message-menu-btn:hover{background:#0000001a}.chat-message--own .message-menu-btn:hover{background:#fff3}.message-menu{position:absolute;bottom:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:120px;overflow:hidden;z-index:100;animation:menuFadeIn .15s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;cursor:pointer;font-size:13px;color:#374151;text-align:left;transition:background .2s}.message-menu-item:hover{background:#f3f4f6}.message-menu-item.delete{color:#dc2626}.message-menu-item.delete:hover{background:#fef2f2}.message-menu-item:disabled{opacity:.5;cursor:not-allowed}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;margin-bottom:2px}.reaction-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:12px;font-size:14px;cursor:pointer;transition:all .2s}.chat-message--own .reaction-badge{background:#fff3;border-color:#ffffff4d}.reaction-badge:hover{transform:scale(1.1)}.reaction-badge.reacted{background:#667eea33;border-color:#667eea}.chat-message--own .reaction-badge.reacted{background:#ffffff4d;border-color:#fff}.reaction-emoji{font-size:14px}.reaction-count{font-size:11px;font-weight:600;color:#6b7280}.chat-message--own .reaction-count{color:#ffffffe6}.reaction-picker-container{position:relative;opacity:0;transition:opacity .2s}.chat-message:hover .reaction-picker-container{opacity:1}.reaction-btn{background:none;border:none;padding:2px 4px;cursor:pointer;font-size:14px;border-radius:4px;transition:all .2s;opacity:.6}.reaction-btn:hover{opacity:1;transform:scale(1.2)}.reaction-picker{position:absolute;bottom:100%;background:#fff;border-radius:24px;box-shadow:0 4px 16px #00000026;padding:6px 8px;display:flex;gap:2px;z-index:100;animation:reactionPickerIn .2s ease-out}.reaction-picker.picker-left{right:0}.reaction-picker.picker-right{left:0}@keyframes reactionPickerIn{0%{opacity:0;transform:scale(.8) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.reaction-picker-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer;font-size:18px;transition:all .15s}.reaction-picker-item:hover{background:#f3f4f6;transform:scale(1.2)}.typing-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:12px;color:#6b7280}.typing-dots{display:flex;gap:3px}.typing-dots span{width:6px;height:6px;background:#9ca3af;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.typing-text{font-style:italic}.zoom-call-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:zoomFadeIn .2s ease}.zoom-call-overlay.fullscreen{background:#0f0f0f}@keyframes zoomFadeIn{0%{opacity:0}to{opacity:1}}.zoom-call-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;overflow:hidden;box-shadow:0 25px 80px #0009;animation:zoomSlideUp .3s ease;display:flex;flex-direction:column;max-height:90vh;max-width:95vw}.zoom-call-modal.audio-call{width:400px;min-height:350px}.zoom-call-modal.video-call{width:900px;min-height:600px}.zoom-call-modal.video-call.active{width:95vw;max-width:1400px;min-height:80vh}.zoom-call-modal.fullscreen{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0}@keyframes zoomSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.zoom-incoming{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;min-height:400px}.zoom-incoming-content{text-align:center;margin-bottom:48px}.zoom-incoming-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff;animation:zoomPulseGreen 1.5s infinite}.zoom-incoming-icon.video{background:linear-gradient(135deg,#8b5cf6,#7c3aed);animation:zoomPulsePurple 1.5s infinite}@keyframes zoomPulseGreen{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 25px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes zoomPulsePurple{0%{box-shadow:0 0 #8b5cf6b3}70%{box-shadow:0 0 0 25px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.zoom-incoming-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:48px;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:4px solid rgba(255,255,255,.15)}.zoom-incoming-name{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.zoom-incoming-type{color:#ffffffb3;font-size:16px;margin:0 0 4px}.zoom-incoming-invited{color:#ffffff80;font-size:14px;margin:0 0 4px}.zoom-incoming-count{color:#fff9;font-size:14px;margin:0}.zoom-incoming-actions{display:flex;gap:24px}.zoom-btn-reject,.zoom-btn-accept{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 32px;border:none;border-radius:16px;cursor:pointer;font-size:14px;font-weight:500;color:#fff;transition:all .2s ease;min-width:110px}.zoom-btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626)}.zoom-btn-reject:hover{transform:scale(1.05);box-shadow:0 8px 30px #ef444480}.zoom-btn-accept{background:linear-gradient(135deg,#22c55e,#16a34a)}.zoom-btn-accept:hover{transform:scale(1.05);box-shadow:0 8px 30px #22c55e80}.zoom-calling{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;min-height:400px}.zoom-calling-content{text-align:center;margin-bottom:48px}.zoom-calling-preview{position:relative;width:100%;max-width:400px;height:280px;border-radius:16px;overflow:hidden;background:#000}.zoom-preview-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.zoom-calling-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 50%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:24px}.zoom-calling-info h2{color:#fff;font-size:20px;font-weight:500;margin:0 0 8px}.zoom-calling-group{display:flex;justify-content:center;margin-bottom:24px}.zoom-calling-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:40px;font-weight:600;display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.15);margin:0 -10px}.zoom-calling-avatar.large{width:120px;height:120px;font-size:48px;margin:0 auto 24px}.zoom-calling-avatar.more{background:#fff3;font-size:18px}.zoom-calling-name{color:#fff;font-size:24px;font-weight:600;margin:0 0 12px}.zoom-calling-status{display:flex;align-items:center;justify-content:center;gap:8px;color:#ffffffb3;font-size:16px}.zoom-calling-dots{display:flex;gap:4px}.zoom-calling-dots span{width:8px;height:8px;border-radius:50%;background:currentColor;animation:zoomDots 1.4s infinite}.zoom-calling-dots span:nth-child(2){animation-delay:.2s}.zoom-calling-dots span:nth-child(3){animation-delay:.4s}@keyframes zoomDots{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.zoom-calling-actions{display:flex;justify-content:center}.zoom-btn-hangup{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 40px;border:none;border-radius:16px;cursor:pointer;font-size:14px;font-weight:500;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);transition:all .2s ease}.zoom-btn-hangup:hover{transform:scale(1.05);box-shadow:0 8px 30px #ef444480}.zoom-active{display:flex;flex-direction:column;height:100%;min-height:inherit;background:#0f0f0f}.zoom-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .3s,transform .3s;z-index:10}.zoom-header.hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.zoom-header-left{display:flex;align-items:center;gap:16px}.zoom-meeting-info{display:flex;align-items:center;gap:12px;color:#fff}.zoom-meeting-name{font-size:15px;font-weight:500}.zoom-meeting-separator{color:#ffffff4d}.zoom-meeting-duration{font-size:14px;color:#fffc;font-family:SF Mono,Fira Code,monospace}.zoom-screen-share-badge{display:flex;align-items:center;gap:8px;background:#10b981e6;color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500}.zoom-stop-share{background:#ffffff40;border:none;color:#fff;padding:4px 10px;border-radius:10px;font-size:12px;cursor:pointer;margin-left:6px;transition:background .2s}.zoom-stop-share:hover{background:#fff6}.zoom-header-right{display:flex;align-items:center;gap:8px}.zoom-header-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .2s}.zoom-header-btn:hover{background:#fff3}.zoom-video-area{flex:1;display:flex;align-items:center;justify-content:center;padding:16px 16px 8px;overflow:hidden;min-height:0}.zoom-video-grid{display:grid;gap:8px;width:100%;height:100%;max-height:calc(100vh - 200px)}.zoom-video-grid.grid-1{grid-template-columns:1fr;grid-template-rows:1fr;max-width:1000px;margin:0 auto}.zoom-video-grid.grid-2{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;max-width:1200px;margin:0 auto}.zoom-video-grid.grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);max-width:1000px;margin:0 auto}.zoom-video-grid.grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.zoom-video-grid.grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.zoom-video-grid.grid-many{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(auto-fill,minmax(150px,1fr));overflow-y:auto}.zoom-video-grid.has-screen-share{display:flex;flex-direction:row;gap:12px}.zoom-screen-share-main{flex:1;position:relative;background:#000;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.zoom-screen-video{width:100%;height:100%;object-fit:contain;background:#000}.zoom-screen-share-label{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#3b82f6e6;color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500}.zoom-video-grid.has-screen-share .zoom-video-tile.sidebar{width:180px;min-width:180px;height:auto;aspect-ratio:16/9}.zoom-video-grid.has-screen-share .zoom-video-tile.sidebar:not(:last-child){margin-bottom:8px}.zoom-video-tile{position:relative;background:#1a1a2e;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:150px}.zoom-video-tile.waiting{flex-direction:column;gap:16px}.zoom-waiting-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:32px;font-weight:600;display:flex;align-items:center;justify-content:center}.zoom-waiting-text{color:#fff9;font-size:14px;margin:0}.zoom-video{width:100%;height:100%;object-fit:cover}.zoom-video.mirror{transform:scaleX(-1)}.zoom-video-tile.local{border:2px solid rgba(59,130,246,.5)}.zoom-video-tile.video-off{background:#1a1a2e}.zoom-video-off{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ffffff80}.zoom-video-off-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center}.zoom-video-label{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:6px;background:#000000b3;padding:6px 12px;border-radius:6px}.zoom-participant-name{color:#fff;font-size:13px;font-weight:500}.zoom-audio-display{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.zoom-audio-participants{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;max-width:600px}.zoom-audio-participant{display:flex;flex-direction:column;align-items:center;gap:12px}.zoom-audio-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:40px;font-weight:600;display:flex;align-items:center;justify-content:center;border:4px solid rgba(34,197,94,.5);animation:zoomAudioPulse 2s infinite}@keyframes zoomAudioPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 15px #22c55e00}}.zoom-audio-name{color:#fff;font-size:16px;font-weight:500}.zoom-screen-share-audio{width:100%;height:100%;background:#000;border-radius:12px;overflow:hidden}.zoom-controls{display:flex;justify-content:center;padding:16px 20px 20px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .3s,transform .3s}.zoom-controls.hidden{opacity:0;transform:translateY(100%);pointer-events:none}.zoom-controls-center{display:flex;align-items:center;gap:12px}.zoom-control-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 20px;border:none;border-radius:12px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease;min-width:80px}.zoom-control-btn span{font-size:12px;font-weight:500}.zoom-control-btn:hover{background:#fff3}.zoom-control-btn.active{background:#ffffff40}.zoom-control-btn.active.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.zoom-control-btn.active.success{background:linear-gradient(135deg,#10b981,#059669)}.zoom-control-btn.hangup{background:linear-gradient(135deg,#ef4444,#dc2626);min-width:90px}.zoom-control-btn.hangup:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:scale(1.05)}.zoom-add-panel{position:absolute;bottom:100px;right:20px;width:300px;background:#1a1a2efa;border-radius:16px;box-shadow:0 10px 40px #00000080;overflow:hidden;z-index:100;animation:zoomSlideUp .2s ease}.zoom-add-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.zoom-add-panel-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.zoom-add-panel-header button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .2s}.zoom-add-panel-header button:hover{background:#fff3}.zoom-add-panel-list{max-height:280px;overflow-y:auto;padding:12px}.zoom-add-user{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:none;border-radius:10px;background:#ffffff0d;cursor:pointer;transition:background .2s;margin-bottom:8px}.zoom-add-user:last-child{margin-bottom:0}.zoom-add-user:hover{background:#ffffff26}.zoom-add-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.zoom-add-user-name{flex:1;color:#fff;font-size:14px;font-weight:500;text-align:left}.zoom-add-user svg{color:#22c55e;flex-shrink:0}.zoom-no-users{color:#ffffff80;font-size:14px;text-align:center;padding:24px;margin:0}.zoom-settings-panel{position:absolute;bottom:100px;left:20px;width:320px;background:#1a1a2efa;border-radius:16px;box-shadow:0 10px 40px #00000080;overflow:hidden;z-index:100;animation:zoomSlideUp .2s ease}.zoom-settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.zoom-settings-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.zoom-settings-header button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .2s}.zoom-settings-header button:hover{background:#fff3}.zoom-settings-content{padding:16px 20px}.zoom-settings-group{margin-bottom:16px}.zoom-settings-group:last-of-type{margin-bottom:12px}.zoom-settings-label{display:flex;align-items:center;gap:10px;color:#fffc;font-size:14px;font-weight:500;margin-bottom:10px}.zoom-settings-label svg{color:#8b5cf6}.zoom-settings-select{width:100%;padding:12px 36px 12px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.zoom-settings-select:hover{background-color:#ffffff1f;border-color:#ffffff40}.zoom-settings-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.zoom-settings-select option{background:#1a1a2e;color:#fff;padding:10px}.zoom-settings-hint{color:#fff6;font-size:12px;margin:0;line-height:1.5}@media(max-width:600px){.zoom-settings-panel{left:8px;right:8px;width:auto;bottom:80px;border-radius:14px}.zoom-settings-header{padding:12px 14px}.zoom-settings-header h3{font-size:14px}.zoom-settings-content{padding:12px 14px}.zoom-settings-label{font-size:13px}.zoom-settings-select{padding:10px 32px 10px 12px;font-size:13px}.zoom-settings-hint{font-size:11px}}@media(max-width:1200px){.zoom-video-grid.grid-6{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.zoom-video-grid.grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}}@media(max-width:900px){.zoom-call-modal.video-call{width:95vw}.zoom-video-grid.grid-4,.zoom-video-grid.grid-6,.zoom-video-grid.grid-9,.zoom-video-grid.grid-many{grid-template-columns:repeat(2,1fr)}.zoom-video-grid.has-screen-share{flex-direction:column}.zoom-video-grid.has-screen-share .zoom-video-tile.sidebar{width:100%;min-width:auto;height:100px}.zoom-controls-center{flex-wrap:wrap;justify-content:center;gap:8px}.zoom-control-btn{padding:12px 16px;min-width:70px}.zoom-control-btn span{font-size:11px}}@media(max-width:600px){.zoom-call-modal.audio-call{width:95vw;min-height:300px}.zoom-incoming{padding:32px 20px}.zoom-incoming-avatar{width:100px;height:100px;font-size:40px}.zoom-incoming-name{font-size:24px}.zoom-btn-reject,.zoom-btn-accept{padding:16px 24px;min-width:90px}.zoom-calling-avatar.large{width:100px;height:100px;font-size:40px}.zoom-header{padding:10px 16px;flex-wrap:wrap;gap:8px}.zoom-meeting-info{font-size:13px}.zoom-screen-share-badge{font-size:12px;padding:4px 10px}.zoom-video-area{padding:8px}.zoom-video-tile{min-height:120px;border-radius:8px}.zoom-video-label{padding:4px 8px}.zoom-participant-name{font-size:11px}.zoom-controls{padding:12px 16px 16px}.zoom-control-btn{padding:10px 14px;min-width:60px;border-radius:10px}.zoom-control-btn svg{width:20px;height:20px}.zoom-control-btn span{font-size:10px}.zoom-add-panel{right:10px;left:10px;width:auto;bottom:90px}.zoom-audio-avatar{width:80px;height:80px;font-size:32px}.zoom-audio-participants{gap:24px}}@media(max-width:400px){.zoom-video-grid.grid-2,.zoom-video-grid.grid-4,.zoom-video-grid.grid-6,.zoom-video-grid.grid-9{grid-template-columns:1fr}.zoom-control-btn{padding:8px 12px;min-width:50px}.zoom-control-btn span{display:none}.zoom-control-btn.hangup span{display:block}}.zoom-call-modal.fullscreen .zoom-video-area{padding:0}.zoom-call-modal.fullscreen .zoom-video-grid{max-height:calc(100vh - 140px);border-radius:0}.zoom-call-modal.fullscreen .zoom-video-tile{border-radius:0}.zoom-call-modal.fullscreen .zoom-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%)}.zoom-call-modal.fullscreen .zoom-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}.zoom-screenshare-layout{display:flex;width:100%;height:100%;gap:12px}.zoom-screenshare-main{flex:1;position:relative;background:#000;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:400px}.zoom-screenshare-main .zoom-screen-video{width:100%;height:100%;object-fit:contain;background:#000}.zoom-screenshare-badge{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:500;color:#fff;z-index:10;box-shadow:0 4px 20px #0006}.zoom-screenshare-badge.local{background:linear-gradient(135deg,#10b981,#059669)}.zoom-screenshare-badge.remote{background:linear-gradient(135deg,#3b82f6,#2563eb)}.zoom-stop-share-btn{background:#ffffff40;border:none;color:#fff;padding:6px 14px;border-radius:14px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s;margin-left:4px}.zoom-stop-share-btn:hover{background:#fff6}.zoom-screenshare-sidebar{width:200px;min-width:200px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:100%}.zoom-sidebar-tile{position:relative;width:100%;aspect-ratio:16/9;background:#1a1a2e;border-radius:10px;overflow:hidden;flex-shrink:0}.zoom-sidebar-tile.video-off{display:flex;align-items:center;justify-content:center}.zoom-tile-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center}.zoom-sidebar-video{width:100%;height:100%;object-fit:cover}.zoom-sidebar-video.mirror{transform:scaleX(-1)}.zoom-tile-label{position:absolute;bottom:4px;left:4px;right:4px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zoom-add-panel-list::-webkit-scrollbar,.zoom-video-grid.grid-many::-webkit-scrollbar,.zoom-screenshare-sidebar::-webkit-scrollbar{width:6px}.zoom-add-panel-list::-webkit-scrollbar-track,.zoom-video-grid.grid-many::-webkit-scrollbar-track,.zoom-screenshare-sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.zoom-add-panel-list::-webkit-scrollbar-thumb,.zoom-video-grid.grid-many::-webkit-scrollbar-thumb,.zoom-screenshare-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.zoom-add-panel-list::-webkit-scrollbar-thumb:hover,.zoom-video-grid.grid-many::-webkit-scrollbar-thumb:hover,.zoom-screenshare-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:768px){.zoom-screenshare-layout{flex-direction:column;height:100%;max-height:100%;gap:8px}.zoom-screenshare-main{min-height:150px;flex:1;max-height:calc(100% - 100px);border-radius:8px}.zoom-screenshare-main .zoom-screen-video{border-radius:8px}.zoom-screenshare-sidebar{width:100%;min-width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;height:90px;min-height:90px;max-height:90px;gap:8px;padding:4px;flex-shrink:0;background:#0000004d;border-radius:8px}.zoom-sidebar-tile{width:110px;min-width:110px;height:78px;aspect-ratio:auto;border-radius:6px}.zoom-tile-label{font-size:10px;padding:2px 6px}.zoom-screenshare-badge{font-size:11px;padding:6px 12px;top:8px}.zoom-screenshare-badge.local{flex-direction:column;gap:4px}.zoom-screenshare-badge.local span{font-size:10px}.zoom-stop-share-btn{margin-left:0;margin-top:2px;padding:4px 10px;font-size:11px}.zoom-screenshare-badge span{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zoom-video-grid{max-height:calc(100vh - 180px)}}@media(max-width:600px){.zoom-call-modal{border-radius:12px}.zoom-call-modal.video-call.active{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0}.zoom-header{padding:8px 12px}.zoom-meeting-info{gap:8px}.zoom-meeting-name{font-size:13px}.zoom-meeting-duration{font-size:12px}.zoom-header-btn{width:36px;height:36px}.zoom-screen-share-badge{display:none}.zoom-video-area{padding:6px 6px 4px;max-height:calc(100% - 80px)}.zoom-video-grid{gap:4px;max-height:100%;align-content:center}.zoom-video-grid.grid-2,.zoom-video-grid.grid-4,.zoom-video-grid.grid-6,.zoom-video-grid.grid-9,.zoom-video-grid.grid-many{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(80px,1fr)}.zoom-video-tile{min-height:80px;border-radius:8px;aspect-ratio:4/3}.zoom-screenshare-layout{gap:6px}.zoom-screenshare-main{min-height:120px;max-height:calc(100% - 85px)}.zoom-screenshare-sidebar{height:75px;min-height:75px;max-height:75px;gap:6px;padding:3px}.zoom-sidebar-tile{width:90px;min-width:90px;height:65px;border-radius:5px}.zoom-screenshare-badge{font-size:10px;padding:5px 10px;top:6px}.zoom-screenshare-badge svg{width:12px;height:12px}.zoom-stop-share-btn{padding:3px 8px;font-size:10px}.zoom-video-label{padding:3px 6px;bottom:4px;left:4px}.zoom-participant-name{font-size:10px}.zoom-controls{padding:10px 8px 14px}.zoom-controls-center{gap:6px}.zoom-control-btn{padding:10px 12px;min-width:52px;border-radius:10px}.zoom-control-btn svg{width:20px;height:20px}.zoom-control-btn span{font-size:9px}.zoom-incoming{padding:24px 16px;min-height:auto}.zoom-incoming-icon{width:60px;height:60px}.zoom-incoming-icon svg{width:32px;height:32px}.zoom-incoming-avatar{width:90px;height:90px;font-size:36px}.zoom-incoming-name{font-size:22px}.zoom-incoming-type{font-size:14px}.zoom-incoming-actions{gap:16px}.zoom-btn-reject,.zoom-btn-accept{padding:14px 22px;min-width:85px;border-radius:14px}.zoom-btn-reject svg,.zoom-btn-accept svg{width:24px;height:24px}.zoom-btn-reject span,.zoom-btn-accept span{font-size:12px}.zoom-screenshare-main{min-height:200px}.zoom-sidebar-tile{width:90px;min-width:90px}.zoom-tile-avatar{width:36px;height:36px;font-size:14px}.zoom-add-panel{left:8px;right:8px;width:auto;bottom:80px;border-radius:14px}.zoom-add-panel-header{padding:12px 14px}.zoom-add-panel-header h3{font-size:14px}.zoom-add-panel-list{padding:8px;max-height:200px}.zoom-add-user{padding:10px;border-radius:8px;margin-bottom:6px}.zoom-add-user-avatar{width:34px;height:34px;font-size:14px}.zoom-add-user-name{font-size:13px}}@media(max-width:400px){.zoom-video-grid.grid-2,.zoom-video-grid.grid-4,.zoom-video-grid.grid-6,.zoom-video-grid.grid-9,.zoom-video-grid.grid-many{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(100px,1fr);gap:4px}.zoom-video-grid.grid-1{grid-template-columns:1fr}.zoom-video-tile{min-height:90px;aspect-ratio:4/3}.zoom-screenshare-layout{gap:4px}.zoom-screenshare-main{min-height:100px;max-height:calc(100% - 70px)}.zoom-screenshare-sidebar{height:60px;min-height:60px;max-height:60px;gap:4px;padding:2px}.zoom-sidebar-tile{width:75px;min-width:75px;height:52px;border-radius:4px}.zoom-tile-avatar{width:28px;height:28px;font-size:12px}.zoom-screenshare-badge{font-size:9px;padding:4px 8px;gap:4px}.zoom-screenshare-badge svg{width:10px;height:10px}.zoom-stop-share-btn{padding:2px 6px;font-size:9px;border-radius:8px}.zoom-control-btn{padding:8px 10px;min-width:46px}.zoom-control-btn span{display:none}.zoom-control-btn.hangup{min-width:60px}.zoom-control-btn.hangup span{display:block;font-size:9px}.zoom-sidebar-tile{width:70px;min-width:70px}.zoom-tile-label{font-size:8px;padding:2px 4px}.zoom-incoming-avatar{width:80px;height:80px;font-size:32px}.zoom-incoming-name{font-size:20px}}@media(max-height:500px)and (orientation:landscape){.zoom-call-modal.video-call.active{height:100vh}.zoom-header{padding:6px 12px}.zoom-video-area{padding:4px}.zoom-controls{padding:6px 8px 10px}.zoom-control-btn{padding:8px 10px}.zoom-control-btn span{display:none}.zoom-screenshare-layout{flex-direction:row}.zoom-screenshare-sidebar{width:140px;min-width:140px;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:100%}.zoom-sidebar-tile{width:100%;min-width:auto}}.zoom-call-error,.zoom-call-busy{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;color:#fff;z-index:200;box-shadow:0 4px 20px #0006;animation:zoomSlideDown .3s ease}.zoom-call-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.zoom-call-busy{background:linear-gradient(135deg,#f59e0b,#d97706)}@keyframes zoomSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.zoom-chat-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.zoom-control-btn{position:relative}.zoom-incall-chat{position:absolute;bottom:100px;right:20px;width:340px;max-width:calc(100vw - 40px);height:400px;max-height:50vh;background:#1a1a2efa;border-radius:16px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;overflow:hidden;z-index:100;animation:zoomSlideUp .2s ease}.zoom-incall-chat-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.zoom-incall-chat-header h3{color:#fff;font-size:15px;font-weight:600;margin:0}.zoom-incall-chat-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#fff;cursor:pointer;transition:background .2s;margin-right:8px}.zoom-incall-chat-back:hover{background:#ffffff1a}.zoom-incall-chat-conv-info{display:flex;flex-direction:column;flex:1;min-width:0}.zoom-incall-chat-conv-name{color:#fff;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zoom-incall-chat-conv-status{font-size:11px;color:#fff9}.zoom-incall-chat-search{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.zoom-incall-chat-search input{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px 12px;color:#fff;font-size:13px;outline:none}.zoom-incall-chat-search input::placeholder{color:#fff6}.zoom-incall-chat-search input:focus{border-color:#667eea}.zoom-incall-chat-list{flex:1;overflow-y:auto;padding:8px}.zoom-incall-chat-contact{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .2s}.zoom-incall-chat-contact:hover{background:#ffffff1a}.zoom-incall-chat-avatar{position:relative;width:40px;height:40px;flex-shrink:0}.zoom-incall-chat-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.zoom-incall-chat-avatar .avatar-letter{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600}.zoom-incall-chat-avatar .avatar-letter.group{background:linear-gradient(135deg,#11998e,#38ef7d)}.zoom-incall-chat-avatar .online-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:#22c55e;border-radius:50%;border:2px solid rgba(26,26,46,.98)}.zoom-incall-chat-contact-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.zoom-incall-chat-contact-name{color:#fff;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zoom-incall-chat-contact-preview{color:#ffffff80;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zoom-incall-chat-unread{background:#ef4444;color:#fff;font-size:11px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.zoom-incall-chat-messages.dragging{position:relative}.zoom-incall-chat-dropzone{position:absolute;inset:0;background:#667eeae6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:14px;font-weight:500;border-radius:8px;z-index:10}.zoom-incall-chat-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.1);max-height:100px;overflow-y:auto}.zoom-incall-chat-attachment{display:flex;align-items:center;gap:6px;background:#ffffff1a;padding:6px 10px;border-radius:8px;max-width:150px}.zoom-incall-chat-attachment img{width:32px;height:32px;border-radius:4px;object-fit:cover}.zoom-incall-chat-attachment-file{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:4px;color:#fff}.zoom-incall-chat-attachment-name{flex:1;min-width:0;font-size:11px;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zoom-incall-chat-attachment-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:#ef4444cc;color:#fff;cursor:pointer;transition:background .2s;flex-shrink:0}.zoom-incall-chat-attachment-remove:hover{background:#ef4444}.zoom-incall-chat-upload-progress{width:100%;display:flex;flex-direction:column;gap:4px}.zoom-incall-chat-upload-bar{height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width .3s}.zoom-incall-chat-upload-progress span{font-size:10px;color:#fff9}.zoom-incall-chat-attach-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .2s;flex-shrink:0}.zoom-incall-chat-attach-btn:hover:not(:disabled){background:#fff3}.zoom-incall-chat-attach-btn:disabled{opacity:.5;cursor:not-allowed}.zoom-incall-chat-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:transform .2s,opacity .2s;flex-shrink:0}.zoom-incall-chat-send-btn:hover:not(:disabled){transform:scale(1.05)}.zoom-incall-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.zoom-incall-chat-header button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .2s}.zoom-incall-chat-header button:hover{background:#fff3}.zoom-incall-chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}.zoom-incall-chat-empty{color:#fff6;font-size:13px;text-align:center;margin:auto;padding:20px}.zoom-incall-chat-msg{display:flex;flex-direction:column;gap:4px;max-width:85%}.zoom-incall-chat-msg.own{align-self:flex-end}.zoom-incall-chat-sender{font-size:11px;color:#fff9;padding-left:8px}.zoom-incall-chat-bubble{background:#ffffff1a;padding:10px 14px;border-radius:4px 16px 16px}.zoom-incall-chat-msg.own .zoom-incall-chat-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border-top-left-radius:16px;border-top-right-radius:4px}.zoom-incall-chat-bubble p{color:#fff;font-size:14px;margin:0 0 4px;word-wrap:break-word;line-height:1.4}.zoom-incall-chat-time{font-size:10px;color:#ffffff80;display:block;text-align:right}.zoom-incall-chat-msg.own .zoom-incall-chat-time{color:#ffffffb3}.zoom-incall-chat-input{display:flex;gap:10px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.zoom-incall-chat-input input{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:10px 16px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.zoom-incall-chat-input input::placeholder{color:#fff6}.zoom-incall-chat-input input:focus{border-color:#667eea}.zoom-incall-chat-input button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:transform .2s,opacity .2s;flex-shrink:0}.zoom-incall-chat-input button:hover:not(:disabled){transform:scale(1.05)}.zoom-incall-chat-input button:disabled{opacity:.5;cursor:not-allowed}.zoom-incall-chat-messages::-webkit-scrollbar{width:5px}.zoom-incall-chat-messages::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.zoom-incall-chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.zoom-incall-chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:600px){.zoom-incall-chat{left:8px;right:8px;width:auto;bottom:80px;height:300px;max-height:45vh;border-radius:14px}.zoom-incall-chat-header{padding:12px 14px}.zoom-incall-chat-header h3{font-size:14px}.zoom-incall-chat-messages{padding:10px 12px;gap:10px}.zoom-incall-chat-bubble{padding:8px 12px;border-radius:14px}.zoom-incall-chat-bubble p{font-size:13px}.zoom-incall-chat-input{padding:10px 12px;gap:8px}.zoom-incall-chat-input input{padding:8px 14px;font-size:13px}.zoom-incall-chat-input button{width:36px;height:36px}.zoom-call-error,.zoom-call-busy{font-size:12px;padding:10px 16px;top:10px}.zoom-chat-badge{top:2px;right:2px;min-width:16px;height:16px;font-size:9px}}@media(max-width:400px){.zoom-incall-chat{bottom:70px;height:250px;max-height:40vh}}.support-panel{display:flex;height:100%;background:#1e293b}.support-sessions-list{width:100%;display:flex;flex-direction:column;border-right:1px solid #334155}.support-sessions-list.has-active{width:280px;flex-shrink:0}.support-sessions-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #334155}.support-header-title{display:flex;align-items:center;gap:8px}.support-header-title h3{margin:0;font-size:16px;font-weight:600;color:#f1f5f9}.back-to-chat-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#334155;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s}.back-to-chat-btn:hover{background:#475569;color:#f1f5f9}.support-filter{padding:6px 10px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:12px;cursor:pointer}.support-sessions{flex:1;overflow-y:auto}.support-loading,.support-empty{padding:24px;text-align:center;color:#64748b;font-size:14px}.support-session-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s}.support-session-item:hover{background:#334155}.support-session-item.active{background:#3b82f6}.session-avatar{position:relative;width:40px;height:40px;background:#475569;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f1f5f9;font-weight:600;font-size:16px;flex-shrink:0}.session-status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#64748b;border:2px solid #1e293b;border-radius:50%}.session-status-dot.online{background:#22c55e}.session-info{flex:1;min-width:0}.session-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#f1f5f9}.session-badge{font-size:10px;padding:2px 6px;border-radius:10px;font-weight:500}.session-badge.active{background:#166534;color:#86efac}.session-badge.waiting{background:#854d0e;color:#fde047}.session-badge.closed{background:#334155;color:#94a3b8}.session-preview{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.support-session-item.active .session-preview{color:#bfdbfe}.session-unread{min-width:20px;height:20px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.support-conversation{flex:1;display:flex;flex-direction:column;min-width:0}.support-conv-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0f172a;border-bottom:1px solid #334155}.back-btn{display:none;padding:6px;background:transparent;border:none;color:#94a3b8;cursor:pointer;border-radius:6px}.back-btn:hover{background:#334155;color:#f1f5f9}.conv-info{flex:1}.conv-name{font-size:14px;font-weight:600;color:#f1f5f9}.conv-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#64748b;margin-top:2px}.conv-email,.conv-phone{display:inline-flex;align-items:center;gap:4px;color:#94a3b8}.conv-email svg,.conv-phone svg{opacity:.7}.conv-no-data{color:#64748b;font-style:italic}.conv-project{font-size:11px;font-weight:500;padding:2px 8px;background:#3b82f6;color:#fff;border-radius:10px;margin-left:8px}.session-details{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:11px}.session-project{color:#60a5fa;font-weight:500}.session-phone{color:#94a3b8}.session-phone:before{content:"•";margin-right:6px;color:#475569}.conv-actions{display:flex;gap:8px}.conv-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#334155;border:none;color:#e2e8f0;cursor:pointer;border-radius:6px;transition:all .2s;font-size:12px;font-weight:500}.conv-action-btn:hover{background:#475569}.conv-action-btn.escalate{background:#1e40af;color:#bfdbfe}.conv-action-btn.escalate:hover{background:#1d4ed8}.conv-action-btn.close-session{background:#7f1d1d;color:#fecaca}.conv-action-btn.close-session:hover{background:#991b1b}.support-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.support-no-messages{flex:1;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:14px}.support-message{max-width:80%;display:flex;flex-direction:column;gap:4px}.support-message.customer{align-self:flex-start}.support-message.agent,.support-message.ai{align-self:flex-end}.message-content{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.4;word-break:break-word}.support-message.customer .message-content{background:#334155;color:#f1f5f9;border-bottom-left-radius:4px}.support-message.agent .message-content{background:#3b82f6;color:#fff;border-bottom-right-radius:4px}.support-message.ai .message-content{background:#7c3aed;color:#fff;border-bottom-right-radius:4px}.message-meta{display:flex;gap:8px;font-size:11px;color:#64748b;padding:0 4px}.support-message.agent .message-meta,.support-message.ai .message-meta{justify-content:flex-end}.support-input{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;background:#0f172a;border-top:1px solid #334155}.support-input textarea{flex:1;padding:10px 14px;background:#1e293b;border:1px solid #334155;border-radius:20px;color:#f1f5f9;font-size:14px;resize:none;max-height:120px;outline:none;font-family:inherit}.support-input textarea:focus{border-color:#3b82f6}.support-input .send-btn{width:40px;height:40px;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.support-input .send-btn:hover:not(:disabled){background:#2563eb}.support-input .send-btn:disabled{background:#334155;color:#64748b;cursor:not-allowed}.support-typing-indicator{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#334155;border-radius:12px;width:fit-content;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.typing-dot{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:typingBounce 1.2s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.typing-text{font-size:12px;color:#94a3b8;margin-left:4px}.support-closed-notice{padding:16px;text-align:center;background:#0f172a;border-top:1px solid #334155;color:#94a3b8;font-size:14px}.session-badge.assigned{background:#1e40af;color:#93c5fd}.session-badge.escalated{background:#7f1d1d;color:#fca5a5}.handler-badge{font-size:9px;padding:2px 6px;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.handler-badge.bot{background:#581c87;color:#e9d5ff}.handler-badge.agent{background:#065f46;color:#a7f3d0}.handler-badge.pending{background:#713f12;color:#fde68a}.ai-toggle-container{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#1e293b;border-radius:20px;border:1px solid #334155}.ai-toggle-label{font-size:11px;color:#94a3b8;font-weight:500;min-width:40px;text-align:center}.ai-toggle-switch{position:relative;width:44px;height:24px;background:#475569;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;padding:0}.ai-toggle-switch:disabled{opacity:.5;cursor:not-allowed}.ai-toggle-switch.active{background:#7c3aed}.ai-toggle-slider{position:absolute;left:2px;top:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.ai-toggle-switch.active .ai-toggle-slider{transform:translate(20px)}.support-message.system{align-self:center;max-width:90%}.support-message.system .message-content{background:#1e293b;color:#94a3b8;font-size:12px;font-style:italic;border-radius:8px;text-align:center;border:1px dashed #334155}.support-message.system .message-meta{justify-content:center}@media(max-width:768px){.support-sessions-list.has-active{display:none}.back-btn{display:block}.support-message{max-width:90%}}.chat-fab{position:fixed;bottom:50px;left:20px;width:60px;height:60px;border-radius:16px;background:linear-gradient(145deg,#1e3a5f,#2d4a6f,#1e3a5f);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #1e3a5f66,0 4px 12px #1e3a5f4d,inset 0 1px #ffffff26;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:visible}.chat-fab:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(145deg,#fff3,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.chat-fab:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #1e3a5f80,0 8px 20px #1e3a5f66,inset 0 1px #fff3;border-radius:18px}.chat-fab:active{transform:translateY(-2px) scale(1.02)}.chat-fab.has-unread{animation:chat-pulse 2.5s ease-in-out infinite}.chat-fab.has-unread:after{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(145deg,#1e3a5f,#2d4a6f);opacity:0;z-index:-1;animation:chat-ring 2.5s ease-out infinite}@keyframes chat-pulse{0%,to{box-shadow:0 8px 32px #1e3a5f66,0 4px 12px #1e3a5f4d,inset 0 1px #ffffff26}50%{box-shadow:0 8px 40px #1e3a5f8c,0 4px 20px #1e3a5f73,inset 0 1px #fff3}}@keyframes chat-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.chat-fab-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:12px;min-width:22px;text-align:center;box-shadow:0 3px 10px #ef444466;border:2px solid white;animation:badge-bounce .3s ease}@keyframes badge-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.chat-fab-dot{position:absolute;bottom:4px;right:4px;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 2px 6px #00000026}.chat-fab-dot.connected{background:linear-gradient(135deg,#22c55e,#16a34a);animation:status-pulse 2s ease-in-out infinite}.chat-fab-dot.disconnected{background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.6}}.chat-panel{position:fixed;left:-70vw;top:0;width:70vw;height:calc(100vh - 28px);background:#fff;box-shadow:4px 0 30px #00000026;z-index:1001;transition:left .3s ease;display:flex;overflow:hidden}.chat-panel.open{left:0}.chat-panel-sidebar{width:320px;min-width:320px;height:100%;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;background:#fff;position:relative;z-index:10}.chat-panel-header{padding:20px 24px;background:linear-gradient(135deg,#1e3a5f,#2d4a6f,#1e3a5f);color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.chat-panel-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.chat-panel-header h3{margin:0;font-size:20px;font-weight:700;letter-spacing:.5px;position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:#fff!important}.chat-panel-header h3 svg{opacity:.9;color:#fff}.chat-panel-header-actions{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.chat-panel-pin{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.chat-panel-pin:hover{background:#fff3;border-color:#ffffff4d}.chat-panel-pin.pinned{background:#ffffff40;border-color:#fff6;transform:rotate(45deg)}.chat-panel-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.chat-panel-close:hover{background:#fff3;border-color:#ffffff4d}.chat-panel.pinned{box-shadow:none}.chat-panel-search{padding:12px;border-bottom:1px solid #e5e7eb}.chat-panel-search input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;box-sizing:border-box}.chat-panel-search input:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.chat-panel-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#f8fafc}.chat-panel-tab{flex:1;padding:14px 8px;background:none;border:none;border-bottom:3px solid transparent;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.chat-panel-tab:hover{color:#1e3a5f;background:#1e3a5f0d}.chat-panel-tab.active{color:#1e3a5f;border-bottom-color:#1e3a5f;background:#fff}.tab-badge{margin-left:4px;background:#ef4444;color:#fff;font-size:10px;padding:1px 5px;border-radius:8px}.chat-panel-list{flex:1;overflow-y:auto}.chat-contact{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f3f4f6}.chat-contact:hover{background:#f3f4f6}.chat-contact.active{background:#1e3a5f14;border-left:3px solid #1e3a5f}.chat-contact-avatar{position:relative;margin-right:12px}.chat-contact-avatar .avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#1e3a5f,#2d4a6f);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.chat-contact-avatar .avatar.group{background:linear-gradient(135deg,#059669,#047857)}.chat-contact-avatar .avatar-img{width:45px;height:45px;border-radius:50%;object-fit:cover}.chat-contact-avatar .online-indicator{position:absolute;bottom:0;right:0;border:2px solid white}.chat-contact-info{flex:1;min-width:0}.chat-contact-name{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-contact-preview,.chat-contact-status{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.chat-contact-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;margin-left:8px}.chat-loading,.chat-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.chat-conversation{position:absolute;left:0;top:0;width:calc(100% - 320px);height:100%;display:flex;flex-direction:column;background:#f9fafb;transform:translate(-100%);transition:transform .3s ease;z-index:5;margin-left:320px}.chat-conversation.open{transform:translate(0)}.chat-conversation-header{padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.back-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;display:none}.back-btn:hover{background:#f3f4f6}.chat-conversation-info{display:flex;align-items:center;gap:12px;flex:1}.call-buttons-header{display:flex;gap:8px;margin-left:auto}.call-btn-header{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:auto}.call-btn-header:hover{transform:scale(1.1);box-shadow:0 4px 15px #22c55e66}.call-btn-header:active{transform:scale(.95)}.call-btn-header.video{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.call-btn-header.video:hover{box-shadow:0 4px 15px #8b5cf666}.chat-conversation-name{font-size:16px;font-weight:600;color:#1f2937}.chat-conversation-status{font-size:12px;color:#6b7280}.chat-conversation-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.chat-no-messages{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;text-align:center}.chat-no-messages p{margin:4px 0}.chat-no-conversation{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;text-align:center;padding:40px}.chat-no-conversation svg{margin-bottom:20px;opacity:.5}.chat-no-conversation h3{margin:0 0 8px;color:#6b7280;font-size:18px}.chat-no-conversation p{margin:0;font-size:14px}.chat-conversation-input{padding:12px 16px;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px;align-items:flex-end}.chat-conversation-input textarea{flex:1;padding:12px 16px;border:1px solid #e5e7eb;border-radius:24px;font-size:14px;resize:none;max-height:120px;font-family:inherit;line-height:1.4}.chat-conversation-input textarea:focus{outline:none;border-color:#667eea}.chat-conversation-input .send-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s}.chat-conversation-input .send-btn:hover:not(:disabled){transform:scale(1.05)}.chat-conversation-input .send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-panel-overlay{position:fixed;inset:0;background:#0000004d;z-index:1000}@media(max-width:1200px){.chat-panel{width:85vw;left:-85vw}}@media(max-width:900px){.chat-panel{width:100%;left:-100%}.chat-panel.open{left:0}.chat-panel-sidebar{width:100%;min-width:100%}.chat-panel-sidebar.has-conversation{transform:translate(-100%)}.chat-conversation{width:100%;margin-left:0;transform:translate(100%)}.chat-conversation.open{transform:translate(0)}.back-btn{display:flex}}@media(max-width:768px){.chat-fab{bottom:90px;left:16px;width:54px;height:54px;border-radius:14px}.chat-fab-badge{top:-4px;right:-4px;padding:3px 6px;font-size:10px;min-width:18px}.chat-panel-header{padding:16px 20px}}.chat-conversation-messages.dragging{position:relative}.drop-zone-overlay{position:absolute;inset:0;background:#1e3a5ff2;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:8px}.drop-zone-content{text-align:center;color:#fff}.drop-zone-content svg{margin-bottom:12px;opacity:.9}.drop-zone-content p{font-size:18px;font-weight:500;margin:0}.attachments-preview{padding:8px 16px;background:#f3f4f6;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto}.attachment-item{position:relative;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-width:200px}.attachment-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px}.attachment-file{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fee2e2;border-radius:4px;color:#dc2626}.attachment-name{font-size:12px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.attachment-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#ef4444;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.attachment-remove:hover{background:#dc2626}.attachment-remove:disabled{opacity:.5;cursor:not-allowed}.upload-progress{width:100%;display:flex;flex-direction:column;gap:4px;padding:8px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.upload-progress-bar{height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;transition:width .3s ease}.upload-progress span{font-size:11px;color:#6b7280}.attach-btn{width:44px;height:44px;border-radius:50%;background:#f3f4f6;border:none;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.attach-btn:hover:not(:disabled){background:#e5e7eb;color:#667eea}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.emoji-picker-container{position:relative}.emoji-btn{width:44px;height:44px;border-radius:50%;background:#f3f4f6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s;flex-shrink:0}.emoji-btn:hover:not(:disabled){background:#e5e7eb;transform:scale(1.1)}.emoji-btn:disabled{opacity:.5;cursor:not-allowed}.emoji-picker{position:absolute;bottom:50px;left:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;z-index:100;max-width:240px;animation:fadeInUp .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-item{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .15s}.emoji-item:hover{background:#f3f4f6;transform:scale(1.2)}.buzz-btn{width:44px;height:44px;border-radius:50%;background:#fef3c7;border:none;color:#d97706;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;position:relative}.buzz-btn:hover:not(:disabled){background:#fde68a;animation:buzz-wiggle .3s ease}.buzz-btn:disabled{opacity:.5;cursor:not-allowed}.buzz-btn.buzz-active{background:#f59e0b;color:#fff;animation:buzz-wiggle .3s ease infinite}.buzz-count{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}@keyframes buzz-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-10px) rotate(-1deg)}20%{transform:translate(10px) rotate(1deg)}30%{transform:translate(-10px) rotate(-1deg)}40%{transform:translate(10px) rotate(1deg)}50%{transform:translate(-8px) rotate(-.5deg)}60%{transform:translate(8px) rotate(.5deg)}70%{transform:translate(-6px)}80%{transform:translate(6px)}90%{transform:translate(-3px)}}.drop-zone-overlay{position:absolute;inset:0;background:#667eeaf2;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:all}.drop-zone-content{text-align:center;color:#fff;pointer-events:none}.drop-zone-content svg{stroke:#fff;margin-bottom:12px}.drop-zone-content p{font-size:16px;font-weight:600}.general-chat-section{padding:10px 12px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f0f4ff,#fce7f3)}.general-chat-item{display:flex;align-items:center;padding:10px 12px;background:#fff;border-radius:10px;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #667eea1f}.general-chat-item:hover{transform:translateY(-1px);box-shadow:0 4px 10px #667eea33}.general-chat-avatar-wrapper{position:relative;margin-right:10px}.general-chat-avatar{width:42px;height:42px;border-radius:10px;object-fit:cover}.general-chat-avatar-default{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff}.general-chat-edit-btn{position:absolute;bottom:-3px;right:-3px;width:20px;height:20px;border-radius:50%;background:#667eea;border:2px solid white;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.general-chat-edit-btn:hover{background:#5568d3}.general-avatar-menu{position:absolute;top:100%;left:0;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;z-index:100;overflow:hidden;min-width:140px}.general-avatar-menu button{display:block;width:100%;padding:10px 14px;border:none;background:none;text-align:left;cursor:pointer;font-size:13px;color:#374151;transition:background .2s}.general-avatar-menu button:hover{background:#f3f4f6}.general-avatar-menu button.delete-option{color:#dc2626}.general-avatar-menu button.delete-option:hover{background:#fef2f2}.general-chat-info{flex:1;min-width:0}.general-chat-name{font-size:14px;font-weight:600;color:#1f2937}.general-chat-desc{font-size:11px;color:#6b7280;margin-top:2px}.chat-contact-clickable{display:flex;align-items:center;flex:1;min-width:0}.btn-email-user{width:28px;height:28px;border-radius:6px;background:#fef2f2;border:1px solid #fecaca;color:#ea4335;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;margin-left:auto}.btn-email-user:hover{background:#ea4335;border-color:#ea4335;color:#fff}.chat-support-container{position:absolute;inset:0;display:flex;z-index:100;background:#1e293b}.chat-support-container .support-panel{width:100%;height:100%}.chat-support-container .support-sessions-list{width:320px;min-width:320px;flex-shrink:0}.chat-support-container .support-sessions-list.has-active{width:320px}.chat-support-container .support-conversation{flex:1;min-width:0}.chat-support-container .support-sessions-header{padding-top:60px}.calendar-toggle-btn{position:fixed;bottom:50px;right:20px;width:60px;height:60px;border-radius:16px;background:linear-gradient(145deg,#1e3a5f,#2d4a6f,#1e3a5f);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #1e3a5f66,0 4px 12px #1e3a5f4d,inset 0 1px #ffffff26;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:visible}.calendar-toggle-btn:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(145deg,#fff3,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.calendar-toggle-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #1e3a5f80,0 8px 20px #1e3a5f66,inset 0 1px #fff3;border-radius:18px}.calendar-toggle-btn:active{transform:translateY(-2px) scale(1.02)}.calendar-toggle-btn.active{background:linear-gradient(145deg,#152a45,#1e3a5f,#152a45);box-shadow:0 8px 32px #1e3a5f73,0 4px 12px #152a4559,inset 0 1px #ffffff1a}.calendar-toggle-btn.has-events{animation:calendar-glow 3s ease-in-out infinite}.calendar-toggle-btn.has-events:after{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(145deg,#1e3a5f,#2d4a6f);opacity:0;z-index:-1;animation:calendar-ring 3s ease-out infinite}@keyframes calendar-glow{0%,to{box-shadow:0 8px 32px #1e3a5f66,0 4px 12px #1e3a5f4d,inset 0 1px #ffffff26}50%{box-shadow:0 8px 40px #1e3a5f8c,0 4px 20px #1e3a5f73,inset 0 1px #fff3}}@keyframes calendar-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}.calendar-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ea4335,#d33426);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:12px;min-width:22px;text-align:center;box-shadow:0 3px 10px #ea433566;border:2px solid white;animation:calendar-badge-pop .3s ease}@keyframes calendar-badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.calendar-sidebar{position:fixed;right:-400px;top:0;width:380px;height:calc(100vh - 28px);background:linear-gradient(180deg,#f8fafc,#f1f5f9);box-shadow:-8px 0 40px #0000001f;z-index:1001;transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border-left:1px solid rgba(0,0,0,.06)}.calendar-sidebar.open{right:0}.calendar-sidebar.pinned{box-shadow:-4px 0 20px #00000014}.calendar-sidebar-header{padding:20px 24px;background:linear-gradient(135deg,#1e3a5f,#2d4a6f,#1e3a5f);color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.calendar-sidebar-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.calendar-sidebar-header h3{margin:0;font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px;position:relative;z-index:1;letter-spacing:.5px;color:#fff!important}.calendar-sidebar-header h3 svg{opacity:.9;color:#fff}.calendar-header-actions{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.calendar-pin-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.calendar-pin-btn:hover{background:#fff3;border-color:#ffffff4d}.calendar-pin-btn.pinned{background:#ffffff40;border-color:#fff6;transform:rotate(45deg)}.calendar-sidebar-header .close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.calendar-sidebar-header .close-btn:hover{background:#fff3;border-color:#ffffff4d}.calendar-sidebar-content{flex:1;overflow-y:auto;padding:20px}.calendar-sidebar-content::-webkit-scrollbar{width:6px}.calendar-sidebar-content::-webkit-scrollbar-track{background:transparent}.calendar-sidebar-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.calendar-sidebar-content::-webkit-scrollbar-thumb:hover{background:#00000040}.calendar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.calendar-loading .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#1e3a5f;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.calendar-not-connected{text-align:center;padding:50px 30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f}.calendar-not-connected .google-icon{margin-bottom:20px}.calendar-not-connected h4{margin:0 0 10px;font-size:20px;font-weight:600;color:#1e293b}.calendar-not-connected p{margin:0 0 28px;font-size:14px;color:#64748b;line-height:1.6}.btn-connect-google{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.btn-connect-google:hover{border-color:#4285f4;background:#f8fafc;box-shadow:0 4px 16px #4285f426;transform:translateY(-2px)}.gmail-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(234,67,53,.1);position:relative;overflow:hidden}.gmail-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ea4335,#fbbc05,#34a853,#4285f4)}.gmail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-top:4px}.gmail-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:#1e293b}.gmail-title svg{width:22px;height:22px}.gmail-badge{background:linear-gradient(135deg,#ea4335,#d33426);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;min-width:20px;text-align:center;box-shadow:0 2px 8px #ea43354d}.btn-compose-email{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#ea4335,#d33426);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ea433540}.btn-compose-email:hover{background:linear-gradient(135deg,#d33426,#c12717);transform:translateY(-2px);box-shadow:0 6px 20px #ea433559}.gmail-loading{font-size:13px;color:#64748b;text-align:center;padding:20px}.gmail-reconnect-notice{font-size:13px;color:#64748b;text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px;background:#fef7f7;border-radius:12px;border:1px dashed #fecaca}.btn-gmail-reconnect{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ea4335,#d33426);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ea43354d}.btn-gmail-reconnect:hover{background:linear-gradient(135deg,#d33426,#c12717);transform:translateY(-2px);box-shadow:0 6px 20px #ea433566}.gmail-empty{font-size:13px;color:#94a3b8;text-align:center;padding:20px;background:#f8fafc;border-radius:10px}.gmail-toggle-list{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.gmail-toggle-list:hover{background:#f1f5f9;border-color:#cbd5e1}.gmail-toggle-list svg{transition:transform .3s ease}.gmail-list{margin-top:14px;display:flex;flex-direction:column;gap:10px}.gmail-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;cursor:pointer;transition:all .3s ease}.gmail-item:hover{background:#fff;border-color:#ea4335;box-shadow:0 4px 16px #ea43351f;transform:translate(4px)}.gmail-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.gmail-sender{font-weight:600;font-size:14px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.gmail-date{font-size:11px;color:#94a3b8;white-space:nowrap;font-weight:500}.gmail-subject{font-size:13px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;font-weight:500}.gmail-snippet{font-size:12px;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.gmail-view-all{width:100%;padding:12px;background:transparent;border:2px dashed #e2e8f0;border-radius:10px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.gmail-view-all:hover{background:#fef7f7;border-color:#ea4335;color:#ea4335}.calendar-filter{display:flex;gap:10px;margin-bottom:16px}.days-filter-select{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#1e293b;background:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.days-filter-select:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.btn-create-event{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#1e3a5f,#2d4a6f);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #1e3a5f40}.btn-create-event:hover{background:linear-gradient(135deg,#2d4a6f,#3d5a7f);transform:translateY(-2px);box-shadow:0 6px 20px #1e3a5f59}.calendar-actions{display:flex;gap:10px;margin-bottom:20px}.btn-refresh{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.btn-refresh:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-disconnect{padding:12px 16px;background:#fff;border:1px solid #fecaca;border-radius:10px;font-size:13px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease}.btn-disconnect:hover{background:#fef2f2;border-color:#f87171}.calendar-error{padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;margin-bottom:16px;font-weight:500}.calendar-empty{text-align:center;padding:50px 20px;color:#94a3b8;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a}.calendar-empty svg{opacity:.4;margin-bottom:8px}.calendar-empty p{margin:12px 0 0;font-size:14px;font-weight:500}.calendar-events{display:flex;flex-direction:column;gap:20px}.event-group{background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 20px #0000000f}.event-date-header{font-size:12px;font-weight:700;color:#1e3a5f;text-transform:uppercase;letter-spacing:1px;padding-bottom:12px;margin-bottom:12px;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;gap:8px}.event-date-header:before{content:"";width:8px;height:8px;background:linear-gradient(135deg,#1e3a5f,#2d4a6f);border-radius:50%}.event-item{display:flex;gap:14px;padding:14px;background:#f8fafc;border-radius:12px;text-decoration:none;color:inherit;transition:all .3s ease;border-left:4px solid #1e3a5f;margin-bottom:10px}.event-item:last-child{margin-bottom:0}.event-item:hover{background:#f1f5f9;transform:translate(4px);box-shadow:0 4px 12px #0000000f}.event-time{font-size:12px;font-weight:600;color:#64748b;white-space:nowrap;min-width:75px;padding-top:2px}.event-details{flex:1;min-width:0}.event-title-link{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;display:block;transition:color .2s ease}.event-title-link:hover{color:#1e3a5f}.event-location{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.event-meet-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#00897b,#00695c);padding:8px 14px;border-radius:8px;text-decoration:none;margin-top:10px;transition:all .3s ease;box-shadow:0 3px 10px #00897b40}.event-meet-link:hover{background:linear-gradient(135deg,#00695c,#004d40);transform:translateY(-2px);box-shadow:0 5px 16px #00897b59}.event-meet-link svg{flex-shrink:0}.calendar-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .3s ease}.create-event-modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.create-event-modal{background:#fff;border-radius:20px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #00000040;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.create-event-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#1e3a5f,#2d4a6f);border-radius:20px 20px 0 0;position:relative;overflow:hidden}.create-event-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.create-event-header h4{margin:0;font-size:20px;font-weight:600;color:#fff;position:relative;z-index:1}.modal-close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:8px;display:flex;border-radius:8px;transition:all .2s ease;position:relative;z-index:1}.modal-close-btn:hover{background:#fff3;border-color:#ffffff4d}.create-event-form{padding:24px}.create-event-form .form-group{margin-bottom:20px}.create-event-form label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.create-event-form input[type=text],.create-event-form input[type=date],.create-event-form input[type=time],.create-event-form textarea{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;transition:all .2s ease;background:#f8fafc}.create-event-form input:focus,.create-event-form textarea:focus{outline:none;border-color:#1e3a5f;background:#fff;box-shadow:0 0 0 4px #1e3a5f1a}.create-event-form textarea{resize:vertical;min-height:100px}.checkbox-group{margin-top:12px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px 16px;background:#f8fafc;border-radius:10px;border:2px solid #e2e8f0;transition:all .2s ease}.checkbox-label:hover{border-color:#cbd5e1;background:#f1f5f9}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:22px;height:22px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:linear-gradient(135deg,#00897b,#00695c);border-color:#00897b}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:13px;font-weight:700}.checkbox-text{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#475569}.checkbox-text svg{color:#00897b}.form-error{padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;margin-bottom:16px;font-weight:500}.form-actions{display:flex;gap:14px;margin-top:28px}.btn-cancel{flex:1;padding:14px;background:#f1f5f9;border:none;border-radius:10px;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#e2e8f0}.btn-create{flex:1;padding:14px;background:linear-gradient(135deg,#1e3a5f,#2d4a6f);border:none;border-radius:10px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #1e3a5f40}.btn-create:hover:not(:disabled){background:linear-gradient(135deg,#2d4a6f,#3d5a7f);transform:translateY(-2px);box-shadow:0 6px 24px #1e3a5f59}.btn-create:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.calendar-sidebar{width:100%;right:-100%}.calendar-toggle-btn{bottom:90px;right:16px;width:54px;height:54px;border-radius:14px}.calendar-badge{top:-4px;right:-4px;padding:3px 6px;font-size:10px;min-width:18px}.calendar-sidebar-header{padding:16px 20px}.calendar-sidebar-content{padding:16px}.gmail-section{padding:16px;border-radius:12px}.event-group{padding:14px;border-radius:12px}.create-event-modal{margin:10px;max-height:calc(100vh - 40px);border-radius:16px}.create-event-header{padding:16px 20px;border-radius:16px 16px 0 0}.create-event-form{padding:20px}}.buzz-alert-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.buzz-alert{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #f59e0b;border-radius:16px;padding:24px 32px;display:flex;align-items:center;gap:20px;box-shadow:0 8px 32px #f59e0b66;animation:buzzPulse .5s ease infinite;max-width:400px}@keyframes buzzPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.buzz-alert-icon{width:64px;height:64px;background:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:bellShake .5s ease infinite;flex-shrink:0}@keyframes bellShake{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.buzz-alert-icon svg{stroke:#fff}.buzz-alert-content{flex:1}.buzz-alert-content h3{margin:0 0 4px;font-size:18px;font-weight:800;color:#92400e;letter-spacing:2px;text-transform:uppercase}.buzz-alert-content p{margin:0;font-size:16px;color:#78350f}.buzz-alert-content strong{font-weight:700}.buzz-alert-close{width:36px;height:36px;border-radius:50%;background:#0000001a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.buzz-alert-close:hover{background:#0003}.buzz-alert-close svg{stroke:#78350f}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);padding:var(--space-5)}.login-box{background:var(--bg-primary);padding:var(--space-10);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:400px}.login-box h1{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-3);text-align:center;font-weight:var(--font-bold)}.login-box h2{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-8);text-align:center;font-weight:var(--font-normal)}.form-group label{display:block;margin-bottom:var(--space-2);color:var(--text-primary);font-weight:var(--font-medium);font-size:var(--text-sm)}.form-group input{width:100%;padding:var(--space-3) var(--space-4);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);box-sizing:border-box;transition:all var(--transition-fast)}.form-group-checkbox{margin-bottom:var(--space-5)}.checkbox-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;margin-right:var(--space-3);cursor:pointer;accent-color:var(--color-primary);appearance:auto;-webkit-appearance:checkbox;-moz-appearance:checkbox;opacity:1;position:relative;display:inline-block}.checkbox-text{color:var(--text-secondary);font-size:var(--text-sm)}.error-message{background:var(--color-danger-bg);color:var(--color-danger-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);border:1px solid var(--color-danger-border)}.btn-primary{width:100%;padding:var(--space-4);background:var(--gradient-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-primary-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-info{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-light);text-align:center;font-size:var(--text-xs);color:var(--text-secondary)}.login-info p{margin:var(--space-1) 0}@media(max-width:480px){.login-box{padding:var(--space-6)}.login-box h1{font-size:var(--text-xl)}.login-box h2{font-size:var(--text-lg)}}.nav-notifications{display:flex;gap:12px;align-items:center;flex:1;justify-content:center;flex-wrap:wrap}.notification-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #0000001a}.notification-badge.clickable{cursor:pointer}.notification-badge.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.badge-count{background:#ffffff4d;padding:2px 8px;border-radius:12px;min-width:24px;text-align:center;font-weight:700}.badge-label{font-size:12px}.notification-badge.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notification-badge.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.notification-badge.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-badge.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notification-badge.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.notification-badge.orange-alert{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;animation:pulse-alert 2s ease-in-out infinite;box-shadow:0 4px 12px #f9731666}.notification-badge.red-alert{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;animation:pulse-alert 2s ease-in-out infinite;box-shadow:0 4px 12px #dc262666}@keyframes pulse-alert{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@media(max-width:1024px){.nav-notifications{flex-wrap:wrap;gap:8px}.notification-badge{font-size:11px;padding:4px 8px}.badge-label{display:none}.badge-count{min-width:20px;font-size:12px}}.modal-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-container{background:var(--bg-primary);border-radius:var(--radius-xl);max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s var(--ease-out);border:1px solid var(--border-light)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);background:var(--gradient-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:sticky;top:0;z-index:10}.modal-header h2{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-inverse);display:flex;align-items:center;gap:var(--space-3)}.modal-close{background:#ffffff26;border:none;font-size:24px;color:var(--text-inverse);cursor:pointer;line-height:1;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:#ffffff40;transform:rotate(90deg)}.modal-body{padding:var(--space-6);background:var(--bg-primary)}.form-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.form-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--border-light)}.form-section-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);box-shadow:var(--shadow-primary-sm)}.form-section-title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);color:var(--color-primary);font-weight:var(--font-bold);font-size:var(--text-sm);letter-spacing:.025em;text-transform:uppercase}.form-group label.required:after{content:" *";color:var(--color-danger);font-weight:var(--font-bold)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;box-sizing:border-box;transition:all var(--transition-fast);background:var(--bg-primary);color:var(--text-primary)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--color-secondary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:100px}.form-group small{display:block;margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-5);border-top:2px solid var(--border-light);margin-top:var(--space-5)}.btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.btn-primary{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-primary-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:2px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--border-light);color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.checkbox-group{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px solid var(--border-light);transition:all var(--transition-fast);cursor:pointer}.checkbox-group:hover{border-color:var(--color-primary);background:var(--bg-tertiary)}.checkbox-group input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.checkbox-group label{cursor:pointer;line-height:var(--leading-snug)}.checkbox-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-primary);border-radius:var(--radius-lg);border:2px solid var(--border-light);transition:all var(--transition-fast);cursor:pointer}.checkbox-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-sm)}.checkbox-card.checked{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.checkbox-card-icon{width:44px;height:44px;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0;transition:all var(--transition-fast)}.checkbox-card.checked .checkbox-card-icon{background:var(--gradient-primary)}.checkbox-card-content{flex:1}.checkbox-card-title{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.checkbox-card-description{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed)}.checkbox-card input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.error-message{background:var(--color-danger-bg);color:var(--color-danger-text);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-sm);border-left:4px solid var(--color-danger);display:flex;align-items:center;gap:var(--space-3)}.error-message:before{content:"⚠️";font-size:var(--text-lg)}.success-message{background:var(--color-success-bg);color:var(--color-success-text);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-sm);border-left:4px solid var(--color-success);display:flex;align-items:center;gap:var(--space-3)}.success-message:before{content:"✓";font-size:var(--text-lg);font-weight:var(--font-bold)}.teams-selection{border:2px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);max-height:200px;overflow-y:auto;background:var(--bg-secondary)}.team-checkbox-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-bottom:1px solid var(--border-light);background:var(--bg-primary);margin-bottom:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.team-checkbox-item:hover{background:var(--bg-tertiary)}.team-checkbox-item:last-child{margin-bottom:0}.team-checkbox-label{display:flex;align-items:center;cursor:pointer;flex:1}.team-checkbox-label input[type=checkbox]{margin-right:var(--space-3);cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.team-checkbox-label span{color:var(--text-primary);font-size:var(--text-sm)}.primary-radio-label{display:flex;align-items:center;cursor:pointer;margin-left:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.primary-radio-label input[type=radio]{margin-right:var(--space-2);cursor:pointer;accent-color:var(--color-primary)}.primary-label{font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-semibold)}.help-text{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-light)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-5);border-top:2px solid var(--border-light)}.checkbox-label{display:flex;align-items:center;cursor:pointer}.checkbox-label input[type=checkbox]{margin-right:var(--space-3);cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.checkbox-label span{color:var(--text-primary);font-size:var(--text-sm)}.project-avatar-section{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--border-light);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-4)}.project-avatar-section label{color:var(--color-primary);font-weight:var(--font-semibold);font-size:var(--text-sm);margin-bottom:0;white-space:nowrap}.avatar-upload-section{margin-top:0;flex:1}.avatar-preview-container{margin-bottom:var(--space-3)}.avatar-preview{display:flex;align-items:center;gap:var(--space-4)}.avatar-preview-img{width:50px;height:50px;border-radius:var(--radius-lg);object-fit:cover;border:2px solid var(--color-primary)}.avatar-actions{display:flex;flex-direction:row;gap:var(--space-2)}.btn-avatar-action{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border:2px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.btn-avatar-action:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-secondary)}.btn-avatar-action.btn-remove{color:var(--color-danger);border-color:var(--color-danger)}.btn-avatar-action.btn-remove:hover:not(:disabled){background:var(--color-danger-bg)}.btn-avatar-action:disabled{opacity:.5;cursor:not-allowed}.avatar-placeholder{width:auto;padding:var(--space-3) var(--space-4);border:2px dashed var(--color-primary);border-radius:var(--radius-md);display:inline-flex;flex-direction:row;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-primary)}.avatar-placeholder:hover{border-color:var(--color-secondary);background:var(--bg-secondary)}.avatar-placeholder-icon{font-size:var(--text-lg)}.avatar-placeholder-text{font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-semibold)}.form-hint{color:var(--text-secondary);font-size:var(--text-xs)}.options-panel{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-4)}.options-panel.warning{background:var(--color-warning-bg);border-color:var(--color-warning)}.options-panel.info{background:var(--color-info-bg);border-color:var(--color-info)}.info-box{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-relaxed);display:flex;align-items:flex-start;gap:var(--space-3)}.info-box.info{background:var(--color-info-bg);color:var(--color-info-text);border-left:4px solid var(--color-info)}.info-box.warning{background:var(--color-warning-bg);color:var(--color-warning-text);border-left:4px solid var(--color-warning)}.info-box strong{font-weight:var(--font-bold)}.tasks-modal .modal-body{max-height:60vh;overflow-y:auto}.tasks-list{display:flex;flex-direction:column;gap:var(--space-4)}.task-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-fast)}.task-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.task-header h3{margin:0;font-size:var(--text-base);color:var(--text-primary);flex:1;font-weight:var(--font-semibold)}.task-description{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-2) 0;line-height:var(--leading-relaxed)}.task-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-3) 0;font-size:var(--text-xs);color:var(--text-secondary)}.meta-item{display:flex;align-items:center;gap:var(--space-1)}.task-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.btn-accept{background:var(--color-success);color:var(--text-inverse);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-1)}.btn-accept:hover:not(:disabled){background:var(--color-success-dark);transform:translateY(-1px);box-shadow:0 2px 4px #10b9814d}.btn-accept:disabled{background:var(--color-gray-400);cursor:not-allowed}.priority-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.priority-medium{background:var(--color-warning-bg);color:var(--color-warning-dark)}.empty-state{text-align:center;padding:var(--space-10) var(--space-5);color:var(--text-secondary)}.empty-state p{font-size:var(--text-base);margin:0}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end}.task-badges{display:flex;gap:var(--space-2);align-items:center}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.task-info{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.info-waiting{color:var(--text-secondary);font-size:var(--text-xs);font-style:italic}.task-urgent{border-left:4px solid var(--color-danger)}.meta-urgent{color:var(--color-danger);font-weight:var(--font-semibold)}.task-urgency{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.urgency-badge{background:linear-gradient(135deg,var(--color-danger-bg) 0%,var(--color-danger-border) 100%);color:var(--color-danger-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);display:inline-block}.task-completed{background:var(--color-success-bg);border-left:4px solid var(--color-success)}.meta-completed{color:var(--color-success-dark);font-weight:var(--font-semibold)}.completion-summary{margin-bottom:var(--space-6);padding:var(--space-5);background:linear-gradient(135deg,var(--color-success-bg) 0%,var(--color-success-border) 100%);border-radius:var(--radius-lg);text-align:center}.summary-card{display:inline-block}.summary-number{font-size:48px;font-weight:var(--font-extrabold);color:var(--color-success-dark);line-height:1}.summary-label{font-size:var(--text-sm);color:var(--color-success-text);margin-top:var(--space-2);font-weight:var(--font-semibold)}.task-quality-rejected{border-left:4px solid var(--color-danger);background:var(--color-danger-bg)}.task-quality-changes{border-left:4px solid #f97316;background:#fff7ed;animation:pulse-changes 2s ease-in-out infinite}.quality-badge-rejected{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-dark) 100%);color:var(--text-inverse);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold)}.quality-badge-changes{background:linear-gradient(135deg,#f97316,#ea580c);color:var(--text-inverse);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);animation:pulse-badge 2s ease-in-out infinite}.quality-comments-alert{background:var(--bg-primary);border:var(--border-width-2) solid var(--color-warning-light);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-3)}.quality-comments-alert strong{display:block;color:var(--color-warning-text);margin-bottom:var(--space-2);font-size:var(--text-sm)}.quality-comments-alert p{margin:0;color:#451a03;font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap}.task-drive-link{margin-top:var(--space-3)}.btn-drive-link{display:inline-block;background:var(--gradient-primary);color:var(--text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);text-decoration:none;font-size:var(--text-xs);font-weight:var(--font-semibold);transition:all var(--transition-slow)}.btn-drive-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-md)}@keyframes pulse-changes{0%,to{opacity:1}50%{opacity:.95}}@keyframes pulse-badge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.notification-modal .modal-body{max-height:65vh;overflow-y:auto}.notification-description{padding:var(--space-4);background:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:var(--radius-md);margin-bottom:var(--space-5)}.notification-description.success-description{background:var(--color-success-bg);border-left-color:var(--color-success)}.notification-description p{margin:0;color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.notification-tasks-list{display:flex;flex-direction:column;gap:var(--space-4)}.notification-task-card{background:var(--bg-primary);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-fast)}.notification-task-card:hover{box-shadow:var(--shadow-sm)}.requirements-card{border-left:4px solid var(--color-warning);background:linear-gradient(135deg,#fffbeb 0%,var(--color-warning-bg) 100%)}.requirements-missing-header{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%);color:var(--text-inverse)}.task-title-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.task-title-row h4{margin:0;font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-semibold)}.days-waiting{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.days-waiting.normal{background:var(--color-info-bg);color:var(--color-info-text)}.days-waiting.warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.days-waiting.critical{background:var(--color-danger-bg);color:var(--color-danger-text);animation:pulse-badge 1.5s ease-in-out infinite}.task-project{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.task-requirements-info{margin:var(--space-4) 0;background:var(--bg-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--color-warning)}.requirements-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-warning-text);text-transform:uppercase;margin-bottom:var(--space-2)}.requirements-content{margin:0;color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.resumed-card{border-left:4px solid var(--color-success);background:linear-gradient(135deg,var(--color-success-bg) 0%,var(--color-success-border) 100%)}.tasks-resumed-header{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:var(--text-inverse)}.resumed-badge{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:var(--text-inverse);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.task-resumed-info{margin:var(--space-3) 0}.pause-time-info{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:#10b9811a;border-radius:var(--radius-md)}.pause-icon{font-size:var(--text-sm);color:var(--color-success-text);font-weight:var(--font-medium)}.date-adjusted{font-size:var(--text-xs);color:var(--color-success-dark);font-style:italic}.notification-task-card .task-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-3) 0;font-size:var(--text-xs)}.notification-task-card .task-meta span{color:var(--text-secondary)}.notification-task-card .task-meta strong{color:var(--text-primary)}.notification-task-card .task-actions{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(0,0,0,.1)}.modal-xlarge{max-width:1400px!important;width:95%!important}.modal-medium{max-width:600px!important;width:90%!important}.task-detail-modal .modal-body{max-height:80vh;overflow-y:auto;padding:0}.task-detail-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--space-6);padding:var(--space-6)}.task-detail-main{display:flex;flex-direction:column;gap:var(--space-6)}.task-detail-sidebar{background:var(--bg-secondary);border-left:var(--border-width-2) solid var(--border-light);padding-left:var(--space-6);max-height:70vh;overflow-y:auto}.task-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:var(--border-width-2) solid var(--border-light)}.task-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;flex:1;line-height:var(--leading-tight)}.task-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.info-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.info-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.info-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.task-description-section{background:var(--bg-secondary);border-left:4px solid var(--color-primary);padding:var(--space-4);border-radius:var(--radius-md)}.task-description-section h4{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.task-description-text{margin:0;color:var(--text-secondary);line-height:var(--leading-relaxed);white-space:pre-wrap}.task-acceptance-info{background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:center}.acceptance-badge{color:var(--color-success-text);font-weight:var(--font-semibold);font-size:var(--text-sm)}.task-actions-section{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border-light) 100%);border-radius:var(--radius-lg);padding:var(--space-5);border:var(--border-width-2) solid var(--border-default)}.task-actions-section h4{margin:0 0 var(--space-4) 0;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.task-action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.btn-action-primary,.btn-action-secondary{padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-action-primary{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-primary-md)}.btn-action-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.btn-complete{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%)!important;box-shadow:0 4px 12px #10b9814d!important}.btn-complete:hover{box-shadow:0 6px 16px #10b98166!important}.btn-progress{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-dark) 100%)!important;box-shadow:0 4px 12px #3b82f64d!important}.btn-progress:hover{box-shadow:0 6px 16px #3b82f666!important}.btn-action-secondary{background:var(--bg-primary);color:var(--text-primary);border:var(--border-width-2) solid var(--border-default)}.btn-action-secondary:hover{background:var(--bg-secondary);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.task-updates-section{position:sticky;top:0}.task-updates-section h4{margin:0 0 var(--space-5) 0;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);padding-bottom:var(--space-3);border-bottom:var(--border-width-2) solid var(--border-light)}.no-updates{text-align:center;color:var(--text-secondary);font-style:italic;padding:var(--space-8) 0}.updates-timeline{display:flex;flex-direction:column;gap:var(--space-4)}.update-item{display:flex;gap:var(--space-3);position:relative}.update-item:before{content:"";position:absolute;left:15px;top:32px;bottom:-16px;width:2px;background:var(--border-light)}.update-item:last-child:before{display:none}.update-icon{flex-shrink:0;width:32px;height:32px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);box-shadow:var(--shadow-primary-sm);position:relative;z-index:1}.update-content{flex:1;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-3);transition:all var(--transition-fast)}.update-content:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.update-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.update-author{font-weight:var(--font-bold);color:var(--text-primary);font-size:var(--text-xs)}.update-date{font-size:var(--text-xs);color:var(--text-secondary)}.update-changes{background:var(--color-warning-bg);border-left:3px solid var(--color-warning);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-warning-text);margin-bottom:var(--space-2);font-weight:var(--font-medium)}.update-comment{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-2)}.update-comment p{margin:0;color:var(--text-primary);line-height:var(--leading-relaxed);white-space:pre-wrap;font-size:var(--text-xs)}.update-meeting{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-light)}.status-completed{background:var(--color-success-bg);color:var(--color-success-text)}.status-cancelled{background:var(--color-danger-bg);color:var(--color-danger-text)}.update-form{display:flex;flex-direction:column;gap:var(--space-5)}.task-info-summary{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.task-info-summary strong{display:block;margin-bottom:var(--space-2);color:var(--text-primary);font-size:var(--text-base)}.task-info-summary p{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.form-group label{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.form-control{padding:var(--space-3) var(--space-4);border:var(--border-width-2) solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-control::placeholder{color:var(--text-muted)}.form-hint{color:var(--text-secondary);font-size:var(--text-xs);font-style:italic}.task-drive-link-section{background:var(--bg-secondary);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-5)}.drive-link-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.drive-link-header h4{margin:0;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary)}.btn-edit-link{background:var(--gradient-primary);color:var(--text-inverse);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);transition:all var(--transition-slow)}.btn-edit-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-md)}.drive-link-edit-form{display:flex;flex-direction:column;gap:var(--space-3)}.drive-link-edit-form .form-control{width:100%;padding:var(--space-3);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-slow)}.drive-link-edit-form .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.drive-link-edit-form .form-hint{color:var(--text-secondary);font-size:var(--text-xs);margin-top:calc(-1 * var(--space-2))}.drive-link-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.drive-link-actions .btn-secondary,.drive-link-actions .btn-primary{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-slow)}.drive-link-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:var(--border-width-2) solid var(--border-light)}.drive-link-actions .btn-secondary:hover{background:var(--border-light)}.drive-link-actions .btn-primary{background:var(--gradient-primary);color:var(--text-inverse);border:none}.drive-link-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-md)}.drive-link-display{padding:var(--space-3);background:var(--bg-primary);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-md);word-break:break-all}.drive-link-url{color:var(--color-primary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium)}.drive-link-url:hover{text-decoration:underline;color:var(--color-secondary)}.no-drive-link{color:var(--text-secondary);font-size:var(--text-sm);font-style:italic;margin:0;padding:var(--space-3);background:var(--bg-primary);border:2px dashed var(--border-light);border-radius:var(--radius-md);text-align:center}.quality-review-badge{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:var(--text-inverse);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:center}.task-quality-review-section{background:var(--bg-secondary);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-5)}.task-quality-review-section h4{margin:0 0 var(--space-4) 0;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary)}.quality-status-display{margin-bottom:var(--space-4)}.quality-status-pending,.quality-status-changes,.quality-status-rejected,.quality-status-approved{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-primary);border:var(--border-width-2) solid}.quality-status-pending{border-color:var(--color-warning);background:var(--color-warning-bg)}.quality-status-changes{border-color:var(--color-danger);background:var(--color-danger-bg);animation:pulse-quality-warning 2s ease-in-out infinite}.quality-status-rejected{border-color:#991b1b;background:var(--color-danger-bg)}.quality-status-approved{border-color:var(--color-success);background:var(--color-success-bg)}.quality-icon{font-size:var(--text-3xl);line-height:1}.quality-status-display strong{display:block;font-size:var(--text-base);margin-bottom:var(--space-1);color:var(--text-primary)}.quality-status-display p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.quality-comments-box{background:var(--bg-primary);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-3)}.quality-comments-box strong{display:block;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2)}.quality-comments-box p{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);white-space:pre-wrap}.quality-reviewer-info{margin-top:var(--space-3);padding:var(--space-3);background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);text-align:center}.quality-reviewer-info strong{color:var(--color-primary)}@keyframes pulse-quality-warning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.005)}}.task-requirements-section{margin-top:var(--space-5)}.requirements-alert{background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-warning-border) 100%);border:var(--border-width-2) solid var(--color-warning);border-radius:var(--radius-lg);padding:var(--space-5);animation:pulse-requirements 2s ease-in-out infinite}@keyframes pulse-requirements{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 15px 5px #f59e0b33}}.requirements-alert-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.requirements-icon{font-size:var(--text-2xl)}.requirements-alert-header strong{font-size:var(--text-lg);color:var(--color-warning-text)}.requirements-note{background:var(--bg-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin:var(--space-3) 0;color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-relaxed);border-left:4px solid var(--color-warning)}.requirements-date{font-size:var(--text-xs);color:#78350f;margin:var(--space-2) 0}.requirements-pause-info{font-size:var(--text-xs);color:#78350f;font-weight:var(--font-semibold);background:#ffffffb3;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin:var(--space-2) 0;display:inline-block}.btn-requirements-missing{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%)!important;color:var(--text-inverse)!important;box-shadow:0 4px 12px #f59e0b4d!important}.btn-requirements-missing:hover{box-shadow:0 6px 16px #f59e0b66!important}.btn-action-warning{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%);color:var(--text-inverse);box-shadow:0 4px 12px #f59e0b4d}.btn-action-warning:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.btn-requirements-delivered{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%)!important;margin-top:var(--space-4);padding:var(--space-3) var(--space-6)!important;font-size:var(--text-base)!important}.btn-requirements-delivered:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166!important}.requirements-form{display:flex;flex-direction:column;gap:var(--space-5)}.requirements-info-box{padding:var(--space-4);border-radius:var(--radius-lg)}.requirements-info-box.info-warning{background:var(--color-warning-bg);border:var(--border-width-2) solid var(--color-warning)}.requirements-info-box.info-success{background:var(--color-success-bg);border:var(--border-width-2) solid var(--color-success)}.requirements-info-box p{margin:0 0 var(--space-3) 0;color:var(--text-primary)}.requirements-info-box ul{margin:0;padding-left:var(--space-5)}.requirements-info-box li{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:var(--text-sm)}.requirements-original-note{background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.requirements-original-note strong{display:block;margin-bottom:var(--space-2);color:var(--text-primary);font-size:var(--text-sm)}.requirements-original-note p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.btn-warning{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%);color:var(--text-inverse);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-slow)}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}@media(max-width:1200px){.task-detail-layout{grid-template-columns:1fr}.task-detail-sidebar{border-left:none;border-top:var(--border-width-2) solid var(--border-light);padding-left:0;padding-top:var(--space-6);max-height:none}.task-info-grid{grid-template-columns:repeat(2,1fr)}.modal-xlarge{width:98%!important}}@media(max-width:768px){.task-info-grid{grid-template-columns:1fr}.task-detail-header{flex-direction:column}.task-action-buttons{grid-template-columns:1fr}.update-item{gap:var(--space-3)}.update-icon{width:28px;height:28px;font-size:var(--text-xs)}.update-item:before{left:13px}}.dashboard-container{min-height:100vh;background:#e5e7eb}.dashboard-navbar,.navbar{background:#1e3a5f;padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:0 2px 8px #00000026}.dashboard-navbar-brand h1,.nav-brand h1{font-size:var(--text-lg);color:#fff;margin:0;font-weight:var(--font-semibold);display:flex;align-items:center;gap:var(--space-3)}.dashboard-navbar-brand h1:before,.nav-brand h1:before{content:none}.dashboard-notifications,.nav-notifications{display:flex;gap:var(--space-2);align-items:center}.dashboard-user,.nav-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:#ffffff1a;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.15)}.dashboard-user span,.nav-user span{color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium)}.dashboard-user-link,.user-profile-link{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.dashboard-user-link:hover,.user-profile-link:hover{background:#ffffff1a}.dashboard-user-avatar,.user-avatar-small{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;border:2px solid rgba(255,255,255,.4)}.dashboard-user-avatar-placeholder,.user-avatar-placeholder-small{width:32px;height:32px;border-radius:var(--radius-full);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff}.dashboard-btn-logout,.btn-logout{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);transition:all var(--transition-fast)}.dashboard-btn-logout:hover,.btn-logout:hover{background:#fff3}.dashboard-content{padding:var(--space-8);max-width:1200px;margin:0 auto}.dashboard-content h2{font-size:var(--text-2xl);color:#1e3a5f;margin-bottom:var(--space-2);font-weight:var(--font-semibold)}.dashboard-subtitle,.subtitle{color:#64748b;font-size:var(--text-sm);margin-bottom:var(--space-8);font-weight:var(--font-normal)}.dashboard-subtitle:before,.subtitle:before{content:none}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.dashboard-card{background:#1e3a5f;padding:var(--space-5);border-radius:var(--radius-sm);text-decoration:none;color:#fff;transition:all var(--transition-fast);display:flex;align-items:flex-start;gap:var(--space-4);box-shadow:0 2px 4px #0000001a}.dashboard-card:before{display:none}.dashboard-card:hover{background:#152a45;transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.dashboard-card.primary{background:#2563eb}.dashboard-card.primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.dashboard-card.support{background:#059669}.dashboard-card.support:hover{background:#047857;box-shadow:0 4px 12px #0596694d}.dashboard-card-icon,.card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.dashboard-card-icon svg,.card-icon svg{width:22px;height:22px;stroke:#fff;opacity:.9}.dashboard-card-content,.card-content{flex:1;min-width:0}.dashboard-card h3{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:var(--font-semibold);color:#fff}.dashboard-card p{font-size:var(--text-sm);opacity:.8;margin:0;line-height:var(--leading-normal);font-weight:var(--font-normal);color:#fff}@media(max-width:768px){.dashboard-navbar,.navbar{padding:var(--space-3) var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.dashboard-navbar-brand h1,.nav-brand h1{font-size:var(--text-base)}.dashboard-content{padding:var(--space-5)}.dashboard-content h2{font-size:var(--text-xl)}.dashboard-grid{grid-template-columns:1fr;gap:var(--space-4)}.dashboard-user span,.nav-user span{display:none}.dashboard-card{padding:var(--space-4)}}.task-form{display:flex;flex-direction:column;gap:var(--space-2)}.task-form .form-group label{color:var(--color-primary)!important;font-weight:var(--font-bold)!important;font-size:var(--text-xs)!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:var(--space-2)!important;display:flex!important;align-items:center!important;gap:var(--space-2)!important;background:linear-gradient(90deg,rgba(var(--color-primary-rgb),.1) 0%,transparent 100%)!important;padding:var(--space-2) var(--space-3)!important;border-radius:var(--radius-sm)!important;border-left:3px solid var(--color-primary)!important}.task-form .form-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);transition:all var(--transition-fast)}.task-form .form-section:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-sm)}.task-form .form-section .form-group:last-child{margin-bottom:0}.priority-select.priority-baja{border-color:var(--color-success);background-color:var(--color-success-bg)}.priority-select.priority-media{border-color:var(--color-warning);background-color:var(--color-warning-bg)}.priority-select.priority-alta{border-color:var(--color-danger);background-color:var(--color-danger-bg)}.task-form select,.task-form input[type=text],.task-form input[type=number],.task-form input[type=date],.task-form textarea{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--bg-primary)}.task-form select:focus,.task-form input:focus,.task-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.task-form .options-panel{margin-top:var(--space-4);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.task-form .options-panel.warning{background:var(--color-warning-bg);border:2px solid var(--color-warning)}.task-form .options-panel.info{background:var(--color-info-bg);border:2px solid var(--color-info)}.task-form .info-box{margin-top:var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}.task-form .info-box span{font-size:var(--text-xl);line-height:1}.task-form .info-box div{flex:1}.task-form .info-box.warning{background:#d977061a;border-left:4px solid var(--color-warning);padding:var(--space-4);border-radius:var(--radius-md);color:var(--color-warning-text)}.task-form .info-box.info{background:#0284c71a;border-left:4px solid var(--color-info);padding:var(--space-4);border-radius:var(--radius-md);color:var(--color-info-text)}.task-form .checkbox-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.task-form .checkbox-card:hover{border-color:var(--color-secondary);background:var(--bg-secondary)}.task-form .checkbox-card.checked{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.task-form .checkbox-card-icon{width:48px;height:48px;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0;transition:all var(--transition-fast)}.task-form .checkbox-card.checked .checkbox-card-icon{background:var(--gradient-primary);box-shadow:var(--shadow-primary-sm)}.task-form .checkbox-card-content{flex:1}.task-form .checkbox-card-title{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.task-form .checkbox-card-description{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed)}.task-form .checkbox-card input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0;margin-top:var(--space-1)}.task-form small{display:block;margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.task-form .form-actions{position:sticky;bottom:0;background:var(--bg-primary);padding:var(--space-5) 0 0 0;margin-top:var(--space-4);border-top:2px solid var(--border-light);z-index:5}@media(max-width:768px){.task-form .form-section{padding:var(--space-4)}.task-form .checkbox-card{padding:var(--space-3)}.task-form .checkbox-card-icon{width:40px;height:40px;font-size:var(--text-lg)}.task-form .form-row{grid-template-columns:1fr;gap:var(--space-3)}}.standup-container{min-height:100vh;background:#e5e7eb}.standup-header{background:#1e3a5f;padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000026}.standup-header h1{font-size:var(--text-lg);margin:0;color:#fff;font-weight:var(--font-semibold)}.page-subtitle{color:#ffffffb3;font-size:var(--text-sm);margin:var(--space-1) 0 0 0}.standup-filters{background:#fff;padding:var(--space-4) var(--space-6);border-bottom:1px solid #e2e8f0;display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:160px}.filter-group label{font-size:10px;color:#64748b;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.3px}.filter-group select,.filter-group input{padding:var(--space-2) var(--space-3);border:1px solid #e2e8f0;border-radius:var(--radius-sm);font-size:var(--text-sm);background:#fff;color:#1a1a2e;transition:all var(--transition-fast)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#1e3a5f}.filter-group select:disabled,.filter-group input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.btn-refresh{padding:var(--space-2) var(--space-4);background:#1e3a5f;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.btn-refresh:hover:not(:disabled){background:#152a45}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);padding:var(--space-4) var(--space-6)}.stat-card{background:#fff;border-radius:var(--radius-sm);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);border:1px solid #e2e8f0;border-left:3px solid}.stat-icon{font-size:var(--text-xl);line-height:1;opacity:.8}.stat-content{flex:1}.stat-value{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:1;margin-bottom:2px}.stat-label{font-size:10px;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.2px;color:#64748b}.stat-total{border-left-color:#1e3a5f}.stat-total .stat-value{color:#1e3a5f}.stat-progress{border-left-color:#3b82f6}.stat-progress .stat-value{color:#3b82f6}.stat-done{border-left-color:#10b981}.stat-done .stat-value{color:#10b981}.stat-blocked{border-left-color:#ef4444}.stat-blocked .stat-value{color:#ef4444}.stat-overdue{border-left-color:#f59e0b}.stat-overdue .stat-value{color:#f59e0b}.stat-priority{border-left-color:#e91e63}.stat-priority .stat-value{color:#ad1457}.standup-content{background:#fff;margin:0 var(--space-6) var(--space-6);border-radius:var(--radius-sm);border:1px solid #e2e8f0;overflow:hidden}.loading,.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:#64748b}.loading{font-size:var(--text-sm);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.empty-state{font-size:var(--text-sm);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.empty-state p{margin:0;color:#94a3b8}.tasks-table-container{overflow-x:auto}.tasks-table{width:100%;border-collapse:collapse}.tasks-table th{background:#f8fafc;padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-medium);color:#64748b;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #e2e8f0}.tasks-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:var(--text-sm);color:#1a1a2e}.tasks-table tbody tr{transition:all var(--transition-fast)}.tasks-table tbody tr:hover{background:#f8fafc}.tasks-table tbody tr.overdue{background:#fffbeb;border-left:3px solid #f59e0b}.task-title{font-weight:var(--font-medium);color:#1a1a2e;font-size:var(--text-sm)}.task-description{font-size:var(--text-xs);color:#64748b;margin-top:var(--space-1);max-width:350px}.status-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium);display:inline-block;text-transform:uppercase}.badge-pending{background:#fffbeb;color:#92400e}.badge-pending:before{content:none}.badge-progress{background:#eff6ff;color:#2563eb}.badge-progress:before{content:none}.badge-blocked{background:#fef2f2;color:#dc2626}.badge-blocked:before{content:none}.badge-done{background:#ecfdf5;color:#065f46}.badge-done:before{content:none}.badge-cancelled{background:#f3f4f6;color:#6b7280}.badge-cancelled:before{content:none}.priority-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium);display:inline-block;text-transform:uppercase}.priority-high{background:#fef2f2;color:#dc2626}.priority-high:before{content:none}.priority-medium{background:#fffbeb;color:#92400e}.priority-medium:before{content:none}.priority-low{background:#eff6ff;color:#2563eb}.priority-low:before{content:none}.overdue-label{color:#dc2626;font-size:10px;font-weight:var(--font-medium);background:#fef2f2;padding:2px var(--space-1);border-radius:var(--radius-sm);margin-left:var(--space-1);display:inline-block}.task-actions{display:flex;gap:var(--space-1);justify-content:flex-end}.btn-action{padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-done{background:#ecfdf5;color:#065f46}.btn-done:hover{background:#d1fae5}.btn-reschedule{background:#eff6ff;color:#2563eb}.btn-reschedule:hover{background:#dbeafe}.btn-block{background:#fef2f2;color:#dc2626}.btn-block:hover{background:#fee2e2}.btn-delete-task{background:#fef2f2;color:#dc2626}.btn-delete-task:hover{background:#dc2626;color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:var(--space-6);border-radius:var(--radius-sm);max-width:480px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2{margin:0 0 var(--space-4) 0;color:#1a1a2e;font-size:var(--text-lg);font-weight:var(--font-semibold);border-bottom:2px solid #1e3a5f;padding-bottom:var(--space-2)}.modal-body{margin-bottom:var(--space-4)}.task-info{background:#f8fafc;padding:var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);border-left:3px solid #1e3a5f}.task-info strong{display:block;margin-bottom:var(--space-1);color:#1a1a2e;font-size:var(--text-sm);font-weight:var(--font-medium)}.task-info p{margin:0;color:#64748b;font-size:var(--text-sm)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-1);color:#1a1a2e;font-weight:var(--font-medium);font-size:var(--text-sm)}.form-group input,.form-group textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid #e2e8f0;border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:inherit;box-sizing:border-box;transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#1e3a5f}.modal-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #f1f5f9}.btn-primary,.btn-secondary{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.btn-primary{background:#1e3a5f;color:#fff}.btn-secondary{background:#fff;color:#64748b;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc}.clickable-project{color:#1e3a5f;cursor:pointer;font-weight:var(--font-medium);transition:all var(--transition-fast)}.clickable-project:hover{color:#152a45;text-decoration:underline}.clickable-project:before{content:none}.project-tag{padding:2px var(--space-2);border-radius:var(--radius-sm);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-medium);background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.clickable-task{cursor:pointer;transition:all var(--transition-fast);color:#1a1a2e}.clickable-task:hover{color:#1e3a5f}.clickable-task:after{content:none}.btn-back{padding:var(--space-2) var(--space-4);background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);text-decoration:none}.status-badges-container{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start}.quality-badge{font-size:10px;padding:2px var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-medium);display:inline-block;white-space:nowrap;text-transform:uppercase}.quality-pending-review{background:#f59e0b;color:#fff}.quality-changes-requested{background:#ef4444;color:#fff}.quality-rejected{background:#991b1b;color:#fff}.quality-approved{background:#10b981;color:#fff}@media(max-width:768px){.standup-header{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.standup-filters{flex-direction:column;padding:var(--space-4)}.filter-group{min-width:100%}.stats-container{grid-template-columns:repeat(2,1fr);padding:var(--space-4)}.standup-content{margin:0 var(--space-4) var(--space-4)}.tasks-table th,.tasks-table td{padding:var(--space-2);font-size:var(--text-xs)}}.page-container{min-height:100vh;background:#e5e7eb}.page-header{background:#1e3a5f;padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000026}.page-header h1{font-size:var(--text-lg);margin:0;color:#fff;font-weight:var(--font-semibold)}.page-subtitle{color:#ffffffb3;margin:var(--space-1) 0 0 0;font-size:var(--text-sm);font-weight:var(--font-normal)}.btn-back{padding:var(--space-2) var(--space-4);background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.btn-back:hover{background:#fff3;color:#fff}.filters-bar{background:#fff;padding:var(--space-4) var(--space-6);border-bottom:1px solid #e2e8f0}.filter-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-buttons button{padding:var(--space-2) var(--space-4);border:1px solid #e2e8f0;background:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:#64748b;transition:all var(--transition-fast)}.filter-buttons button:hover{border-color:#1e3a5f;color:#1e3a5f}.filter-buttons button.active{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.content-area{padding:var(--space-6);min-height:400px}.loading,.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:#64748b;font-size:var(--text-sm);background:#fff;border-radius:var(--radius-sm)}.loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.loading:before{content:"";width:24px;height:24px;border:2px solid #e2e8f0;border-top-color:#1e3a5f;border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.empty-state:before{content:""}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}.project-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm);padding:var(--space-5);transition:all var(--transition-fast)}.project-card:before{display:none}.project-card:hover{box-shadow:0 4px 12px #00000014;border-color:#1e3a5f}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid #f1f5f9}.project-title-row{display:flex;align-items:center;gap:var(--space-3);flex:1;margin-right:var(--space-3)}.project-avatar{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.project-avatar-placeholder{width:40px;height:40px;border-radius:var(--radius-sm);background:#1e3a5f;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-base);flex-shrink:0}.project-header h3{font-size:var(--text-base);margin:0;color:#1a1a2e;font-weight:var(--font-semibold)}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.status-active{background:#ecfdf5;color:#065f46}.status-active:before{content:none}.status-hold{background:#fffbeb;color:#92400e}.status-hold:before{content:none}.status-closed{background:#f3f4f6;color:#6b7280}.status-closed:before{content:none}.project-info{margin-bottom:var(--space-4)}.info-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid #f8fafc}.info-row:last-child{border-bottom:none}.info-row:hover{background:transparent}.info-row .label{color:#64748b;font-weight:var(--font-medium);text-transform:none;font-size:var(--text-sm);letter-spacing:0}.info-row span:last-child{color:#1a1a2e;font-weight:var(--font-medium)}.project-links{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4);padding-top:var(--space-3);border-top:1px solid #f1f5f9}.link-btn{padding:var(--space-2) var(--space-3);background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);text-decoration:none;color:#64748b;font-size:var(--text-xs);font-weight:var(--font-medium);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-1)}.link-btn:hover{border-color:#1e3a5f;color:#1e3a5f;background:#fff}.project-actions{display:flex;gap:var(--space-2);padding-top:var(--space-3)}.btn-primary{flex:1;padding:var(--space-3) var(--space-4);background:#1e3a5f;color:#fff;border:none;border-radius:var(--radius-sm);text-decoration:none;text-align:center;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm)}.btn-primary:hover{background:#152a45}.btn-secondary{padding:var(--space-3) var(--space-4);background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:var(--radius-sm);text-decoration:none;text-align:center;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm)}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}@media(max-width:768px){.page-header{padding:var(--space-4);flex-direction:column;gap:var(--space-3);text-align:center}.page-header h1{font-size:var(--text-base)}.filters-bar{padding:var(--space-3) var(--space-4)}.content-area{padding:var(--space-4)}.projects-grid{grid-template-columns:1fr}.project-card{padding:var(--space-4)}.project-header{flex-direction:column;gap:var(--space-3)}.project-title-row{margin-right:0}.project-actions{flex-direction:column}}.kpi-sidebar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;color:#fff;box-shadow:0 10px 30px #667eea4d}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid rgba(255,255,255,.2)}.kpi-header h3{margin:0;font-size:20px;font-weight:700}.btn-update-kpi{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.btn-update-kpi:hover{background:#ffffff4d;transform:translateY(-2px)}.kpi-last-update{background:#0003;padding:8px 12px;border-radius:8px;margin-bottom:20px;text-align:center}.kpi-last-update small{font-size:12px;opacity:.9}.no-kpis{text-align:center;padding:40px 20px;background:#ffffff1a;border-radius:12px}.no-kpis p{margin:0 0 8px;font-size:16px}.no-kpis small{opacity:.8;font-size:13px}.kpi-metrics{display:flex;flex-direction:column;gap:20px}.kpi-card{background:#fffffff2;color:#1f2937;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a}.kpi-card-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.kpi-icon.enrolled{background:linear-gradient(135deg,#3b82f6,#2563eb)}.kpi-icon.approved{background:linear-gradient(135deg,#10b981,#059669)}.kpi-title{flex:1}.kpi-title h4{margin:0 0 4px;font-size:16px;font-weight:700;color:#1f2937}.kpi-subtitle{margin:0;font-size:12px;color:#6b7280}.kpi-numbers{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0}.kpi-current,.kpi-goal{display:flex;flex-direction:column;align-items:center}.kpi-numbers .number{font-size:32px;font-weight:800;color:#1f2937;line-height:1}.kpi-numbers .label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-weight:600}.kpi-divider{font-size:28px;color:#d1d5db;font-weight:300}.kpi-progress-bar{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin:16px 0;box-shadow:inset 0 2px 4px #0000001a}.kpi-progress-fill{height:100%;transition:width .5s ease,background-color .3s;border-radius:6px;box-shadow:0 2px 4px #0003}.kpi-stats{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.kpi-percentage{font-size:24px;font-weight:800}.kpi-status{font-size:13px;color:#6b7280;font-weight:600}.kpi-remaining{text-align:center;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.kpi-remaining small{color:#6b7280;font-size:12px}.kpi-icon.custom{background:linear-gradient(135deg,#f59e0b,#d97706)}.kpi-card.custom-kpi{border-left:4px solid #f59e0b}.kpi-sidebar .loading{text-align:center;padding:40px 20px;font-size:16px}.support-config-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.support-config-backdrop{position:absolute;inset:0;background:#00000080}.support-config-content{position:relative;background:#1e293b;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.support-config-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #334155}.support-config-header h2{margin:0;font-size:18px;font-weight:600;color:#f1f5f9}.support-config-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.support-config-close:hover{background:#334155;color:#f1f5f9}.support-config-tabs{display:flex;gap:4px;padding:12px 24px;background:#0f172a;border-bottom:1px solid #334155}.support-config-tab{padding:8px 16px;background:transparent;border:none;color:#94a3b8;font-size:14px;cursor:pointer;border-radius:6px;transition:all .2s}.support-config-tab:hover{background:#1e293b;color:#f1f5f9}.support-config-tab.active{background:#3b82f6;color:#fff}.support-config-body{flex:1;overflow-y:auto;padding:24px;color:#e2e8f0}.support-config-body *{color:inherit}.support-config-body h3,.support-config-body h4{color:#f1f5f9}.support-config-body p{color:#cbd5e1}.support-config-section{display:flex;flex-direction:column;gap:20px}.support-config-error{background:#7f1d1d;color:#fecaca;padding:12px 16px;border-radius:8px;margin-bottom:16px}.support-config-loading{padding:40px;text-align:center;color:#94a3b8}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#f1f5f9!important}.form-group span{color:#cbd5e1}.form-group input[type=text],.form-group input[type=url],.form-group input[type=password],.form-group input[type=time],.form-group input[type=number],.form-group select,.form-group textarea{padding:10px 12px;background:#0f172a!important;border:1px solid #334155;border-radius:6px;color:#f1f5f9!important;font-size:14px;transition:border-color .2s}.form-group select option{background:#0f172a;color:#f1f5f9}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.form-group textarea{resize:vertical;min-height:80px}.form-help{font-size:12px;color:#64748b;margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toggle-label{display:flex;flex-direction:row;align-items:center;gap:12px;cursor:pointer;color:#f1f5f9!important;font-size:14px;font-weight:500}.toggle-label input{display:none}.toggle-switch{position:relative;width:44px;min-width:44px;height:24px;background:#334155;border-radius:12px;transition:background .2s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-label input:checked+.toggle-switch{background:#3b82f6}.toggle-label input:checked+.toggle-switch:after{transform:translate(20px)}.toggle-label span:not(.toggle-switch){color:#f1f5f9}.schedule-options{display:flex;flex-direction:column;gap:8px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#e2e8f0;font-size:14px}.radio-label input[type=radio]{accent-color:#3b82f6}.days-selector{display:flex;gap:8px}.day-btn{width:40px;height:40px;border-radius:50%;border:2px solid #334155;background:transparent;color:#94a3b8;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.day-btn:hover{border-color:#3b82f6;color:#3b82f6}.day-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.schedule-config{padding:16px;background:#0f172a;border-radius:8px;display:flex;flex-direction:column;gap:16px;color:#e2e8f0}.schedule-config label{color:#e2e8f0}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.action-checkbox{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#0f172a;border-radius:8px;cursor:pointer;transition:background .2s}.action-checkbox:hover{background:#1e293b}.action-checkbox input{margin-top:2px;accent-color:#3b82f6}.action-info{display:flex;flex-direction:column;gap:2px}.action-label{font-size:14px;font-weight:500;color:#e2e8f0}.action-desc{font-size:12px;color:#64748b}.features-grid{display:flex;gap:16px}.feature-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;color:#e2e8f0}.feature-checkbox input{accent-color:#3b82f6}.logo-uploader{width:100%}.logo-preview{display:flex;align-items:center;gap:16px;padding:16px;background:#0f172a;border-radius:8px;border:1px solid #334155}.logo-preview img{width:64px;height:64px;border-radius:8px;object-fit:cover;background:#1e293b}.logo-actions{display:flex;gap:8px}.logo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;background:#0f172a;border:2px dashed #334155;border-radius:8px;cursor:pointer;transition:all .2s;color:#64748b}.logo-placeholder:hover{border-color:#3b82f6;color:#94a3b8}.logo-placeholder svg{opacity:.5}.logo-placeholder span{font-size:14px}.logo-hint{font-size:12px!important;color:#475569!important}.btn-small{padding:6px 12px!important;font-size:13px!important}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.agent-add-row{display:flex;gap:12px}.agent-add-row select{flex:1;padding:10px 12px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#f1f5f9;font-size:14px}.agents-list{display:flex;flex-direction:column;gap:8px}.agent-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0f172a;border:1px solid #334155;border-radius:8px}.agent-avatar{width:40px;height:40px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.agent-avatar img{width:100%;height:100%;object-fit:cover}.agent-avatar span{color:#fff;font-weight:600;font-size:16px}.agent-info{flex:1;display:flex;flex-direction:column;gap:2px}.agent-name{font-size:14px;font-weight:500;color:#f1f5f9}.agent-email{font-size:12px;color:#64748b}.btn-remove-agent{padding:6px;background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:4px;transition:all .2s}.btn-remove-agent:hover{background:#7f1d1d;color:#fecaca}.agents-empty{padding:24px;text-align:center;background:#0f172a;border:1px dashed #334155;border-radius:8px}.agents-empty p{margin:0;color:#94a3b8}.agents-empty p:first-child{font-size:14px;margin-bottom:4px}.color-input{display:flex;gap:8px;align-items:center}.color-input input[type=color]{width:48px;height:40px;padding:0;border:none;border-radius:6px;cursor:pointer}.color-input input[type=text]{flex:1}.test-result{margin-top:8px;padding:8px 12px;border-radius:6px;font-size:13px}.test-result.success{background:#14532d;color:#86efac}.test-result.error{background:#7f1d1d;color:#fecaca}.embed-code{display:flex;gap:8px;align-items:stretch}.embed-code code{flex:1;padding:12px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#a5f3fc;font-size:12px;word-break:break-all;overflow-x:auto}.embed-id code{display:block;padding:12px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#fbbf24;font-size:14px;font-weight:500}.btn-copy{padding:8px 16px;background:#334155;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;white-space:nowrap}.btn-copy:hover{background:#475569}.embed-notice{padding:24px;text-align:center;color:#94a3b8;background:#0f172a;border-radius:8px}.widget-preview{margin-top:20px;padding-top:20px;border-top:1px solid #334155}.widget-preview h4{margin:0 0 16px;font-size:14px;font-weight:500;color:#94a3b8}.preview-container{display:flex;justify-content:center;padding:24px;background:#475569;border-radius:8px}.preview-widget{width:300px;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0000004d}.preview-header{display:flex;align-items:center;gap:10px;padding:16px;background:var(--primary-color, #3b82f6);color:#fff;font-weight:500}.preview-logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.preview-body{padding:16px;background:#fff;min-height:120px}.preview-message{background:#f1f5f9;padding:12px 16px;border-radius:12px;font-size:14px;color:#334155}.support-config-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #334155}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#334155;color:#e2e8f0}.btn-secondary:hover:not(:disabled){background:#475569}.btn-warning{background:#b45309;color:#fff}.btn-warning:hover:not(:disabled){background:#92400e}input[type=range]{width:100%;accent-color:#3b82f6}.ai-templates{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.templates-label{font-size:12px;color:#94a3b8;margin-right:4px}.template-btn{padding:6px 12px;background:#334155;border:1px solid #475569;border-radius:6px;color:#e2e8f0;font-size:12px;cursor:pointer;transition:all .2s}.template-btn:hover{background:#475569;border-color:#3b82f6;color:#fff}@media(max-width:640px){.support-config-content{width:100%;max-height:100vh;border-radius:0}.support-config-tabs{flex-wrap:wrap}.form-row,.actions-grid{grid-template-columns:1fr}.days-selector{flex-wrap:wrap}.ai-templates{flex-direction:column;align-items:flex-start}.template-btn{width:100%;text-align:center}}.agent-schedule-grid{display:flex;flex-direction:column;gap:12px;margin-top:12px}.schedule-day-row{display:flex;align-items:center;gap:16px;padding:12px;background:#0f172a;border-radius:8px;flex-wrap:wrap}.schedule-day-toggle{min-width:140px}.schedule-day-toggle .day-name{font-weight:500;color:#e2e8f0}.toggle-switch.small{width:36px;height:20px}.toggle-switch.small:before{width:16px;height:16px}input:checked+.toggle-switch.small:before{transform:translate(16px)}.schedule-times{display:flex;align-items:center;gap:8px}.schedule-times input[type=time]{padding:6px 10px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:14px}.schedule-times input[type=time]:focus{border-color:#3b82f6;outline:none}.schedule-times span{color:#64748b;font-size:14px}.holidays-input{display:flex;gap:12px;margin-top:8px}.holidays-input input[type=date]{padding:8px 12px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:14px;min-width:160px}.holidays-input input[type=date]:focus{border-color:#3b82f6;outline:none}.holidays-range-input{display:flex;flex-direction:column;gap:12px;margin-top:8px}.date-range-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-range-row label{color:#94a3b8;font-size:14px;min-width:50px}.date-range-row input[type=date]{padding:8px 12px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:14px;min-width:160px}.date-range-row input[type=date]:focus{border-color:#3b82f6;outline:none}.holidays-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.holidays-summary label{color:#e2e8f0;font-weight:500}.btn-clear-all{background:transparent;border:1px solid #ef4444;color:#ef4444;padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn-clear-all:hover{background:#ef4444;color:#fff}.holidays-list{display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto;padding:8px;background:#0f172a;border-radius:8px}.holiday-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#1e40af;border-radius:16px;font-size:12px;color:#e2e8f0}.holiday-tag button{background:none;border:none;color:#93c5fd;font-size:14px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.holiday-tag button:hover{color:#fca5a5}@media(max-width:640px){.schedule-day-row{flex-direction:column;align-items:flex-start}.schedule-times{width:100%;justify-content:space-between}.holidays-input{flex-direction:column}}.project-layout-grid{display:grid;grid-template-columns:1fr 420px;gap:var(--space-6);margin-bottom:var(--space-5)}.project-main-content{min-width:0}.project-sidebar{position:sticky;top:var(--space-5);height:fit-content}.project-info-card{background:var(--bg-primary);padding:var(--space-8);border-radius:var(--radius-xl);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);border-top:4px solid;border-image:var(--gradient-primary) 1}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.info-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border-left:3px solid var(--color-primary);transition:all var(--transition-slow)}.info-item:hover{background:var(--bg-tertiary);transform:translate(3px)}.info-item .label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.info-item span:last-child{color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-base)}.sprints-section{background:var(--bg-primary);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.sprints-section h2{margin:0 0 var(--space-6) 0;color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);border-bottom:3px solid var(--color-primary);padding-bottom:var(--space-3)}.sprints-tabs{display:flex;gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap}.sprint-tab{padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-slow);min-width:220px;position:relative;overflow:hidden}.sprint-tab:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-slow)}.sprint-tab:hover{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-primary-rgb),.05));border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-primary-sm)}.sprint-tab:hover:before{transform:scaleX(1)}.sprint-tab.active{background:linear-gradient(135deg,var(--color-info-bg) 0%,var(--color-info-border) 100%);border-color:var(--color-primary);box-shadow:var(--shadow-primary-md)}.sprint-tab.active:before{transform:scaleX(1)}.sprint-name{font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--text-base)}.sprint-status{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);display:inline-flex;align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:.3px;box-shadow:var(--shadow-xs)}.sprint-planning{background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-warning-border) 100%);color:var(--color-warning-text);border:1px solid var(--color-warning-light)}.sprint-planning:before{content:"📋";font-size:var(--text-xs)}.sprint-active{background:linear-gradient(135deg,var(--color-success-bg) 0%,var(--color-success-border) 100%);color:var(--color-success-text);border:1px solid var(--color-success-light)}.sprint-active:before{content:"🚀";font-size:var(--text-xs)}.sprint-closed{background:linear-gradient(135deg,var(--color-gray-200) 0%,var(--color-gray-300) 100%);color:var(--color-gray-700);border:1px solid var(--color-gray-400)}.sprint-closed:before{content:"✓";font-size:var(--text-xs)}.sprint-details{border-top:3px solid var(--border-light);padding-top:var(--space-6)}.sprint-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);padding:var(--space-5);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.sprint-header h3{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold)}.sprint-goal{color:var(--text-secondary);margin:0;font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-relaxed)}.sprint-dates{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--space-3) var(--space-4);background:var(--bg-primary);border-radius:var(--radius-md);border:var(--border-width-2) solid var(--border-light)}.tasks-section h4{margin:0 0 var(--space-5) 0;color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold)}.tasks-list{display:grid;gap:var(--space-4)}.task-item{background:var(--bg-primary);border:var(--border-width-2) solid var(--border-light);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-slow);position:relative}.task-item:hover{box-shadow:var(--shadow-primary-sm);transform:translateY(-2px);border-color:var(--color-primary)}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.task-header h5{margin:0;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-bold);flex:1;margin-right:var(--space-4);line-height:var(--leading-snug)}.task-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.task-description{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-4) 0;line-height:var(--leading-relaxed);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md)}.task-meta{display:flex;gap:var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-semibold);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.task-meta span{display:inline-flex;align-items:center;gap:var(--space-2)}.quality-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-weight:var(--font-semibold);display:inline-block;white-space:nowrap;letter-spacing:.3px;box-shadow:var(--shadow-xs)}.quality-pending-review{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%);color:var(--text-inverse)}.quality-changes-requested{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-dark) 100%);color:var(--text-inverse);animation:pulse-warning 2s ease-in-out infinite}.quality-rejected{background:linear-gradient(135deg,#991b1b,#7f1d1d);color:var(--text-inverse);font-weight:var(--font-bold)}.quality-approved{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:var(--text-inverse)}@keyframes pulse-warning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@media(max-width:1200px){.project-layout-grid{grid-template-columns:1fr}.project-sidebar{position:relative;top:0}}@media(max-width:768px){.project-info-card,.sprints-section{padding:var(--space-5)}.sprint-tab{min-width:100%}.sprint-header{flex-direction:column;gap:var(--space-4)}.task-meta{flex-direction:column;gap:var(--space-2)}}.project-select{min-width:280px;padding:var(--space-2) var(--space-3);border:1px solid #e2e8f0;border-radius:var(--radius-sm);font-size:var(--text-sm);background:#fff;transition:all var(--transition-fast);color:#1a1a2e}.project-select:focus{outline:none;border-color:#1e3a5f}.project-info-banner{background:#1e3a5f;color:#fff;padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);margin-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:center}.banner-content h3{margin:0 0 var(--space-2) 0;font-size:var(--text-base);font-weight:var(--font-semibold)}.banner-meta{display:flex;gap:var(--space-4);font-size:var(--text-sm);opacity:.85}.banner-meta span{display:flex;align-items:center;gap:var(--space-1)}.sprints-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.sprint-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm);padding:var(--space-4);transition:all var(--transition-fast)}.sprint-card:before{display:none}.sprint-card:hover{box-shadow:0 4px 12px #00000014;border-color:#1e3a5f}.sprint-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);gap:var(--space-2)}.sprint-card-header h3{margin:0;font-size:var(--text-sm);color:#1a1a2e;flex:1;font-weight:var(--font-medium)}.sprint-goal{background:#f8fafc;padding:var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-3);font-size:var(--text-sm);color:#64748b;line-height:1.5}.sprint-goal strong{color:#1a1a2e;display:block;margin-bottom:var(--space-1);font-weight:var(--font-medium)}.sprint-dates{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);background:#f8fafc;border-radius:var(--radius-sm)}.date-info{display:flex;justify-content:space-between;font-size:var(--text-xs)}.date-label{font-weight:var(--font-medium);color:#64748b}.sprint-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #f1f5f9}.sprint-planning{background:#fffbeb;color:#92400e;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium);white-space:nowrap;text-transform:uppercase}.sprint-active{background:#ecfdf5;color:#065f46;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium);white-space:nowrap;text-transform:uppercase}.sprint-closed{background:#f3f4f6;color:#6b7280;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium);white-space:nowrap;text-transform:uppercase}@media(max-width:768px){.project-select{min-width:100%}.project-info-banner{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.banner-meta{flex-direction:column;gap:var(--space-1)}.sprints-grid{grid-template-columns:1fr}}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.stat-card{background:#fff;padding:var(--space-4);border-radius:var(--radius-sm);text-align:center;border:1px solid #e2e8f0;border-left:3px solid #1e3a5f;transition:all var(--transition-fast)}.stat-card:hover{box-shadow:0 2px 8px #0000000f}.stat-card.pending{border-left-color:#f59e0b}.stat-card.progress{border-left-color:#3b82f6}.stat-card.blocked{border-left-color:#ef4444}.stat-card.done{border-left-color:#10b981}.stat-card.overdue{border-left-color:#ef4444;background:#fef2f2}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:#1a1a2e;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-xs);color:#64748b;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.3px}.overdue-btn{background:#fef2f2;color:#dc2626;border-color:#fecaca}.overdue-btn:hover{background:#fee2e2}.overdue-btn.active{background:#dc2626;color:#fff}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.task-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm);padding:var(--space-4);transition:all var(--transition-fast);position:relative;cursor:pointer}.task-card:hover{box-shadow:0 4px 12px #00000014;border-color:#1e3a5f}.task-card.overdue{border-left:3px solid #ef4444;background:#fef2f2}.task-card .task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid #f1f5f9}.task-card .task-header h3{font-size:var(--text-sm);margin:0;color:#1a1a2e;flex:1;margin-right:var(--space-3);font-weight:var(--font-medium)}.task-card .task-description{color:#64748b;font-size:var(--text-sm);margin-bottom:var(--space-3);line-height:1.5}.task-card .task-info{display:flex;flex-direction:column;gap:var(--space-2)}.task-card .info-row{display:flex;justify-content:space-between;font-size:var(--text-xs);padding:var(--space-2);background:#f8fafc;border-radius:var(--radius-sm)}.task-card .info-row .label{color:#64748b;font-weight:var(--font-medium)}.overdue-date{color:#dc2626;font-weight:var(--font-medium)}.clickable-project-link{color:#1e3a5f;cursor:pointer;font-weight:var(--font-medium);transition:all var(--transition-fast)}.clickable-project-link:hover{color:#152a45;text-decoration:underline}.task-card:after{content:"Ver detalles";position:absolute;top:var(--space-2);right:var(--space-2);background:#1e3a5f;color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.task-card:hover:after{opacity:1}@media(max-width:768px){.stats-cards{grid-template-columns:repeat(2,1fr)}.tasks-grid{grid-template-columns:1fr}.stat-value{font-size:var(--text-xl)}.stat-label{font-size:10px}}@media(max-width:480px){.stats-cards{grid-template-columns:1fr}}.quality-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-4)}.quality-task-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm);padding:var(--space-4);transition:all var(--transition-fast)}.quality-task-card:before{display:none}.quality-task-card:hover{box-shadow:0 4px 12px #00000014;border-color:#1e3a5f}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);gap:var(--space-3)}.task-card-header h3{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);color:#1a1a2e;font-weight:var(--font-medium)}.task-project{font-size:var(--text-xs);color:#64748b;margin:0}.quality-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium);white-space:nowrap;text-transform:uppercase}.quality-pending{background:#fffbeb;color:#92400e}.quality-approved{background:#ecfdf5;color:#065f46}.quality-rejected{background:#fef2f2;color:#dc2626}.quality-changes{background:#eff6ff;color:#2563eb}.task-description{font-size:var(--text-sm);color:#64748b;margin:var(--space-3) 0;line-height:1.5}.task-meta{background:#f8fafc;padding:var(--space-3);border-radius:var(--radius-sm);margin:var(--space-3) 0}.meta-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0;font-size:var(--text-xs)}.meta-row .label{font-weight:var(--font-medium);color:#64748b}.task-drive-link{margin:var(--space-3) 0}.btn-drive{display:inline-flex;align-items:center;gap:var(--space-1);background:#4285f4;color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-decoration:none;font-size:var(--text-xs);font-weight:var(--font-medium);transition:all var(--transition-fast)}.btn-drive:hover{background:#1a73e8;color:#fff}.quality-comments-preview{background:#f8fafc;padding:var(--space-3);border-radius:var(--radius-sm);margin:var(--space-3) 0;font-size:var(--text-sm);border-left:2px solid #1e3a5f}.quality-comments-preview strong{display:block;margin-bottom:var(--space-1);color:#1a1a2e;font-weight:var(--font-medium);font-size:var(--text-xs)}.quality-comments-preview p{margin:0;color:#64748b;line-height:1.5;font-size:var(--text-sm)}.reviewed-info{font-size:var(--text-xs);color:#94a3b8;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #f1f5f9}.task-actions{margin-top:var(--space-3);display:flex;gap:var(--space-2);flex-wrap:wrap}.btn-success{background:#10b981;color:#fff;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-medium);font-size:var(--text-xs);transition:all var(--transition-fast)}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-medium);font-size:var(--text-xs);transition:all var(--transition-fast)}.btn-danger:hover{background:#dc2626}.btn-warning{background:#f59e0b;color:#fff;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-medium);font-size:var(--text-xs);transition:all var(--transition-fast)}.btn-warning:hover{background:#d97706}.modal-body .task-info{background:#f8fafc;padding:var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.modal-body .task-info h3{margin:0 0 var(--space-2) 0;color:#1a1a2e;font-weight:var(--font-medium);font-size:var(--text-base)}.modal-body .task-info p{margin:var(--space-1) 0;font-size:var(--text-sm);color:#64748b}.modal-body .task-info a{color:#1e3a5f;text-decoration:none;transition:color var(--transition-fast)}.modal-body .task-info a:hover{color:#152a45;text-decoration:underline}@media(max-width:768px){.quality-tasks-grid{grid-template-columns:1fr}.task-card-header{flex-direction:column;gap:var(--space-2)}.task-actions{flex-direction:column}.btn-success,.btn-danger,.btn-warning{width:100%;text-align:center}}.teams-content{background:#fff;padding:var(--space-5);border-radius:var(--radius-sm);border:1px solid #e2e8f0;min-height:500px}.teams-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-5)}.teams-list{border-right:1px solid #f1f5f9;padding-right:var(--space-4)}.teams-list h3{margin:0 0 var(--space-4) 0;color:#1a1a2e;font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.3px}.team-item{padding:var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-2);transition:all var(--transition-fast);border:1px solid transparent;display:flex;align-items:center;gap:var(--space-3);cursor:pointer;background:#f8fafc}.team-item:hover{background:#f1f5f9;border-color:#e2e8f0}.team-item.active{background:#eff6ff;border-color:#1e3a5f}.team-name{font-weight:var(--font-medium);color:#1a1a2e;font-size:var(--text-sm);margin-bottom:2px}.team-description{font-size:var(--text-xs);color:#64748b}.btn-edit-small{background:#1e3a5f;color:#fff;border:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);transition:all var(--transition-fast);flex-shrink:0}.btn-edit-small:hover{background:#152a45}.btn-delete-small{background:#ef4444;color:#fff;border:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);transition:all var(--transition-fast);flex-shrink:0}.btn-delete-small:hover{background:#dc2626}.team-details{padding-left:var(--space-4)}.team-details h3{margin:0 0 var(--space-4) 0;color:#1a1a2e;font-size:var(--text-base);font-weight:var(--font-semibold)}.members-table{overflow-x:auto}.members-table table{width:100%;border-collapse:collapse}.members-table th{background:#f8fafc;padding:var(--space-3);text-align:left;font-weight:var(--font-medium);color:#64748b;border-bottom:1px solid #e2e8f0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.3px}.members-table td{padding:var(--space-3);border-bottom:1px solid #f1f5f9;font-size:var(--text-sm);color:#1a1a2e}.members-table tr:hover{background:#f8fafc}.role-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium);display:inline-block;text-transform:uppercase;letter-spacing:.2px}.role-admin{background:#fef2f2;color:#dc2626}.role-pm{background:#eff6ff;color:#2563eb}.role-quality{background:#f0f9ff;color:#0369a1}.role-member{background:#ecfdf5;color:#059669}.team-type-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium);display:inline-block;text-transform:uppercase}.team-type-badge.primary{background:#eff6ff;color:#2563eb}.team-type-badge.secondary{background:#f3f4f6;color:#6b7280}@media(max-width:768px){.teams-layout{grid-template-columns:1fr}.teams-list{border-right:none;border-bottom:1px solid #e2e8f0;padding-right:0;padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.team-details{padding-left:0}.teams-content{padding:var(--space-4)}}.users-table-container{overflow-x:auto;background:#fff;border-radius:var(--radius-sm);border:1px solid #e2e8f0}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#f8fafc;padding:var(--space-3);text-align:left;font-weight:var(--font-medium);color:#64748b;border-bottom:1px solid #e2e8f0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.3px}.users-table td{padding:var(--space-3);border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:var(--text-sm);color:#1a1a2e}.users-table tr:hover{background:#f8fafc}.user-name{font-weight:var(--font-medium);color:#1a1a2e}.status-inactive{background:#fef2f2;color:#dc2626;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium);text-transform:uppercase}.header-actions{display:flex;gap:var(--space-2);align-items:center}.btn-create{background:#10b981;color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.btn-create:hover{background:#059669}.btn-edit{background:#1e3a5f;color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);transition:all var(--transition-fast)}.btn-edit:hover{background:#152a45}.btn-delete{background:#ef4444;color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);transition:all var(--transition-fast)}.btn-delete:hover{background:#dc2626}.users-table td:last-child{display:flex;gap:var(--space-2)}@media(max-width:768px){.users-table th,.users-table td{padding:var(--space-2);font-size:var(--text-xs)}.btn-edit,.btn-delete{padding:var(--space-1) var(--space-2);font-size:10px}}.waiting-tasks-page{padding:var(--space-5);max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--space-8);padding:var(--space-6);background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary-md)}.back-button{display:inline-flex;align-items:center;gap:var(--space-2);color:#ffffffe6;text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background:#ffffff26;border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-button:hover{background:#ffffff40;color:#fff}.back-button svg{transition:transform var(--transition-fast)}.back-button:hover svg{transform:translate(-3px)}.page-header h1{font-size:var(--text-2xl);color:#fff;margin:0 0 var(--space-3) 0;font-weight:var(--font-bold)}.page-description{color:#ffffffd9;font-size:var(--text-sm);margin:0}.filters-section{display:flex;gap:var(--space-5);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--space-8);padding:var(--space-5);background:var(--bg-secondary);border-radius:var(--radius-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-group label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-group select{min-width:200px;padding:var(--space-3) var(--space-4);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);transition:all var(--transition-fast)}.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.filter-group select:disabled{background:var(--bg-tertiary);cursor:not-allowed}.stats-summary{margin-left:auto;display:flex;gap:var(--space-5)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-5);background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-warning)}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;font-weight:var(--font-medium)}.loading-state,.empty-state{text-align:center;padding:var(--space-16) var(--space-5)}.empty-state .empty-icon{color:var(--border-light);margin-bottom:var(--space-5)}.empty-state h3{color:var(--text-primary);margin:0 0 var(--space-3) 0;font-weight:var(--font-semibold)}.empty-state p{color:var(--text-secondary);max-width:400px;margin:0 auto}.tasks-container{display:flex;flex-direction:column;gap:var(--space-8)}.project-group{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.project-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-inverse);padding:var(--space-4) var(--space-5);margin:0;background:var(--gradient-primary)}.tasks-list{padding:0}.waiting-task-card{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-5);padding:var(--space-5);border-bottom:1px solid var(--border-light);align-items:center;transition:background var(--transition-fast)}.waiting-task-card:hover{background:var(--bg-secondary)}.waiting-task-card:last-child{border-bottom:none}.task-main{min-width:0}.task-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.task-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-badges{display:flex;gap:var(--space-2);flex-shrink:0}.task-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:var(--leading-relaxed)}.task-meta{display:flex;gap:var(--space-5);flex-wrap:wrap}.meta-item{font-size:var(--text-sm);color:var(--text-secondary)}.meta-item strong{color:var(--text-primary);font-weight:var(--font-medium)}.dependency-info{padding:var(--space-4);background:var(--color-warning-bg);border-radius:var(--radius-md);border:1px solid var(--color-warning-border);min-width:250px}.dependency-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.dependency-icon{color:var(--color-warning-text)}.dependency-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-warning-text);text-transform:uppercase}.dependency-task{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.dependency-task-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.dependency-responsible{font-size:var(--text-xs);color:var(--text-secondary)}.task-actions{display:flex;gap:var(--space-2)}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.status-pending{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-progress{background:var(--color-info-bg);color:var(--color-info-text)}.status-blocked{background:var(--color-danger-bg);color:var(--color-danger-text)}.status-done{background:var(--color-success-bg);color:var(--color-success-text)}.priority-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.priority-high{background:var(--color-danger-bg);color:var(--color-danger)}.priority-medium{background:#ffedd5;color:#ea580c}.priority-low{background:var(--color-info-bg);color:var(--color-info)}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:none;transition:all var(--transition-fast)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary:hover{background:var(--border-light)}@media(max-width:992px){.waiting-task-card{grid-template-columns:1fr;gap:var(--space-4)}.dependency-info{min-width:auto}.task-actions{justify-content:flex-end}}@media(max-width:768px){.filters-section{flex-direction:column;align-items:stretch}.filter-group select{width:100%;min-width:auto}.stats-summary{margin-left:0;justify-content:center}.task-meta{flex-direction:column;gap:var(--space-1)}}.profile-container{min-height:100vh;background:var(--bg-page)}.profile-container .navbar{background:var(--gradient-primary);color:var(--text-inverse);padding:var(--space-4) var(--space-8);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-primary-md)}.profile-container .nav-brand{display:flex;align-items:center;gap:var(--space-4)}.profile-container .nav-brand h1{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-inverse)}.profile-container .back-link{color:var(--text-inverse);display:flex;align-items:center;opacity:.9;transition:opacity var(--transition-fast);text-decoration:none}.profile-container .back-link:hover{opacity:1;color:var(--text-inverse)}.profile-container .nav-user{display:flex;align-items:center;gap:var(--space-4)}.profile-container .btn-logout{background:#fff3;color:var(--text-inverse);border:1px solid rgba(255,255,255,.3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);font-weight:var(--font-medium)}.profile-container .btn-logout:hover{background:#ffffff4d}.profile-content{max-width:500px;margin:var(--space-8) auto;padding:0 var(--space-4)}.profile-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8)}.avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-6)}.avatar-container{width:120px;height:120px;border-radius:var(--radius-full);overflow:hidden;cursor:pointer;position:relative;border:4px solid var(--border-light);transition:border-color var(--transition-fast)}.avatar-container:hover{border-color:var(--color-primary)}.avatar-container.loading{pointer-events:none}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--gradient-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-4xl);font-weight:var(--font-semibold)}.avatar-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-inverse);opacity:0;transition:opacity var(--transition-fast)}.avatar-container:hover .avatar-overlay{opacity:1}.avatar-overlay span{font-size:var(--text-xs);margin-top:var(--space-1)}.avatar-loading{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center}.spinner{width:30px;height:30px;border:3px solid var(--border-light);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-delete-avatar{margin-top:var(--space-3);background:none;border:none;color:var(--color-danger);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.btn-delete-avatar:hover{text-decoration:underline}.btn-delete-avatar:disabled{opacity:.5;cursor:not-allowed}.user-info{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light)}.user-email{margin:0 0 var(--space-2);color:var(--text-primary);font-size:var(--text-base)}.user-role{display:inline-block;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.user-teams{margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm)}.message.success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.message.error{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.profile-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.form-group input{padding:var(--space-3) var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-divider{display:flex;align-items:center;margin:var(--space-2) 0;color:var(--text-muted);font-size:var(--text-sm)}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.form-divider span{padding:0 var(--space-4)}.btn-save{background:var(--gradient-primary);color:var(--text-inverse);border:none;padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-top:var(--space-2)}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-primary-md)}.btn-save:disabled{opacity:.7;cursor:not-allowed}.google-calendar-section{margin-top:var(--space-6)}.integration-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-top:var(--space-4)}.integration-icon{flex-shrink:0}.integration-info{flex:1}.integration-info h4{margin:0 0 var(--space-1);font-size:var(--text-base);color:var(--text-primary)}.integration-info p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.integration-action{flex-shrink:0}.btn-connect-google{padding:var(--space-2) var(--space-4);background:#4285f4;color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast)}.btn-connect-google:hover{background:#3367d6}.btn-disconnect-google{padding:var(--space-2) var(--space-4);background:none;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-disconnect-google:hover{background:var(--color-danger);color:var(--text-inverse)}.spinner-small{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:#4285f4;border-radius:var(--radius-full);animation:spin .8s linear infinite}@media(max-width:600px){.profile-content{margin:var(--space-4) auto}.profile-card{padding:var(--space-6)}.avatar-container{width:100px;height:100px}.avatar-placeholder{font-size:var(--text-3xl)}.profile-container .navbar{padding:var(--space-3) var(--space-4);flex-direction:column;gap:var(--space-3)}.profile-container .nav-brand h1{font-size:var(--text-xl)}}.support-page-container{min-height:100vh;background:#0f172a}.support-navbar{background:linear-gradient(135deg,#059669,#10b981);padding:var(--space-4) var(--space-6);box-shadow:0 4px 16px #10b98140;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:var(--z-sticky)}.support-navbar .nav-left{display:flex;align-items:center;gap:var(--space-6)}.support-navbar .nav-back-link{display:flex;align-items:center;gap:var(--space-2);color:#ffffffe6;text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);background:#ffffff26;border-radius:var(--radius-md);transition:all var(--transition-fast)}.support-navbar .nav-back-link:hover{background:#ffffff40;color:#fff}.support-navbar .nav-brand{display:flex;align-items:center;gap:var(--space-3);color:#fff}.support-navbar .nav-brand h1{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0;color:#fff}.support-navbar .nav-user{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:#ffffff26;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2)}.support-navbar .user-profile-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast)}.support-navbar .user-profile-link:hover{background:#ffffff1a}.support-navbar .user-profile-link span{font-size:var(--text-sm);font-weight:var(--font-medium)}.support-navbar .user-avatar-small{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;border:2px solid rgba(255,255,255,.5)}.support-navbar .user-avatar-placeholder-small{width:32px;height:32px;border-radius:var(--radius-full);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;border:2px solid rgba(255,255,255,.5)}.support-navbar .btn-logout{background:#dc3545e6;color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);transition:all var(--transition-fast)}.support-navbar .btn-logout:hover{background:#c82333;transform:translateY(-1px)}.support-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.support-page-header{margin-bottom:var(--space-6)}.support-page-header h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#f1f5f9;margin:0 0 var(--space-2) 0}.support-page-header p{color:#94a3b8;margin:0;font-size:var(--text-sm)}.support-loading{display:flex;align-items:center;justify-content:center;height:300px;color:#94a3b8;font-size:var(--text-base)}.support-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid #334155;padding-bottom:var(--space-3)}.tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:#94a3b8;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{background:#334155;color:#f1f5f9}.tab-btn.active{background:#3b82f6;color:#fff}.tab-badge{background:var(--color-danger);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px var(--space-2);border-radius:var(--radius-lg);min-width:18px;text-align:center}.support-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.support-stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:#1e293b;border-radius:var(--radius-lg);border:1px solid #334155}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-icon.channels{background:#3b82f626;color:#3b82f6}.stat-icon.active{background:#22c55e26;color:#22c55e}.stat-icon.waiting{background:#eab30826;color:#eab308}.stat-icon.unread{background:#ef444426;color:#ef4444}.stat-icon.total{background:#6366f126;color:#6366f1}.stat-icon.closed{background:#22c55e26;color:#22c55e}.stat-icon.escalated{background:#ef444426;color:#ef4444}.stat-icon.ai{background:#8b5cf626;color:#a78bfa}.stat-icon.agent{background:#3b82f626;color:#3b82f6}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#f1f5f9}.stat-label{font-size:var(--text-xs);color:#94a3b8}.support-dashboard-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6)}.support-section{background:#1e293b;border-radius:var(--radius-lg);border:1px solid #334155;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid #334155}.section-header h3{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:#f1f5f9}.btn-link{background:none;border:none;color:#3b82f6;font-size:var(--text-xs);cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.recent-sessions-list{padding:var(--space-2)}.recent-session-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.recent-session-item:hover{background:#334155}.recent-session-item .session-avatar{width:36px;height:36px;background:#475569;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#f1f5f9;font-weight:var(--font-semibold);font-size:var(--text-sm)}.recent-session-item .session-details{flex:1;display:flex;flex-direction:column}.recent-session-item .session-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:#f1f5f9}.recent-session-item .session-project{font-size:var(--text-xs);color:#64748b}.recent-session-item .session-status{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);font-weight:var(--font-medium)}.recent-session-item .session-status.active{background:#22c55e26;color:#22c55e}.recent-session-item .session-status.waiting{background:#eab30826;color:#eab308}.channels-list{padding:var(--space-2)}.channel-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.channel-item:hover{background:#334155}.channel-info{display:flex;flex-direction:column}.channel-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:#f1f5f9}.channel-project{font-size:var(--text-xs);color:#64748b}.channel-badges{display:flex;gap:var(--space-2)}.badge{font-size:10px;padding:3px var(--space-2);border-radius:var(--radius-lg);font-weight:var(--font-semibold)}.badge.ai{background:#8b5cf633;color:#a78bfa}.badge.active{background:#22c55e26;color:#22c55e}.badge.inactive{background:#64748b33;color:#94a3b8}.no-data{padding:var(--space-6);text-align:center;color:#64748b;font-size:var(--text-sm)}.support-channels-page .page-header{margin-bottom:var(--space-6)}.support-channels-page .page-header h3{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:#f1f5f9}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.channel-card{background:#1e293b;border:1px solid #334155;border-radius:var(--radius-lg);overflow:hidden}.channel-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid #334155;background:#0f172a}.channel-card-header h4{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:#f1f5f9}.status-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-weight:var(--font-semibold)}.status-badge.active{background:#22c55e26;color:#22c55e}.status-badge.inactive{background:#64748b33;color:#94a3b8}.channel-card-body{padding:var(--space-4) var(--space-5)}.channel-detail{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid #334155}.channel-detail:last-child{border-bottom:none}.channel-detail .label{color:#64748b;font-size:var(--text-xs)}.channel-detail .value{color:#f1f5f9;font-size:var(--text-xs);font-weight:var(--font-medium)}.channel-card-footer{padding:var(--space-3) var(--space-5);border-top:1px solid #334155;background:#0f172a}.btn-secondary{width:100%;padding:var(--space-3) var(--space-4);background:#334155;border:none;border-radius:var(--radius-md);color:#f1f5f9;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast)}.btn-secondary:hover{background:#475569}.support-sessions-page{background:#1e293b;border-radius:var(--radius-lg);border:1px solid #334155;height:calc(100vh - 280px);min-height:500px;overflow:hidden}.support-sessions-page .support-panel{height:100%}.support-channel-config-page{position:relative}.btn-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#334155;border:none;border-radius:var(--radius-md);color:#f1f5f9;font-size:var(--text-sm);cursor:pointer;margin-bottom:var(--space-5);transition:background var(--transition-fast)}.btn-back:hover{background:#475569}.dashboard-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--space-2);background:#1e293b;border-radius:var(--radius-md);padding:var(--space-1);border:1px solid #334155}.filter-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:#94a3b8;padding:0 var(--space-3);white-space:nowrap}.filter-select{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);background:#334155;border:none;border-radius:var(--radius-md);color:#f1f5f9;font-size:var(--text-xs);font-weight:var(--font-medium);min-width:180px;cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.filter-select:hover{background-color:#475569}.filter-select:focus{outline:none;background-color:#3b82f6;color:#fff}.filter-select option{background:#1e293b;color:#f1f5f9;padding:var(--space-2)}.period-selector{display:flex;gap:var(--space-1);background:#1e293b;border-radius:var(--radius-md);padding:var(--space-1);border:1px solid #334155}.period-btn{padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:#94a3b8;font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.period-btn:hover{color:#f1f5f9}.period-btn.active{background:#3b82f6;color:#fff}.stats-section{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:#f1f5f9;margin:0 0 var(--space-4) 0}.dashboard-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.performance-section{background:#1e293b;border-radius:var(--radius-lg);border:1px solid #334155;padding:var(--space-5)}.performance-cards{display:flex;gap:var(--space-4)}.performance-card{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#0f172a;border-radius:var(--radius-md)}.perf-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:#3b82f626;color:#3b82f6}.perf-icon.resolution{background:#22c55e26;color:#22c55e}.perf-content{display:flex;flex-direction:column}.perf-label{font-size:var(--text-xs);color:#94a3b8;margin-bottom:var(--space-1)}.perf-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:#f1f5f9}.satisfaction-section{background:#1e293b;border-radius:var(--radius-lg);border:1px solid #334155;padding:var(--space-5)}.satisfaction-content{display:flex;gap:var(--space-6)}.nps-display{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px}.nps-score{font-size:48px;font-weight:var(--font-extrabold);line-height:1}.nps-label{font-size:var(--text-sm);color:#64748b;margin-top:var(--space-1)}.nps-status{font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:var(--space-1)}.ratings-breakdown{flex:1}.rating-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.rating-stars{font-size:var(--text-xs);color:#eab308;width:70px}.rating-bar{flex:1;height:8px;background:#334155;border-radius:var(--radius-sm);overflow:hidden}.rating-fill{height:100%;border-radius:var(--radius-sm);transition:width var(--transition-slow)}.rating-count{font-size:var(--text-xs);color:#94a3b8;min-width:24px;text-align:right}.total-ratings{margin-top:var(--space-2);font-size:var(--text-xs);color:#64748b;text-align:right}.agents-section{background:#1e293b;border-radius:var(--radius-lg);border:1px solid #334155;padding:var(--space-5);margin-bottom:var(--space-8)}.agents-table-container{overflow-x:auto}.agents-table{width:100%;border-collapse:collapse}.agents-table th,.agents-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid #334155}.agents-table th{font-size:var(--text-xs);font-weight:var(--font-semibold);color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.agents-table td{font-size:var(--text-sm);color:#f1f5f9}.agent-cell{display:flex;align-items:center;gap:var(--space-3)}.agent-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:#475569;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-semibold);color:#f1f5f9}.satisfaction-cell{display:flex;align-items:center;gap:var(--space-2)}.rating-stars-small{font-size:var(--text-xs);color:#eab308}.rating-value{font-size:var(--text-xs);color:#94a3b8}.session-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.session-resolver{font-size:10px;padding:3px var(--space-2);border-radius:var(--radius-lg);font-weight:var(--font-semibold)}.session-resolver.ai{background:#8b5cf633;color:#a78bfa}.session-resolver.agent{background:#3b82f626;color:#3b82f6}.session-duration{font-size:var(--text-xs);color:#64748b}.session-rating{font-size:var(--text-xs);color:#eab308}.channels-stats-list{padding:var(--space-2)}.channel-stats-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.channel-stats-item:hover{background:#334155}.channel-metrics{display:flex;gap:var(--space-5)}.metric{display:flex;flex-direction:column;align-items:center}.metric-value{font-size:var(--text-base);font-weight:var(--font-bold);color:#f1f5f9}.metric-label{font-size:10px;color:#64748b;text-transform:uppercase}.trend-section{background:#1e293b;border-radius:var(--radius-lg);border:1px solid #334155;padding:var(--space-5);margin-top:var(--space-8)}.trend-chart{margin-top:var(--space-4)}.trend-bars{display:flex;align-items:flex-end;justify-content:space-around;height:150px;padding:0 var(--space-5)}.trend-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.trend-bar{width:40px;background:linear-gradient(180deg,#3b82f6,#6366f1);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--space-2);transition:height var(--transition-slow);min-height:20px}.bar-value{font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff}.bar-label{font-size:var(--text-xs);color:#94a3b8;margin-top:var(--space-2);text-transform:capitalize}@media(max-width:1024px){.dashboard-row{grid-template-columns:1fr}.satisfaction-content{flex-direction:column;align-items:center}.nps-display{margin-bottom:var(--space-4)}}@media(max-width:768px){.support-page{padding:var(--space-4)}.support-page-header h1{font-size:var(--text-xl)}.support-tabs{flex-wrap:wrap}.tab-btn{flex:1;justify-content:center;min-width:100px}.support-stats-grid{grid-template-columns:repeat(2,1fr)}.support-dashboard-sections,.channels-grid{grid-template-columns:1fr}.support-sessions-page{height:calc(100vh - 320px)}.support-navbar{flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.support-navbar .nav-left{width:100%;justify-content:space-between}.support-navbar .nav-brand h1{font-size:var(--text-base)}.support-navbar .nav-user{width:100%;justify-content:center;padding:var(--space-2) var(--space-3)}.support-navbar .btn-logout{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.dashboard-controls,.filter-group{flex-direction:column;align-items:stretch}.filter-select{width:100%}.period-selector{justify-content:center}.performance-cards{flex-direction:column}.trend-bar{width:30px}.agents-table th,.agents-table td{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.channel-metrics{gap:var(--space-3)}}.app-layout{display:flex;min-height:100vh;transition:padding-right var(--transition-slow)}.app-main-content{flex:1;min-width:0;transition:margin-right var(--transition-slow);padding-bottom:var(--footer-height)}.app-layout.calendar-pinned .app-main-content{margin-right:var(--sidebar-width)}.app-layout.calendar-pinned .navbar,.app-layout.calendar-pinned .dashboard-navbar{position:sticky;top:0;width:calc(100% + var(--sidebar-width));margin-right:calc(-1 * var(--sidebar-width));padding-right:calc(var(--space-6) + var(--sidebar-width));transition:all var(--transition-slow)}.app-layout.chat-pinned .app-main-content{margin-left:var(--sidebar-width)}.app-layout.chat-pinned .navbar,.app-layout.chat-pinned .dashboard-navbar{position:sticky;top:0;width:calc(100% + var(--sidebar-width));margin-left:calc(-1 * var(--sidebar-width));padding-left:calc(var(--space-6) + var(--sidebar-width));transition:all var(--transition-slow)}.app-layout.calendar-pinned.chat-pinned .app-main-content{margin-left:var(--sidebar-width);margin-right:var(--sidebar-width)}.app-layout.calendar-pinned.chat-pinned .navbar,.app-layout.calendar-pinned.chat-pinned .dashboard-navbar{width:calc(100% + var(--sidebar-width) * 2);margin-left:calc(-1 * var(--sidebar-width));margin-right:calc(-1 * var(--sidebar-width));padding-left:calc(var(--space-6) + var(--sidebar-width));padding-right:calc(var(--space-6) + var(--sidebar-width))}@media(max-width:768px){.app-layout.calendar-pinned .app-main-content,.app-layout.chat-pinned .app-main-content,.app-layout.calendar-pinned.chat-pinned .app-main-content{margin-left:0;margin-right:0}.app-layout.calendar-pinned .navbar,.app-layout.calendar-pinned .dashboard-navbar,.app-layout.chat-pinned .navbar,.app-layout.chat-pinned .dashboard-navbar,.app-layout.calendar-pinned.chat-pinned .navbar,.app-layout.calendar-pinned.chat-pinned .dashboard-navbar{width:100%;margin-left:0;margin-right:0;padding-left:var(--space-6);padding-right:var(--space-6)}}.custom-kpis-container{margin-top:var(--space-5);padding:var(--space-5);background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px dashed var(--border-light)}.custom-kpi-row{display:grid;grid-template-columns:80px 1fr 150px 50px;gap:var(--space-3);margin-bottom:var(--space-3);align-items:center;background:var(--bg-primary);padding:var(--space-4);border-radius:var(--radius-lg);border:var(--border-width-2) solid var(--border-light);transition:all var(--transition-slow)}.custom-kpi-row:hover{border-color:var(--color-primary);box-shadow:var(--shadow-primary-sm)}.kpi-icon-selector select{width:100%;padding:var(--space-3);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-lg);cursor:pointer;background:var(--bg-primary);transition:all var(--transition-slow)}.kpi-icon-selector select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.kpi-input{width:100%;padding:var(--space-3);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-slow)}.kpi-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.kpi-input::placeholder{color:var(--text-muted)}.btn-remove-kpi{background:var(--color-danger-bg);color:var(--color-danger-text);border:var(--border-width-2) solid var(--color-danger-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xl);padding:var(--space-3);transition:all var(--transition-slow);display:flex;align-items:center;justify-content:center;width:44px;height:44px}.btn-remove-kpi:hover{background:var(--color-danger-border);transform:scale(1.1)}.btn-add-kpi{width:100%;padding:var(--space-4) var(--space-5);background:var(--gradient-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-bold);transition:all var(--transition-slow);margin-top:var(--space-3);letter-spacing:.5px;box-shadow:var(--shadow-primary-md)}.btn-add-kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.form-section-divider{margin:var(--space-8) 0 var(--space-5) 0;padding-top:var(--space-6);border-top:var(--border-width-2) solid var(--border-light)}.form-section-divider h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:var(--font-bold)}.global-shake{animation:shake .6s ease-in-out}.app-footer{position:fixed;bottom:0;left:0;right:0;height:var(--footer-height);background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;gap:var(--space-5);font-size:11px;color:#fff9;z-index:var(--z-fixed);border-top:1px solid rgba(255,255,255,.1)}.app-footer span{display:flex;align-items:center;gap:var(--space-1)}.app-footer strong{color:#ffffffe6;font-weight:var(--font-semibold)}.app-footer a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.app-footer a:hover{color:var(--color-primary-light);text-decoration:underline}.app-footer-version{background:rgba(var(--color-primary-rgb),.2);color:var(--color-primary-light);padding:2px var(--space-2);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:10px}@media(max-width:600px){.app-footer{gap:var(--space-3);font-size:10px;padding:0 var(--space-3)}.app-footer-version{font-size:9px;padding:2px var(--space-2)}}@media(max-width:768px){.custom-kpi-row{grid-template-columns:1fr;gap:var(--space-2)}.btn-remove-kpi{width:100%;height:auto;padding:var(--space-3)}}