@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=Cascadia+Mono:ital,wght@0,200..700;1,200..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:var(--font-family-sans);background-color:var(--color-bg);color:var(--color-text-primary);height:100vh;overflow:hidden}select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text-primary);transition:all var(--duration-fast) var(--ease-out);font-size:var(--font-size-sm)}input[type=checkbox]{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;width:18px;height:18px;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);background-color:var(--color-card-bg);cursor:pointer;position:relative;vertical-align:middle;transition:all var(--duration-fast) var(--ease-out)}input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px var(--color-border-focus)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--icon-dropdown-arrow);background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:var(--spacing-4xl)}select:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-border-focus)}select:disabled{opacity:.6;cursor:not-allowed}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}main{flex:1;position:relative;width:100%;overflow-y:auto}dialog{border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:0;width:90%;max-width:900px;max-height:90vh;overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;background-color:var(--color-card-bg);z-index:var(--z-modal);color:var(--color-text-primary)}dialog::backdrop{background-color:var(--color-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border-radius:6px;background-color:var(--color-card-bg);border:1px solid var(--color-border-medium);color:var(--color-text-primary);font-size:1rem;transition:all .3s ease}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--icon-dropdown-arrow);background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2em;padding-right:2.5rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#9b6dff;box-shadow:0 0 0 2px var(--color-border-focus)}.form-group textarea{min-height:150px;resize:vertical;line-height:1.6}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#9b6dff;box-shadow:0 0 0 2px #9b6dff33;background:var(--color-card-bg)}.form-group input::placeholder,.form-group textarea::placeholder{color:#6c6d80}.form-group select:focus{outline:none;border-color:#9b6dff;box-shadow:0 0 0 2px #9b6dff33;background-color:var(--color-card-bg)}.form-group select option{background-color:var(--color-bg);color:var(--color-text-primary);padding:1rem}.modal-content{display:flex;flex-direction:column;height:100%;max-height:90vh;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-2xl);border-bottom:1px solid var(--color-border);background-color:var(--color-card-bg)}.modal-header h2{margin:0;font-size:var(--font-size-2xl);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.modal-body{padding:var(--spacing-2xl);overflow-y:auto;flex:1}.info-section{margin-bottom:28px}.info-section h3{margin-top:0;margin-bottom:18px;font-size:1.2rem;color:var(--color-text-muted);font-weight:500;border-bottom:1px solid var(--color-border-light);padding-bottom:8px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.horizontal-fields{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start}.info-item{display:flex;flex-direction:column;margin-bottom:4px}.horizontal-fields .info-item{flex:1;min-width:40%}.horizontal-fields .info-item .toggle-container{margin-top:.5rem}.info-item.full-width{grid-column:span 2;display:grid;grid-template-columns:180px 1fr;align-items:start;gap:15px}.info-item label{font-size:.9rem;margin-bottom:6px;color:var(--color-text-secondary);font-weight:500}.info-item.full-width label{margin-bottom:0;padding-top:10px}.info-item input,.info-item select,.info-item textarea{padding:10px 12px;border:1px solid var(--color-border-medium);border-radius:4px;background-color:var(--color-card-bg);color:var(--color-text-primary);font-size:14px;transition:all .2s ease}.info-item.full-width textarea{min-height:100px}.info-item input:focus,.info-item select:focus,.info-item textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-border-focus);background-color:var(--color-card-bg)}.info-item input:hover,.info-item select:hover,.info-item textarea:hover{border-color:var(--color-border-medium)}.info-item span:not(.toggle-label){font-size:14px;padding:10px 0;color:var(--color-text-secondary)}.info-item textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;border-top:1px solid var(--color-border-light);padding-top:20px}.toggle-container{display:flex;align-items:center;gap:12px;margin-top:8px}.toggle-label{font-size:.9rem;color:var(--color-text-secondary)}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--color-card-bg);transition:.4s;border-radius:26px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:var(--color-bg);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-primary)}input:focus+.slider{box-shadow:0 0 1px var(--color-primary)}input:checked+.slider:before{transform:translate(24px)}@media (width <=768px){dialog{width:95%;max-height:95vh}.info-grid{grid-template-columns:1fr}.info-item.full-width{grid-column:auto}.modal-actions{flex-direction:column-reverse;width:100%}.modal-actions button{width:100%}}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-3xl);background:var(--color-nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:var(--z-header)}.nav-brand{font-weight:700;font-size:1.2rem}.nav-brand a{background:linear-gradient(90deg,#9b6dff,#4cc9f0);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;font-weight:700}.nav-links{display:flex;gap:1.5rem;align-items:center;cursor:pointer}.nav-links a{color:var(--color-text-secondary);text-decoration:none;transition:all .3s ease;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full)}.dropdown-links a{display:block;padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease}.nav-links a:hover{color:var(--color-text-primary);background:var(--color-card-hover)}.user-section{display:flex;align-items:center;gap:var(--spacing-md)}.user-section .ui-button{margin:-6px}.icon-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out)}.icon-button .icon{width:22px;height:22px}.icon-button:hover{color:var(--color-text-primary)}.user-avatar-container{position:relative}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary-diagonal);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.user-avatar.error{background:linear-gradient(135deg,var(--color-status-canceled),var(--color-critical));animation:pulse-error 2s infinite}@keyframes pulse-error{0%{box-shadow:0 0 0 0 var(--color-avatar-error-shadow)}70%{box-shadow:0 0 0 10px var(--color-avatar-error-shadow-transparent)}to{box-shadow:0 0 0 0 var(--color-avatar-error-shadow-transparent)}}.user-avatar:hover{opacity:.9}.user-avatar span{color:#fff;font-weight:600;font-size:.875rem;text-transform:uppercase}.avatar-spinner{width:20px;height:20px;border:2px solid var(--glass-border);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.avatar-error{font-size:1.2rem;color:#fff;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.dropdown-menu{position:absolute;top:calc(100% + var(--spacing-sm));right:0;min-width:200px;background:var(--color-card-bg);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;transition:all .3s ease;transform-origin:top right;transform:scale(.95);opacity:0;visibility:hidden;z-index:var(--z-dropdown)}.dropdown-menu.open{transform:scale(1);opacity:1;visibility:visible}.dropdown-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.dropdown-username{font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:block}.dropdown-error{padding:15px;background-color:var(--color-critical-light);border-bottom:1px solid var(--color-critical);text-align:center}.dropdown-error p{color:#ff3b30;margin:0 0 10px;font-size:.9rem}.retry-button{background-color:#ff3b30;color:#fff;border:none;padding:5px 15px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.retry-button:hover{background-color:#ff6b6b;transform:translateY(-1px)}.dropdown-links{padding:var(--spacing-sm) 0}.dropdown-links a:hover{background:var(--color-card-hover);color:var(--color-text-primary)}.dropdown-admin-section{margin-top:5px}.dropdown-section-header{padding:10px 15px;color:gold;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.dropdown-divider{height:1px;background:var(--color-border-light);margin:var(--spacing-xs) 0}.dropdown-logout{display:block;padding:10px 15px;color:#ff6b6b;text-decoration:none;transition:all .2s ease;cursor:pointer}.dropdown-logout:hover{background:var(--color-critical-light)}.onboarding-notice{padding:.75rem 1rem;background:#4cc9f01a;border-radius:6px;margin:.5rem 0;border:1px solid rgba(76,201,240,30%)}.onboarding-notice p{margin:0;font-size:.875rem;color:var(--color-primary, #4cc9f0);text-align:center}.dropdown-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}table{width:100%;border-collapse:collapse;background-color:var(--color-card-bg)}th{background-color:var(--color-bg-secondary);padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:10}th:hover{background-color:var(--color-surface-hover)}td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);vertical-align:top;align-content:center}tr:hover{background-color:var(--color-card-hover)}.table-container{flex:1;overflow:auto;background-color:var(--color-card-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border)}@media (width <=768px){.main-nav{padding:1rem}.dropdown-menu{width:90vw;max-width:300px;right:-10px}}.welcome-container{margin:0;padding:0;font-family:var(--font-family-sans);color:var(--color-text-primary);background:var(--gradient-bg-dark);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;overflow-x:hidden;line-height:var(--line-height-relaxed)}.welcome-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 10%,var(--color-primary-light),transparent 80%);opacity:.08;z-index:1;pointer-events:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hero-section{width:100%;max-width:var(--container-xl);padding:var(--spacing-6xl) var(--spacing-3xl);text-align:center;position:relative;z-index:2}.hero-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3xl)}.hero-icon{display:flex;justify-content:center;align-items:center}.hero-icon .agent-you-icon{display:inline-block;width:var(--spacing-6xl);height:var(--spacing-6xl);background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='48px'%20height='48px'%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20id='gradientPrimary'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%239b6dff'%20/%3e%3cstop%20offset='100%25'%20stop-color='%234cc9f0'%20/%3e%3c/linearGradient%3e%3cfilter%20id='glow'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeGaussianBlur%20stdDeviation='2'%20result='blur'%20/%3e%3cfeComposite%20in='SourceGraphic'%20in2='blur'%20operator='over'%20/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23glow)'%3e%3c!--%20Stylized%20head%20shape%20--%3e%3cpath%20d='M24,4%20C14,4%2010,12%2010,20%20C10,28%2014,36%2024,36%20C34,36%2038,28%2038,20%20C38,12%2034,4%2024,4%20Z'%20fill='url(%23gradientPrimary)'%20/%3e%3c!--%20Abstract%20circuit/neural%20network%20pattern%20--%3e%3cpath%20d='M18,16%20L24,14%20L30,16%20M18,16%20L16,22%20M30,16%20L32,22%20M16,22%20L20,26%20M32,22%20L28,26%20M20,26%20L24,28%20L28,26'%20stroke='white'%20stroke-width='1'%20opacity='0.5'%20fill='none'%20/%3e%3c!--%20Central%20dot%20representing%20the%20'You'%20-%20personalization%20--%3e%3ccircle%20cx='24'%20cy='21'%20r='2.5'%20fill='white'%20opacity='0.7'%20/%3e%3c!--%20Radiating%20pulse%20(agent%20activity/responsiveness)%20--%3e%3ccircle%20cx='24'%20cy='21'%20r='4'%20stroke='white'%20stroke-width='0.5'%20opacity='0.3'%20fill='none'%20/%3e%3ccircle%20cx='24'%20cy='21'%20r='6'%20stroke='white'%20stroke-width='0.3'%20opacity='0.2'%20fill='none'%20/%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;filter:var(--drop-shadow-glow);animation:gentleFloat 4s ease-in-out infinite}.hero-title{font-size:clamp(3rem,6vw,4.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);background:var(--gradient-primary-diagonal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;max-width:900px}.hero-divider{width:var(--spacing-6xl);height:var(--spacing-xs);background:var(--gradient-primary);border-radius:var(--radius-full);margin:0 auto}.hero-subtitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-light);color:var(--color-text-secondary);max-width:800px;line-height:var(--line-height-relaxed);margin:0 auto}.hero-tagline{margin:var(--spacing-lg) 0}.hero-tagline span{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-primary);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.hero-tagline span:before{content:"✨";font-size:1.2em}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.cta-unauthenticated{display:flex;flex-direction:row;gap:var(--spacing-lg);align-items:center}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.value-proposition{width:100%;max-width:var(--container-xl);padding:var(--spacing-6xl) var(--spacing-3xl);position:relative;z-index:2}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4xl);margin:0 auto}.value-card{text-align:center;padding:var(--spacing-3xl);background:var(--glass-bg-light);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);transition:all var(--duration-normal) var(--ease-out)}.value-card:hover{transform:translateY(-2px);background:var(--glass-bg-strong);border-color:var(--color-border-light);box-shadow:var(--shadow-xl)}.value-icon{font-size:2.5rem;margin-bottom:var(--spacing-xl);filter:var(--drop-shadow-glow)}.value-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.value-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.features-showcase{width:100%;max-width:var(--container-xl);padding:var(--spacing-6xl) var(--spacing-3xl);position:relative;z-index:2}.section-header{text-align:center;margin-bottom:var(--spacing-6xl)}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);background:var(--gradient-primary-diagonal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4xl);margin:0 auto}.feature-card{background:var(--glass-bg-medium);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border-hover);border-radius:var(--radius-2xl);padding:var(--spacing-4xl);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:320px}.feature-card:hover{transform:translateY(-3px);background:var(--glass-bg-strong);border-color:var(--color-border-medium);box-shadow:var(--shadow-2xl)}.feature-card.featured{background:var(--gradient-card);border:1px solid var(--color-border-medium);box-shadow:var(--shadow-xl)}.feature-card.featured:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl);border-color:var(--color-border-active)}.feature-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.feature-icon{font-size:2.5rem;filter:var(--drop-shadow-glow)}.feature-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.feature-badge.premium{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.feature-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);flex-grow:1}.trust-section{width:100%;max-width:var(--container-xl);padding:var(--spacing-6xl) var(--spacing-3xl);position:relative;z-index:2}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4xl);margin:0 auto}.trust-card{text-align:center;padding:var(--spacing-3xl);background:var(--glass-bg-light);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);transition:all var(--duration-normal) var(--ease-out)}.trust-card:hover{transform:translateY(-2px);background:var(--glass-bg-strong);border-color:var(--color-border-light);box-shadow:var(--shadow-xl)}.trust-icon{font-size:2.5rem;margin-bottom:var(--spacing-xl);color:var(--color-secondary);filter:drop-shadow(var(--glow-secondary))}.trust-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.trust-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.final-cta-section{width:100%;max-width:var(--container-xl);padding:var(--spacing-6xl) var(--spacing-3xl);position:relative;z-index:2}.cta-authenticated-final,.cta-unauthenticated-final{text-align:center;padding:var(--spacing-6xl) var(--spacing-4xl);background:var(--cta-bg-gradient);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--color-border-light);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl)}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.cta-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-4xl);line-height:var(--line-height-relaxed)}.cta-buttons{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.welcome-footer{width:100%;max-width:var(--container-xl);padding:var(--spacing-6xl) var(--spacing-3xl) var(--spacing-4xl);position:relative;z-index:2;border-top:1px solid var(--glass-border);margin-top:var(--spacing-6xl)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3xl)}.footer-links{display:flex;justify-content:center;gap:var(--spacing-4xl);flex-wrap:wrap}.footer-link{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--duration-normal) var(--ease-out);cursor:pointer}.footer-link:hover{color:var(--color-primary)}.footer-brand{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-agent-you-icon{display:inline-block;width:var(--spacing-3xl);height:var(--spacing-3xl);background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='48px'%20height='48px'%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20id='gradientPrimary'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%239b6dff'%20/%3e%3cstop%20offset='100%25'%20stop-color='%234cc9f0'%20/%3e%3c/linearGradient%3e%3cfilter%20id='glow'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeGaussianBlur%20stdDeviation='2'%20result='blur'%20/%3e%3cfeComposite%20in='SourceGraphic'%20in2='blur'%20operator='over'%20/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23glow)'%3e%3c!--%20Stylized%20head%20shape%20--%3e%3cpath%20d='M24,4%20C14,4%2010,12%2010,20%20C10,28%2014,36%2024,36%20C34,36%2038,28%2038,20%20C38,12%2034,4%2024,4%20Z'%20fill='url(%23gradientPrimary)'%20/%3e%3c!--%20Abstract%20circuit/neural%20network%20pattern%20--%3e%3cpath%20d='M18,16%20L24,14%20L30,16%20M18,16%20L16,22%20M30,16%20L32,22%20M16,22%20L20,26%20M32,22%20L28,26%20M20,26%20L24,28%20L28,26'%20stroke='white'%20stroke-width='1'%20opacity='0.5'%20fill='none'%20/%3e%3c!--%20Central%20dot%20representing%20the%20'You'%20-%20personalization%20--%3e%3ccircle%20cx='24'%20cy='21'%20r='2.5'%20fill='white'%20opacity='0.7'%20/%3e%3c!--%20Radiating%20pulse%20(agent%20activity/responsiveness)%20--%3e%3ccircle%20cx='24'%20cy='21'%20r='4'%20stroke='white'%20stroke-width='0.5'%20opacity='0.3'%20fill='none'%20/%3e%3ccircle%20cx='24'%20cy='21'%20r='6'%20stroke='white'%20stroke-width='0.3'%20opacity='0.2'%20fill='none'%20/%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7}.footer-text{font-weight:var(--font-weight-medium)}.fade-in-up{opacity:0;transform:translateY(var(--spacing-4xl));animation:fadeInUp .8s var(--ease-out) forwards}.fade-in-up:nth-child(1){animation-delay:.1s}.fade-in-up:nth-child(2){animation-delay:.2s}.fade-in-up:nth-child(3){animation-delay:.3s}.fade-in-up:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.page-transition-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg);opacity:0;z-index:100;visibility:hidden;transition:opacity var(--duration-slow) var(--ease-out)}.page-transition-overlay.active{opacity:1;visibility:visible}@media (max-width: 768px){.hero-section{padding:var(--spacing-5xl) var(--spacing-xl)}.hero-title{font-size:clamp(2rem,8vw,2.8rem)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-tagline span{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-xl)}.value-proposition,.features-showcase,.trust-section,.final-cta-section{padding:var(--spacing-5xl) var(--spacing-xl)}.value-grid,.features-grid,.trust-grid{grid-template-columns:1fr;gap:var(--spacing-3xl)}.section-title{font-size:var(--font-size-2xl)}.section-subtitle{font-size:var(--font-size-base)}.cta-authenticated-final,.cta-unauthenticated-final{padding:var(--spacing-4xl) var(--spacing-xl)}.cta-title{font-size:var(--font-size-2xl)}.cta-description{font-size:var(--font-size-base)}.footer-links{flex-direction:column;gap:var(--spacing-xl);text-align:center}}@media (max-width: 480px){.hero-section{padding:var(--spacing-4xl) var(--spacing-lg)}.hero-title{font-size:clamp(1.8rem,10vw,2.2rem)}.hero-subtitle{font-size:var(--font-size-base)}.hero-icon .agent-you-icon{width:var(--spacing-5xl);height:var(--spacing-5xl)}.value-proposition,.features-showcase,.trust-section,.final-cta-section{padding:var(--spacing-4xl) var(--spacing-lg)}.value-card,.feature-card,.trust-card{padding:var(--spacing-xl);min-height:auto}.cta-unauthenticated{gap:var(--spacing-md)}.footer-brand{flex-direction:column;gap:var(--spacing-sm);text-align:center}}.hero-cta ui-button:focus,.cta-buttons ui-button:focus,.footer-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.feature-card,.value-card,.trust-card{will-change:transform}.feature-card:hover,.value-card:hover,.trust-card:hover{will-change:auto}@media print{.page-transition-overlay,.hero-cta,.cta-buttons{display:none!important}.welcome-container{background:#fff!important;color:#000!important}.hero-title,.section-title{color:#000!important;-webkit-text-fill-color:black!important}}.notification-bell-container{position:relative;display:inline-flex;align-items:center}.notification-bell-button{position:relative;background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.notification-bell-button:hover{color:var(--color-text-primary)}.notification-bell-button:disabled{cursor:not-allowed;opacity:.5}.bell-icon{width:22px;height:22px}.notification-bell-button.has-unread .bell-icon{animation:bell-shake .5s ease-in-out}@keyframes bell-shake{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}.unread-badge{position:absolute;top:0;right:0;background:var(--color-critical);color:#fff;font-size:.65rem;font-weight:600;min-width:16px;height:16px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px;transform:translate(25%,-25%);box-shadow:0 2px 4px #0003}.notification-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998;background:transparent}ui-button button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);font-weight:var(--font-weight-semibold);position:relative;overflow:hidden;font-size:var(--font-size-sm)}ui-button button.loading{cursor:wait;position:relative}ui-button button .loading-indicator{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:inherit}ui-button button .loading-border{position:absolute;inset:calc(var(--spacing-xs) * -2);border-radius:inherit;box-sizing:border-box;overflow:hidden;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:calc(var(--spacing-xs) * 2)}ui-button button .loading-border:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background:conic-gradient(var(--highlight-color) 0%,transparent 30%,transparent 70%,var(--highlight-color) 100%);animation:loading-rotate 2s linear infinite}ui-button button.primary .loading-border{--highlight-color: var(--color-text-inverse)}ui-button button.secondary .loading-border{--highlight-color: var(--color-primary)}ui-button button.outline .loading-border{--highlight-color: var(--color-primary)}ui-button button.danger .loading-border{--highlight-color: var(--color-text-inverse)}ui-button button.text .loading-border{--highlight-color: var(--color-primary)}ui-button button.warning .loading-border{--highlight-color: var(--color-warning)}@keyframes loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ui-button button.primary{background:var(--gradient-primary);color:var(--color-icon-on-primary)}ui-button button.primary:hover{transform:translateY(calc(var(--spacing-xxs) * -1))}ui-button button.secondary{background:var(--color-card-bg);border:1px solid var(--color-border-light);color:var(--color-text-primary)}ui-button button.outline{background:var(--glass-bg-medium);border:1px solid var(--color-primary);color:var(--color-primary)}ui-button button.outline:hover{background:var(--color-card-hover);transform:translateY(calc(var(--spacing-xxs) * -1))}ui-button button.text{background:transparent;color:var(--color-primary);padding:0}ui-button button.danger{background:var(--color-critical);color:var(--color-text-inverse);box-shadow:var(--shadow-lg)}ui-button button.danger:hover{transform:translateY(calc(var(--spacing-xxs) * -1));box-shadow:var(--shadow-xl)}ui-button button.warning{background:var(--glass-bg-medium);border:1px solid var(--color-warning);color:var(--color-warning)}ui-button button.warning:hover{background:var(--color-warning-light);transform:translateY(calc(var(--spacing-xxs) * -1))}ui-button button.sm{padding:var(--spacing-sm);font-size:var(--font-size-xs);min-width:var(--spacing-3xl);min-height:var(--spacing-3xl)}ui-button button.md{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-sm);min-height:var(--spacing-4xl)}ui-button button.lg{padding:var(--spacing-lg) var(--spacing-3xl);font-size:var(--font-size-base);min-height:var(--spacing-5xl)}ui-button button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}ui-button button.block{width:100%}ui-button button .spinner{width:var(--spacing-lg);height:var(--spacing-lg);border:2px solid var(--glass-border);border-radius:var(--radius-full);border-top-color:currentColor;animation:spin .8s linear infinite}ui-button button .button-icon{font-size:var(--font-size-lg)}ui-button button.loading .spinner{position:absolute;left:50%;top:50%;margin-left:calc(var(--spacing-lg) / -2);margin-top:calc(var(--spacing-lg) / -2)}.ui-card{display:flex;flex-direction:column;background:var(--color-card-bg);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);border:1px solid var(--color-border);overflow:hidden;position:relative;transition:all var(--duration-normal) var(--ease-out);color:var(--color-text-primary)}.ui-card.clickable{cursor:pointer}.ui-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.ui-card.selected{box-shadow:0 0 0 2px var(--color-primary)}.ui-card.primary{box-shadow:0 0 0 3px transparent;background:var(--gradient-card) padding-box,var(--brand-gradient) border-box;border:3px solid transparent}.ui-card.info{background:var(--gradient-card);border-left:3px solid var(--color-info)}.ui-card.warning{border-left:3px solid var(--color-warning)}.ui-card.critical{border-left:3px solid var(--color-critical)}.ui-card.success{border-left:3px solid var(--color-success)}.ui-card.pricing{text-align:center;border:1px solid var(--color-border);transition:all var(--duration-normal) var(--ease-out)}.ui-card.pricing.selected{border-color:var(--color-primary);transform:scale(1.02)}.ui-card.highlight{background:var(--gradient-card)}.ui-card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.ui-card-content{padding:var(--spacing-lg);flex-grow:1}.ui-card-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.ui-card-badge{position:absolute;top:0;right:0;background-color:var(--color-primary);color:var(--color-text-inverse);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-bottom-left-radius:var(--card-border-radius);z-index:1}@media (width <=768px){.ui-card{margin-bottom:var(--spacing-md)}.ui-card-header,.ui-card-content,.ui-card-footer{padding:var(--spacing-md)}}.notification-system{position:fixed;top:var(--spacing-3xl);right:var(--spacing-3xl);width:360px;max-width:calc(100vw - var(--spacing-6xl));z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--spacing-sm)}.notification{background-color:var(--color-card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-md);transform:translate(0);transition:var(--duration-normal) var(--ease-in-out);animation:slide-in var(--duration-normal) var(--ease-out);overflow:hidden;display:flex;flex-direction:column;border-left:4px solid var(--color-text-muted)}.notification.warning{border-left-color:var(--color-warning)}.notification.error{border-left-color:var(--color-critical)}.notification.success{border-left-color:var(--color-success)}.notification.info{border-left-color:var(--color-info)}.notification-content{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-sm)}.notification-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-sm)}.notification.warning .notification-icon{color:var(--color-warning)}.notification.error .notification-icon{color:var(--color-critical)}.notification.success .notification-icon{color:var(--color-success)}.notification.info .notification-icon{color:var(--color-info)}.notification-message{flex:1;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-primary)}.notification-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);transition:background-color var(--duration-fast)}.notification-close:hover{background-color:var(--color-surface-hover)}.notification-action{margin-left:auto}.notification-action button{background-color:var(--color-surface);border:none;border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);cursor:pointer;color:var(--color-text-primary);transition:background-color var(--duration-fast)}.notification-action button:hover{background-color:var(--color-surface-hover)}.notification.warning .notification-action button{background-color:var(--color-warning);color:var(--color-text-inverse)}.notification.error .notification-action button{background-color:var(--color-critical);color:var(--color-text-inverse)}.notification.warning .notification-action button:hover{background-color:var(--color-warning-dark)}.notification.error .notification-action button:hover{background-color:var(--color-critical-dark)}.notification-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:var(--color-surface)}.notification-progress-bar{height:100%;width:100%;background:var(--color-text-muted);transition:width .01s linear}.notification.warning .notification-progress-bar{background-color:var(--color-warning)}.notification.error .notification-progress-bar{background-color:var(--color-critical)}.notification.success .notification-progress-bar{background-color:var(--color-success)}.notification.info .notification-progress-bar{background-color:var(--color-info)}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}ui-confirmation-dialog dialog{border:none;border-radius:var(--radius-xl);padding:0;width:90%;max-width:var(--container-sm);background:var(--gradient-card);color:var(--color-text-primary);box-shadow:var(--shadow-2xl)}ui-confirmation-dialog dialog::backdrop{background-color:var(--color-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}ui-confirmation-dialog .dialog-content{display:flex;flex-direction:column;padding:0}ui-confirmation-dialog .dialog-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-2xl);border-bottom:1px solid var(--color-border)}ui-confirmation-dialog .dialog-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}ui-confirmation-dialog .close-dialog-btn{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-2xl);cursor:pointer;padding:0;line-height:1}ui-confirmation-dialog .dialog-body{padding:var(--spacing-2xl)}ui-confirmation-dialog .dialog-message{margin:0;line-height:var(--line-height-normal)}ui-confirmation-dialog .dialog-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-2xl);border-top:1px solid var(--color-border)}.ui-toggle{display:inline-flex;align-items:center;gap:var(--spacing-md);cursor:pointer}.ui-toggle input{display:none}.toggle-switch{position:relative;display:inline-block;width:3rem;height:1.5rem;background-color:var(--color-surface);border-radius:var(--radius-full);transition:all var(--duration-normal);border:1px solid var(--color-border)}.toggle-switch:after{content:"";position:absolute;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background-color:var(--color-text-secondary);top:.075rem;left:.125rem;transition:all var(--duration-normal)}input:checked+.toggle-switch{background-color:var(--color-card-hover);border-color:var(--color-border-active)}input:checked+.toggle-switch:after{transform:translate(1.5rem);background-color:var(--color-primary)}.ui-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-primary);animation:ui-spin 1s linear infinite}.ui-spinner.sm{width:24px;height:24px;border-width:2px}.ui-spinner.lg{width:50px;height:50px;border-width:5px}@keyframes ui-spin{to{transform:rotate(360deg)}}ui-checkbox>label.ui-checkbox{display:inline-flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}ui-checkbox>label.ui-checkbox>input[type=checkbox]{display:none}ui-checkbox>label.ui-checkbox>span.checkbox-mark{display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom;width:1.125rem;min-width:1.125rem;height:1.125rem;border:2px solid var(--color-text-tertiary, var(--color-border));border-radius:var(--radius-sm);position:relative;background-color:var(--color-background);transition:background-color var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast);flex-shrink:0}ui-checkbox>label.ui-checkbox:hover>span.checkbox-mark{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}ui-checkbox>label.ui-checkbox>span.checkbox-mark:after{content:"";position:absolute;left:.3rem;top:.05rem;width:.3rem;height:.55rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}ui-checkbox>label.ui-checkbox>input[type=checkbox]:checked+span.checkbox-mark{background-color:var(--color-primary);border-color:var(--color-primary)}ui-checkbox>label.ui-checkbox>input[type=checkbox]:checked+span.checkbox-mark:after{opacity:1}ui-checkbox>label.ui-checkbox>span.checkbox-label{color:var(--color-text);font-size:var(--font-size-base);line-height:var(--line-height-normal)}ui-page-header{margin-bottom:var(--spacing-5xl);text-align:center}ui-page-header .page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:var(--spacing-lg);letter-spacing:var(--letter-spacing-tight);text-shadow:var(--glow-primary)}ui-page-header .page-subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-light);color:var(--color-text-secondary);max-width:800px;line-height:var(--line-height-relaxed);margin:0 auto}ui-page-header .page-divider{width:100px;height:4px;background:var(--gradient-primary);margin:var(--spacing-2xl) auto var(--spacing-3xl);border-radius:var(--radius-sm);box-shadow:var(--glow-primary)}ui-page-header .left{text-align:left}ui-page-header .right{text-align:right}ui-page-header .header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}ui-page-header .header .page-title{grid-column:2;margin-bottom:0}ui-page-header .header span{grid-column:3;display:none;justify-self:end}ui-page-header .left .header .page-title{grid-column:1;justify-self:start}ui-page-header .left .header span{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;grid-column:3;justify-self:end}ui-page-header .right .header .page-title{grid-column:3;justify-self:end}ui-page-header .right .header span{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;grid-column:1;justify-self:start}ui-page-header .left .page-divider{margin:var(--spacing-2xl) 0 var(--spacing-3xl) 0}ui-page-header .left .page-subtitle{margin:0}ui-page-header .right .page-divider{margin:var(--spacing-2xl) 0 var(--spacing-3xl) auto}ui-page-header .right .page-subtitle{margin:0 0 0 auto}.connector-section{margin-bottom:var(--spacing-lg)}.section-title{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.connector-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.email-list{width:100%;font-size:var(--font-size-sm)}.no-emails-message{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.no-emails-message em{font-size:var(--font-size-xs);color:var(--color-text-muted)}.email-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-sm)}.email-table{width:100%;border-collapse:collapse;table-layout:fixed}.email-table th,.email-table td{padding:var(--spacing-sm);vertical-align:top}.email-table .checkbox-cell,.email-table .received-cell{vertical-align:middle}.email-table .actions-cell{vertical-align:top}.email-table tbody tr{border-top:1px solid var(--color-border);height:60px}.email-table th{text-align:left;color:var(--color-text-secondary);font-weight:600}.checkbox-col,.checkbox-cell{width:40px;text-align:center}.subject-col,.subject-cell{width:auto;min-width:200px}.received-col,.received-cell{width:120px;white-space:nowrap}.actions-col,.actions-cell{width:140px}.subject-cell{padding-right:var(--spacing-md)}.subject-line{font-weight:500;color:var(--color-text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-line{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:flex-start;height:100%;min-height:59px}.received-cell{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.reply-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000}.reply-dialog-content{background:var(--color-card-bg);padding:var(--spacing-lg);border-radius:var(--radius-md);width:90%;max-width:400px;border:1px solid var(--color-border);color:var(--color-text-primary)}.reply-dialog-content textarea{width:100%;min-height:80px;margin-bottom:var(--spacing-sm)}.reply-dialog-content .dialog-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.reply-dialog-content .dialog-buttons .spacer{flex:1}image-component{width:100%;max-width:600px;margin:var(--spacing-md) 0}image-component .no-image-message{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);border:1px dashed var(--color-border);border-radius:var(--border-radius-md)}image-component .no-image-message em{font-size:var(--font-size-xs);color:var(--color-text-muted)}image-component .image-missing-message{padding:var(--spacing-lg);text-align:center;border:1px dashed var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface-secondary)}image-component .image-missing-message .missing-icon{font-size:2.5rem;opacity:.5;margin-bottom:var(--spacing-sm);filter:grayscale(100%)}image-component .image-missing-message .missing-title{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}image-component .image-missing-message .missing-subtitle{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}image-component .image-container{border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;background:var(--color-surface)}image-component .image-wrapper{position:relative;width:100%;display:flex;justify-content:center;align-items:center;background:var(--color-surface-secondary);min-height:200px}image-component .loading-indicator{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg);color:var(--color-text-secondary);font-style:italic}image-component .generated-image{max-width:100%;height:auto;display:block;border-radius:var(--border-radius-sm)}image-component .image-caption{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-surface);border-top:1px solid var(--color-border);font-style:italic}image-component .image-actions{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}image-component .download-button{background:var(--color-primary);color:var(--color-primary-contrast);border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:background-color .2s ease}image-component .download-button:hover{background:var(--color-primary-hover)}image-component .download-button:active{background:var(--color-primary-active)}@media (max-width: 768px){image-component .image-component{max-width:100%}image-component .image-actions{justify-content:center}}.video-component{max-width:100%;margin:1rem 0}.no-video-message{padding:1rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;text-align:center;color:#666}.no-video-message em{font-size:.9em;color:#999}.video-container{border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;background-color:#000;box-shadow:0 4px 12px #0000001a}.video-wrapper{position:relative;width:100%;background-color:#000}.generated-video{width:100%;height:auto;display:block;max-height:500px;object-fit:contain}.video-caption{padding:.75rem 1rem;background-color:#f8f9fa;border-top:1px solid #e0e0e0;font-size:.9em;color:#555;font-style:italic}.video-actions{padding:.75rem 1rem;background-color:#fff;border-top:1px solid #e0e0e0;display:flex;gap:.5rem;justify-content:flex-start}.video-actions button{padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#333;cursor:pointer;font-size:.9em;transition:all .2s ease}.video-actions button:hover{background-color:#f0f0f0;border-color:#bbb}.video-actions button:active{background-color:#e0e0e0}.download-button:hover{background-color:#e3f2fd;border-color:#2196f3;color:#1976d2}.fullscreen-button:hover{background-color:#f3e5f5;border-color:#9c27b0;color:#7b1fa2}@media (max-width: 768px){.video-component{margin:.5rem 0}.video-actions{flex-wrap:wrap;gap:.25rem}.video-actions button{flex:1;min-width:120px;font-size:.8em;padding:.4rem .8rem}}@media (prefers-color-scheme: dark){.no-video-message{background-color:#2a2a2a;border-color:#444;color:#ccc}.video-container{border-color:#444}.video-caption{background-color:#2a2a2a;border-color:#444;color:#ccc}.video-actions{background-color:#1a1a1a;border-color:#444}.video-actions button{background-color:#2a2a2a;border-color:#555;color:#ccc}.video-actions button:hover{background-color:#3a3a3a;border-color:#666}}.ui-context-menu{position:relative;display:inline-block}.ui-context-menu .menu-trigger{background:transparent;border:none;padding:var(--spacing-xs) calc(var(--spacing-xs) * 1.5);cursor:pointer;color:var(--color-text-primary)}.ui-context-menu .menu-trigger:disabled{opacity:.5;cursor:default}.ui-context-menu .menu-panel{position:absolute;right:0;top:100%;margin-top:var(--spacing-xs);min-width:160px;background:var(--color-surface, var(--color-bg-secondary));color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-popover)}.ui-context-menu .menu-item{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;padding:var(--spacing-sm) calc(var(--spacing-sm) * 1.25);color:inherit;text-align:left;cursor:pointer}.ui-context-menu .menu-item:disabled{opacity:.6;cursor:default}.ui-context-menu .menu-item:hover:not(:disabled){background:var(--color-card-hover)}.ui-context-menu .menu-item .icon{width:16px;height:16px;display:inline-flex}ui-workspace-panel .panel-shell{position:absolute;top:0;right:0;bottom:0;left:0;width:300px;background:var(--color-nav-bg);border-right:1px solid var(--color-border-light);transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out);z-index:10;display:flex;flex-direction:column;-webkit-backdrop-filter:var(--backdrop-blur-light);backdrop-filter:var(--backdrop-blur-light)}ui-workspace-panel .panel-shell.full{position:relative;width:100%;transform:none;border-right:none}ui-workspace-panel .panel-shell.open{transform:translate(0);box-shadow:5px 0 15px #0003}ui-workspace-panel .workspace-header{padding:var(--spacing-xl) calc(var(--spacing-2xl) + 3.25rem) var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:flex-start;background:var(--color-card-bg);position:relative}ui-workspace-panel .workspace-header-title{display:flex;flex-direction:column;gap:.35rem}ui-workspace-panel .workspace-header h3{margin:0;color:var(--color-heading-accent);font-size:1.2rem;font-weight:600}ui-workspace-panel .workspace-name{font-size:1rem;color:var(--color-primary);opacity:1;font-weight:600;margin:0}ui-workspace-panel .workspace-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--color-text-secondary);opacity:.9}ui-workspace-panel .workspace-desc{font-size:.75rem;line-height:1.25;color:var(--color-text-secondary);max-width:15rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}ui-workspace-panel .workspace-desc.is-empty{opacity:.55;font-style:italic}ui-workspace-panel .workspace-description{display:none!important}ui-workspace-panel .workspace-header-actions{display:block;position:static}ui-workspace-panel .close-panel{background:none;border:none;color:var(--color-text-secondary);font-size:1.4rem;cursor:pointer;padding:.25rem;transition:all var(--duration-normal) var(--ease-out);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;top:.55rem;right:.55rem;line-height:1}ui-workspace-panel .workspace-header-actions ui-context-menu{position:absolute;top:2.45rem;right:.55rem}ui-workspace-panel .close-panel:hover{color:var(--color-text-primary);background:var(--color-card-hover)}ui-workspace-panel .workspace-content{flex:1;overflow-y:auto;padding:1.5rem}ui-workspace-panel .workspace-placeholder{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-3xl)}ui-workspace-panel .file-list{display:flex;flex-direction:column;gap:.8rem}ui-workspace-panel .file-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-card-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}ui-workspace-panel .file-item:hover{background:var(--color-card-hover);border-color:var(--color-border-medium)}ui-workspace-panel .file-name{color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);flex:1;overflow:hidden;text-overflow:ellipsis}ui-workspace-panel .download-file,ui-workspace-panel .remove-file{background:none;border:none;color:#a2a5b9;cursor:pointer;padding:.2rem .5rem;transition:color var(--duration-fast) var(--ease-out)}ui-workspace-panel .download-file:hover{color:#4caf50}ui-workspace-panel .remove-file:hover{color:#ff6b6b}ui-workspace-panel .drop-zone{border:2px dashed rgb(155 109 255 / 30%);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);margin-top:var(--spacing-xl);text-align:center;color:#a2a5b9;transition:all var(--duration-normal) var(--ease-out);cursor:pointer}ui-workspace-panel .drop-zone:hover,ui-workspace-panel .drop-zone.drag-over{border-color:#9b6dff99;background:#9b6dff1a}ui-workspace-panel .panel-shell.full .file-item{align-items:flex-start}.notification-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;width:360px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:999;display:flex;flex-direction:column}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.dropdown-header h3{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mark-all-read-btn{background:transparent;border:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s ease}.mark-all-read-btn:hover{background:var(--color-primary-light)}.dropdown-content{flex:1}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.empty-icon{font-size:2rem;margin-bottom:var(--spacing-sm);opacity:.5}.empty-state p{margin:0;font-size:var(--font-size-sm)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-right:var(--spacing-xs)}.notification-list{display:flex;flex-direction:column}.notification-item{display:flex;align-items:flex-start;padding:var(--spacing-md);cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--color-border);position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-card-hover)}.notification-item.unread{background:var(--color-selected-bg)}.notification-item.unread:hover{background:var(--color-card-hover)}.notification-icon{font-size:1.25rem;margin-right:var(--spacing-sm);flex-shrink:0}.notification-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.notification-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-normal)}.notification-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.unread-indicator{width:8px;height:8px;background:var(--color-primary);border-radius:50%;flex-shrink:0;margin-left:var(--spacing-sm);margin-top:var(--spacing-xs)}.release-notes-dialog{border:none;border-radius:var(--radius-xl);padding:0;max-width:700px;width:90%;max-height:85vh;background:var(--gradient-card);color:var(--color-text-primary);box-shadow:var(--shadow-2xl)}.release-notes-dialog::backdrop{background-color:var(--color-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.release-notes-dialog[open]{animation:slideUp var(--duration-normal) var(--ease-out)}.modal-container{display:flex;flex-direction:column;max-height:85vh}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--color-border)}.header-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.header-content h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.version-badge{display:inline-block;background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-full);width:fit-content}.close-button{background:transparent;border:none;font-size:var(--font-size-2xl);color:var(--color-text-secondary);cursor:pointer;padding:0;line-height:1;transition:color var(--duration-fast) ease}.close-button:hover{color:var(--color-text)}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-2xl)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.error-state p{color:var(--color-text-muted);margin:0}.error-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.retry-button{margin-top:var(--spacing-md);background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .2s ease}.retry-button:hover{background:var(--color-primary-hover)}.meta-info{margin-bottom:var(--spacing-lg)}.published-date{color:var(--color-text-muted);font-size:var(--font-size-sm)}.markdown-content{color:var(--color-text);line-height:1.6}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--color-text);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:0}.markdown-content p{margin-bottom:var(--spacing-md)}.markdown-content ul,.markdown-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.markdown-content li{margin-bottom:var(--spacing-xs)}.markdown-content code{background:var(--color-background);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em}.markdown-content pre{background:var(--color-background);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}.markdown-content pre code{background:transparent;padding:0}.markdown-content blockquote{border-left:3px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-muted)}.markdown-content a{color:var(--color-primary);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.modal-footer{padding:var(--spacing-lg) var(--spacing-2xl);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.close-btn{background:var(--color-card-hover);color:var(--color-text);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .2s ease}.close-btn:hover{background:var(--color-border)}.tos-modal{border:none;border-radius:10px;padding:0;max-width:800px;width:90%;max-height:90vh;box-shadow:0 10px 25px #0003;background-color:var(--color-card-bg);background-color:var(--color-card-bg, var(--color-card-bg));color:var(--color-text-primary, #e0e0e0)}.tos-modal::backdrop{background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tos-modal-content{display:flex;flex-direction:column;height:100%}.tos-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);border-bottom:1px solid var(--color-border, rgba(255, 255, 255, .1))}.tos-modal-header h2{margin:0;font-size:1.5rem;color:#e0e0e0;color:var(--color-text-primary, #e0e0e0)}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#a0a0a0;color:var(--color-text-secondary, #a0a0a0);transition:color .2s ease}.close-modal:hover{color:#f44336;color:var(--color-danger, #f44336)}.tos-modal-body{padding:1.5rem;overflow-y:auto;flex-grow:1;max-height:60vh}.tos-content{line-height:1.6}.tos-content h3{margin-top:0;color:#9b6dff;color:var(--color-primary, #9b6dff)}.tos-content h4{margin-top:1.5rem;margin-bottom:.5rem;color:#e0e0e0;color:var(--color-text-primary, #e0e0e0)}.tos-content p{margin-bottom:1rem;color:#a0a0a0;color:var(--color-text-secondary, #a0a0a0)}.tos-modal-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);border-top:1px solid var(--color-border, rgba(255, 255, 255, .1));display:flex;flex-direction:column;gap:1rem}.tos-acceptance{display:flex;align-items:center}.tos-acceptance label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.tos-acceptance input[type=checkbox]{width:18px;height:18px;cursor:pointer}.tos-actions{display:flex;justify-content:flex-end;gap:1rem}.decline-btn{background-color:var(--color-card-bg);background-color:var(--color-card-bg, var(--color-card-bg));color:#e0e0e0;color:var(--color-text-primary, #e0e0e0);border:1px solid rgba(255,255,255,.1);border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:5px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.decline-btn:hover{background-color:#f443361a;background-color:var(--color-danger-light, rgba(244, 67, 54, .1));border-color:#f44336;border-color:var(--color-danger, #f44336);color:#f44336;color:var(--color-danger, #f44336)}.accept-btn{background-color:#9b6dff;background-color:var(--color-primary, #9b6dff);color:#fff;border:none;border-radius:5px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.accept-btn:hover{background-color:#7a56cc;background-color:var(--color-primary-dark, #7a56cc)}.accept-btn:disabled{background-color:#666;background-color:var(--color-disabled, #666666);cursor:not-allowed}:root{--font-family-sans: "Inter", system-ui, sans-serif;--font-family-mono: "Cascadia Mono", sfmono-regular, monospace;--menu-height: 72px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xxs: .15rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem;--spacing-4xl: 2.5rem;--spacing-5xl: 3rem;--spacing-6xl: 4rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 5%);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 25%);--z-dropdown: 1000;--z-header: 1010;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--glass-bg-light: rgb(255 255 255 / 2%);--glass-bg-medium: rgb(255 255 255 / 3%);--glass-bg-strong: rgb(255 255 255 / 5%);--glass-border: rgb(255 255 255 / 8%);--glass-border-hover: rgb(255 255 255 / 12%);--backdrop-blur: blur(20px);--backdrop-blur-light: blur(10px);--glow-primary: 0 0 8px rgb(255 107 0 / 30%);--glow-secondary: 0 0 8px rgb(255 158 0 / 30%);--drop-shadow-glow: drop-shadow(0 0 8px rgb(255 107 0 / 30%));--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px;--margin-m: var(--spacing-3xl);--color-avatar-error-bg: rgb(244 67 54 / 10%);--color-avatar-error-shadow: rgb(244 67 54 / 70%);--color-avatar-error-shadow-transparent: rgb(244 67 54 / 0%);--color-avatar-shadow: rgb(0 0 0 / 30%);--brand-primary: #ff6b00;--brand-secondary: #ff9e00;--brand-gradient: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary));--color-premium: #ffd700;--color-premium-light: rgb(255 215 0 / 30%);--color-premium-medium: rgb(255 215 0 / 60%);--gradient-premium: linear-gradient(90deg, #ffd700, #ff4500);--color-chat: #ff6b6b;--color-chat-light: rgb(255 107 107 / 15%);--color-chat-medium: rgb(255 107 107 / 30%);--color-chat-active: rgb(255 107 107 / 60%);--color-chat-accent: #ff9e80;--gradient-chat: linear-gradient(135deg, #ff6b6b, #ff9e80);--gradient-chat-tier: linear-gradient(90deg, #ff6b6b, #ff9e80);--gradient-tier-standard: linear-gradient(90deg, #ff9e00, #ff6b00);--gradient-tier-premium: linear-gradient(90deg, #ffd700, #ff4500);--color-selected-bg: rgb(255 107 0 / 15%);--color-overlay-accent: rgb(204 85 0 / 10%);--color-heading-primary: var(--color-text-primary);--color-heading-secondary: var(--color-text-secondary);--color-heading-accent: var(--brand-primary);--color-body-text: var(--color-text-primary);--color-caption: var(--color-text-muted);--color-link: var(--brand-primary);--color-link-hover: var(--brand-secondary);--color-code: var(--color-info);--color-code-bg: var(--color-bg-secondary);--icon-dropdown-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}:root[data-theme=dark]{background-color:#1e1e1e;color:#e0e0e0;--color-primary: rgb(255 107 0);--color-primary-light: rgb(255 158 60);--color-primary-dark: rgb(204 85 0);--color-secondary: rgb(255 158 0);--color-secondary-light: rgb(255 190 80);--color-secondary-dark: rgb(204 126 0);--color-text-primary: rgb(224 224 224);--color-text-secondary: rgb(160 160 160);--color-text-muted: rgb(119 119 119);--color-text-inverse: rgb(30 30 30);--color-icon-on-primary: rgb(255 250 245);--color-bg: rgb(30 30 30);--color-bg-secondary: rgb(42 42 58);--color-bg-tertiary: rgb(58 58 74);--color-card-bg: rgb(30 30 46 / 90%);--color-card-hover: rgb(255 107 0 / 10%);--color-card-active: rgb(255 107 0 / 20%);--color-surface: rgb(42 42 58);--color-surface-hover: rgb(58 58 74);--color-nav-bg: rgb(20 20 35 / 95%);--color-border: #2f2620;--color-border-light: #3b1f10;--color-border-medium: #5a2c15;--color-border-active: #7a3a1a;--color-border-focus: #a04b1f;--color-success: rgb(76 175 80);--color-success-light: rgb(76 175 80 / 10%);--color-success-dark: rgb(76 175 80 / 5%);--color-warning: rgb(255 152 0);--color-warning-light: rgb(255 152 0 / 10%);--color-warning-dark: rgb(255 152 0 / 5%);--color-danger: rgb(244 67 54);--color-critical: rgb(244 67 54);--color-critical-light: rgb(244 67 54 / 10%);--color-critical-dark: rgb(244 67 54 / 5%);--color-info: rgb(33 150 243);--color-info-light: rgb(33 150 243 / 10%);--color-info-dark: rgb(33 150 243 / 5%);--color-tier-basic: rgb(255 107 0);--color-tier-standard: rgb(255 158 0);--color-tier-professional: rgb(255 184 108);--color-tier-enterprise: rgb(80 250 123);--color-status-active: rgb(80 250 123);--color-status-canceled: rgb(255 107 107);--color-status-past-due: rgb(255 184 108);--color-status-none: rgb(255 107 0);--gradient-primary: linear-gradient(90deg, rgb(255 107 0), rgb(255 158 0));--gradient-card: linear-gradient(145deg, rgb(30 30 46 / 80%), rgb(20 20 35 / 90%));--gradient-bg-dark: linear-gradient(135deg, rgb(18 18 18) 0%, rgb(30 30 46) 100%);--gradient-bg-dark-reverse: linear-gradient(135deg, rgb(30 30 46) 0%, rgb(18 18 18) 100%);--gradient-primary-diagonal: linear-gradient(135deg, rgb(255 107 0) 0%, rgb(255 158 0) 100%);--color-backdrop: rgb(0 0 0 / 70%);--card-border-radius: 1rem;--card-shadow: 0 10px 30px rgb(0 0 0 / 20%);--card-shadow-hover: 0 15px 40px rgb(0 0 0 / 30%);--color-disabled: rgb(102 102 102);--glass-bg-light: rgb(255 255 255 / 2%);--glass-bg-medium: rgb(255 255 255 / 3%);--glass-bg-strong: rgb(255 255 255 / 5%);--glass-border: rgb(255 255 255 / 8%);--glass-border-hover: rgb(255 255 255 / 12%);--glow-primary: 0 0 8px rgb(255 107 0 / 30%);--glow-secondary: 0 0 8px rgb(255 158 0 / 30%);--drop-shadow-glow: drop-shadow(0 0 8px rgb(255 107 0 / 30%));--cta-bg-gradient: linear-gradient(135deg, rgb(255 107 0 / 8%), rgb(255 158 0 / 8%))}:root[data-theme=light]{background-color:#fff;color:#1a1a1a;--color-primary: rgb(234 88 12);--color-primary-light: rgb(249 115 22);--color-primary-dark: rgb(194 65 12);--color-secondary: rgb(217 119 6);--color-secondary-light: rgb(245 158 11);--color-secondary-dark: rgb(180 83 4);--color-text-primary: rgb(26 26 26);--color-text-secondary: rgb(74 74 74);--color-text-muted: rgb(107 114 128);--color-text-inverse: rgb(255 255 255);--color-icon-on-primary: rgb(255 250 245);--color-bg: rgb(255 255 255);--color-bg-secondary: rgb(248 250 252);--color-bg-tertiary: rgb(241 245 249);--color-card-bg: rgb(235 235 235);--color-card-hover: rgb(234 88 12 / 8%);--color-card-active: rgb(234 88 12 / 15%);--color-surface: rgb(248 250 252);--color-surface-hover: rgb(241 245 249);--color-nav-bg: rgb(255 255 255 / 95%);--color-border: rgb(0 0 0 / 12%);--color-border-light: rgb(234 88 12 / 20%);--color-border-medium: rgb(234 88 12 / 30%);--color-border-active: rgb(234 88 12 / 50%);--color-border-focus: rgb(234 88 12 / 60%);--color-success: rgb(76 175 80);--color-success-light: rgb(76 175 80 / 10%);--color-success-dark: rgb(76 175 80 / 5%);--color-warning: rgb(255 152 0);--color-warning-light: rgb(255 152 0 / 10%);--color-warning-dark: rgb(255 152 0 / 5%);--color-danger: rgb(244 67 54);--color-critical: rgb(244 67 54);--color-critical-light: rgb(244 67 54 / 10%);--color-critical-dark: rgb(244 67 54 / 5%);--color-info: rgb(33 150 243);--color-info-light: rgb(33 150 243 / 10%);--color-info-dark: rgb(33 150 243 / 5%);--color-tier-basic: rgb(234 88 12);--color-tier-standard: rgb(217 119 6);--color-tier-professional: rgb(234 88 12);--color-tier-enterprise: rgb(5 150 105);--color-status-active: rgb(5 150 105);--color-status-canceled: rgb(220 38 38);--color-status-past-due: rgb(234 88 12);--color-status-none: rgb(234 88 12);--gradient-primary: linear-gradient(90deg, rgb(234 88 12), rgb(217 119 6));--gradient-card: linear-gradient(145deg, rgb(255 255 255 / 95%), rgb(248 250 252 / 90%));--gradient-bg-dark: linear-gradient(135deg, rgb(248 250 252) 0%, rgb(226 232 240) 100%);--gradient-bg-dark-reverse: linear-gradient(135deg, rgb(226 232 240) 0%, rgb(248 250 252) 100%);--gradient-primary-diagonal: linear-gradient(135deg, rgb(234 88 12) 0%, rgb(217 119 6) 100%);--color-backdrop: rgb(0 0 0 / 75%);--card-border-radius: 1rem;--card-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);--card-shadow-hover: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);--color-disabled: rgb(156 163 175);--glass-bg-light: rgb(0 0 0 / 2%);--glass-bg-medium: rgb(0 0 0 / 3%);--glass-bg-strong: rgb(0 0 0 / 5%);--glass-border: rgb(0 0 0 / 8%);--glass-border-hover: rgb(0 0 0 / 12%);--glow-primary: 0 0 8px rgb(234 88 12 / 30%);--glow-secondary: 0 0 8px rgb(217 119 6 / 30%);--drop-shadow-glow: drop-shadow(0 0 8px rgb(234 88 12 / 30%));--cta-bg-gradient: linear-gradient(135deg, rgb(234 88 12 / 8%), rgb(217 119 6 / 8%))}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-family-sans)}.code,pre,code{font-family:var(--font-family-mono)}ul{margin:var(--spacing-lg) 0;padding-left:var(--spacing-lg);list-style-type:disc}ul li{margin-bottom:var(--spacing-sm);line-height:var(--line-height-normal)}ul li strong{color:var(--color-secondary)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-sans{font-family:var(--font-family-sans)}.font-mono{font-family:var(--font-family-mono)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-card{background-color:var(--color-card-bg)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.p-3xl{padding:var(--spacing-3xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.m-3xl{margin:var(--spacing-3xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.rounded-none{border-radius:var(--radius-none)}.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-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.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)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;transition:all var(--duration-fast) var(--ease-out)}.category-badge-media{background-color:var(--color-info-light);color:var(--color-info);border:1px solid var(--color-info)}.category-badge-productivity{background-color:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.category-badge-communication{background-color:var(--color-secondary-light);color:var(--color-secondary);border:1px solid var(--color-secondary)}.category-badge-development{background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary)}.category-badge-analysis{background-color:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning)}.category-badge-utility{background-color:var(--color-text-muted);color:var(--color-text-inverse);border:1px solid var(--color-text-muted)}.category-badge-default{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.default-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center}.default-badge.is-default{background-color:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.default-badge.not-default{background-color:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-light)}.sort-indicator{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;position:relative;opacity:.3;transition:opacity var(--duration-fast) var(--ease-out)}.sort-indicator.active{opacity:1}.sort-indicator:before,.sort-indicator:after{content:"";position:absolute;width:0;height:0;transition:transform var(--duration-fast) var(--ease-out)}.sort-indicator:before{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--color-text-muted);top:0}.sort-indicator:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--color-text-muted);bottom:0}.sort-indicator.active.asc:before{border-bottom-color:var(--color-primary);transform:scale(1.2)}.sort-indicator.active.asc:after{opacity:.3}.sort-indicator.active.desc:after{border-top-color:var(--color-primary);transform:scale(1.2)}.sort-indicator.active.desc:before{opacity:.3}.card{padding:var(--spacing-xl);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);transition:all var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);border:none;cursor:pointer;font-weight:var(--font-weight-medium);transition:all var(--duration-normal) var(--ease-out);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:0 4px 14px #6b46c14d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b46c166}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-medium)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-active)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px var(--color-border-focus)}.transition-fast{transition:all var(--duration-fast) var(--ease-out)}.transition-normal{transition:all var(--duration-normal) var(--ease-out)}.transition-slow{transition:all var(--duration-slow) var(--ease-out)}h1,h2,h3,h4,h5,h6{color:var(--color-heading-primary);font-family:var(--font-family-sans);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-lg) 0}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-heading-accent)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-2xl);color:var(--color-heading-secondary)}h4{font-size:var(--font-size-xl);color:var(--color-heading-secondary)}h5{font-size:var(--font-size-lg);color:var(--color-heading-secondary)}h6{font-size:var(--font-size-base);color:var(--color-heading-secondary);font-weight:var(--font-weight-medium)}p{color:var(--color-body-text);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0 0 var(--spacing-lg) 0}small,.small{color:var(--color-caption);font-size:var(--font-size-sm)}a{color:var(--color-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-link-hover);text-decoration:underline}code{color:var(--color-code);background-color:var(--color-code-bg);font-family:var(--font-family-mono);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}pre{background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);overflow-x:auto;margin:var(--spacing-lg) 0}pre code{background:none;padding:0;color:var(--color-text-primary)}blockquote{border-left:4px solid var(--color-border-medium);padding-left:var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--color-text-secondary);font-style:italic}button{font-family:var(--font-family-sans)}.form-group{margin-bottom:var(--spacing-2xl)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);transition:all var(--duration-normal) var(--ease-out);box-sizing:border-box}.form-group textarea{min-height:120px;resize:vertical;line-height:var(--line-height-normal)}.form-group select{cursor:pointer;background-image:var(--icon-dropdown-arrow);background-repeat:no-repeat;background-position:right var(--spacing-lg) center;background-size:16px;padding-right:var(--spacing-4xl);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-border-focus);background:var(--color-bg)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--color-border-medium)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted);opacity:1}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--color-bg-secondary);color:var(--color-disabled);cursor:not-allowed;border-color:var(--color-border)}.form-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-sm);line-height:var(--line-height-normal)}.form-error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--spacing-sm);line-height:var(--line-height-normal)}.form-section{margin:var(--spacing-4xl) 0}.form-section:first-child{margin-top:0}.form-section:last-child{margin-bottom:0}.icon-svg{display:inline-block;width:1em;height:1em;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.icon-16{width:16px;height:16px}.icon-edit{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm17.71-10.21a1.003 1.003 0 0 0 0-1.42l-2.34-2.34a1.003 1.003 0 0 0-1.42 0l-1.83 1.83 3.75 3.75 1.84-1.82z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm17.71-10.21a1.003 1.003 0 0 0 0-1.42l-2.34-2.34a1.003 1.003 0 0 0-1.42 0l-1.83 1.83 3.75 3.75 1.84-1.82z"/></svg>')}.icon-refresh{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 6V3L8 7l4 4V8c2.76 0 5 2.24 5 5 0 .65-.13 1.27-.36 1.83l1.46 1.46A7.003 7.003 0 0 0 12 6zM4.9 6.5 3.5 7.9A6.96 6.96 0 0 0 5 17c1.64 1.64 3.83 2.5 6 2.5v3l4-4-4-4v3c-1.66 0-3.31-.63-4.59-1.9A5.996 5.996 0 0 1 6 12c0-1.3.42-2.5 1.1-3.5z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 6V3L8 7l4 4V8c2.76 0 5 2.24 5 5 0 .65-.13 1.27-.36 1.83l1.46 1.46A7.003 7.003 0 0 0 12 6zM4.9 6.5 3.5 7.9A6.96 6.96 0 0 0 5 17c1.64 1.64 3.83 2.5 6 2.5v3l4-4-4-4v3c-1.66 0-3.31-.63-4.59-1.9A5.996 5.996 0 0 1 6 12c0-1.3.42-2.5 1.1-3.5z"/></svg>')}.icon-delete{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M6 7h12l-1 14H7L6 7zm3-4h6l1 2H8l1-2z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M6 7h12l-1 14H7L6 7zm3-4h6l1 2H8l1-2z"/></svg>')}.icon-plus{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M11 11V5a1 1 0 0 1 2 0v6h6a1 1 0 0 1 0 2h-6v6a1 1 0 0 1-2 0v-6H5a1 1 0 0 1 0-2z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M11 11V5a1 1 0 0 1 2 0v6h6a1 1 0 0 1 0 2h-6v6a1 1 0 0 1-2 0v-6H5a1 1 0 0 1 0-2z"/></svg>')}.icon-20{width:20px;height:20px}.icon-dots-vertical{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="5" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="12" cy="19" r="2"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="5" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="12" cy="19" r="2"/></svg>')}.icon-arrow-left{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>')}.icon-arrow-right{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"/></svg>')}.icon-clipboard{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 16H5V5h2v3h10V5h2v14z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 16H5V5h2v3h10V5h2v14z"/></svg>')}.icon-chat{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/></svg>')}.icon-settings{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94L14.4 2.81a.488.488 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94L14.4 2.81a.488.488 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/></svg>')}.icon-24{width:24px;height:24px}.icon-32{width:32px;height:32px}