@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#fafafa;--bg-surface:#fff;--bg-hover:#f5f5f7;--bg-active:#ebf5ff;--text-primary:#111;--text-secondary:#666;--text-muted:#888;--color-primary:#0070f3;--color-primary-hover:#0051c3;--color-success:#0070f3;--color-danger:red;--border-color:#eaeaea;--border-focus:#0070f3;--border-radius:8px;--shadow-sm:0 1px 2px #00000005;--shadow-md:0 4px 12px #00000008;--shadow-lg:0 8px 30px #0000000a;--transition:.15s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;line-height:1.5}button,input,textarea,select{color:inherit;outline:none;font-family:inherit}.landing-container{max-width:1040px;margin:0 auto;padding:48px 24px}.landing-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:56px;padding-bottom:20px;display:flex}.logo-text{letter-spacing:-.5px;color:var(--text-primary);align-items:center;gap:8px;font-size:1.15rem;font-weight:600;display:flex}.logo-icon{background-color:var(--text-primary);width:18px;height:18px;color:var(--bg-surface);border-radius:4px;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.btn-nav-link{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition);padding:8px 16px;font-size:.85rem;font-weight:500}.btn-nav-link:hover{background-color:var(--bg-main);color:var(--text-primary);border-color:var(--text-muted)}.hero-section{text-align:center;margin-bottom:60px}.hero-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:16px;font-size:2.5rem;font-weight:700}.hero-subtitle{color:var(--text-secondary);max-width:540px;margin:0 auto;font-size:1.1rem;font-weight:400;line-height:1.6}.products-section{margin-bottom:72px}.section-title{letter-spacing:-.03em;text-align:center;margin-bottom:28px;font-size:1.35rem;font-weight:600}.products-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.support-action-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:32px;margin:0 auto 80px;display:grid}.landing-grid{grid-template-columns:1.15fr 1fr;gap:36px;margin-bottom:72px;display:grid}@media (width<=820px){.landing-grid{grid-template-columns:1fr;gap:32px}.support-action-layout{grid-template-columns:1fr;gap:24px}}.premium-card{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:36px}@media (width<=640px){body{min-width:0;height:auto}.landing-container{width:100%;padding:22px 14px 32px}.landing-header{gap:12px;margin-bottom:34px;padding-bottom:16px}.logo-text{letter-spacing:-.2px;min-width:0;font-size:.98rem}.btn-nav-link{white-space:nowrap;padding:7px 11px;font-size:.8rem}.hero-section{margin-bottom:38px}.hero-title{letter-spacing:-.03em;margin-bottom:12px;font-size:2rem;line-height:1.08}.hero-subtitle{max-width:none;font-size:.96rem;line-height:1.5}.products-section{margin-bottom:38px}.section-title{margin-bottom:16px;font-size:1.08rem}.products-grid{grid-template-columns:1fr;gap:12px}.app-card-item{padding:16px!important}.support-action-layout{gap:18px;margin-bottom:40px}.premium-card{border-radius:10px;padding:20px}.ticket-lookup-card{margin-top:4px}.card-title{margin-bottom:18px;font-size:1.08rem}.simple-form{gap:16px}.form-input,.form-textarea,.form-select{font-size:16px}.turnstile-wrap{max-width:100%}}.card-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:24px;font-size:1.2rem;font-weight:600}.simple-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.775rem;font-weight:500}.form-input,.form-textarea,.form-select{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;color:var(--text-primary);transition:var(--transition);padding:10px 14px;font-size:.9rem}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-focus);background-color:var(--bg-surface);box-shadow:0 0 0 3px #0070f31a}.form-textarea{resize:vertical;min-height:120px;line-height:1.5}.turnstile-wrap{align-items:center;min-height:65px;display:flex;overflow:hidden}.btn-primary{background-color:var(--text-primary);color:var(--bg-surface);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;padding:12px 20px;font-size:.9rem;font-weight:500;display:flex}.btn-primary:hover{background-color:#333}.btn-primary:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.apps-showcase{flex-direction:column;gap:12px;display:flex}.app-card-item{border:1px solid var(--border-color);background-color:var(--bg-surface);transition:var(--transition);border-radius:8px;align-items:center;padding:16px;display:flex}.app-card-item:hover{border-color:var(--text-muted);background-color:var(--bg-main)}.app-icon-indicator{background-color:var(--text-primary);border-radius:50%;width:8px;height:8px;margin-right:16px}.app-details{flex-direction:column;display:flex}.app-title-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.app-desc-text{color:var(--text-secondary);margin-top:1px;font-size:.825rem}.login-portal{background-color:var(--bg-main);justify-content:center;align-items:center;height:100vh;padding:24px;display:flex}.login-card{background-color:var(--bg-surface);border:1px solid var(--border-color);width:100%;max-width:380px;box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;gap:24px;padding:40px 32px;display:flex}.login-header-group{justify-content:space-between;align-items:center;display:flex}.login-title{letter-spacing:-.03em;font-size:1.4rem;font-weight:700}.btn-login-google{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:10px;padding:10px;font-size:.9rem;font-weight:500;display:flex}.btn-login-google:hover{background-color:var(--bg-hover)}.btn-login-google:disabled{opacity:.5;cursor:not-allowed}.login-line-divider{color:var(--text-muted);align-items:center;font-size:.8rem;display:flex}.login-line-divider:before,.login-line-divider:after{content:"";background-color:var(--border-color);flex:1;height:1px}.login-line-divider:before{margin-right:12px}.login-line-divider:after{margin-left:12px}.app-container{background-color:var(--bg-surface);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.brand-name{color:var(--text-primary);letter-spacing:-.3px;font-size:1.05rem;font-weight:600}.user-badge{align-items:center;gap:14px;display:flex}.user-email{color:var(--text-secondary);font-size:.85rem}.btn-signout{border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background-color:#0000;padding:6px 12px;font-size:.825rem;font-weight:500}.btn-signout:hover{background-color:var(--bg-hover);color:var(--text-primary)}.dashboard-main{flex:1;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);background-color:#fafafa;flex-direction:column;width:320px;min-width:290px;max-width:360px;height:100%;display:flex}.sidebar-search-container{border-bottom:1px solid var(--border-color);flex-direction:column;gap:10px;padding:16px;display:flex}.search-input{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;transition:var(--transition);padding:8px 12px;font-size:.85rem}.search-input:focus{border-color:var(--border-focus)}.filter-select{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;width:100%;padding:8px 10px;font-size:.85rem}.ticket-list{flex-direction:column;flex:1;gap:4px;padding:8px;display:flex;overflow-y:auto}.ticket-card{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background-color:#0000;border:1px solid #0000;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.ticket-card:hover{background-color:var(--bg-hover)}.ticket-card.active{background-color:var(--bg-surface);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.ticket-card-header{justify-content:space-between;align-items:center;display:flex}.app-id-tag{text-transform:uppercase;background-color:var(--bg-hover);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:500}.ticket-date{color:var(--text-muted);font-size:.75rem}.ticket-subject{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.ticket-snippet{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.ticket-card-footer{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.ticket-sender{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.75rem;overflow:hidden}.status-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.status-badge.open{color:var(--color-primary);background-color:#ebf5ff}.status-badge.resolved{background-color:var(--bg-hover);color:var(--text-secondary)}.status-badge.closed{color:#e11d48;background-color:#fff1f2}.chat-pane{background-color:var(--bg-surface);flex-direction:column;flex:1;height:100%;display:flex}.chat-empty-state{color:var(--text-secondary);background-color:var(--bg-main);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.chat-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chat-header-title{color:var(--text-primary);letter-spacing:-.3px;font-size:1.1rem;font-weight:600}.chat-header-meta{color:var(--text-secondary);align-items:center;gap:8px;margin-top:3px;font-size:.8rem;display:flex}.dot-separator{background-color:var(--text-muted);border-radius:50%;width:4px;height:4px}.chat-header-actions{gap:8px;display:flex}.btn-action{background-color:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);color:var(--text-secondary);border-radius:6px;padding:6px 14px;font-size:.825rem;font-weight:500}.btn-action:hover{background-color:var(--bg-hover);border-color:var(--text-primary);color:var(--text-primary)}.btn-action.primary{background-color:var(--text-primary);border-color:var(--text-primary);color:var(--bg-surface)}.btn-action.primary:hover{background-color:#333;border-color:#333}.mobile-ticket-back{border:1px solid var(--border-color);background:var(--bg-surface);width:fit-content;min-height:34px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;font-size:.82rem;font-weight:600;display:none}.email-thread-container{background-color:var(--bg-main);flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.email-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.email-card.user{border-left:4px solid var(--color-primary)}.email-card.admin{border-left:4px solid #111}.email-card-header{border-bottom:1px solid var(--border-color);background-color:#fafafc;justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex}.email-header-left{align-items:center;gap:12px;display:flex}.email-avatar{color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:600;display:flex}.email-avatar.user{background-color:var(--color-primary)}.email-avatar.admin{background-color:#111}.email-sender-info{text-align:left;flex-direction:column;gap:2px;display:flex}.email-sender-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.email-sender-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.email-sender-address{color:var(--text-secondary);font-family:monospace;font-size:.75rem}.email-recipient-row{color:var(--text-muted);text-align:left;font-size:.75rem}.email-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:600}.email-badge.user{color:var(--color-primary);background-color:#ebf5ff;border:1px solid #d0e7ff}.email-badge.admin{color:var(--text-primary);border:1px solid var(--border-color);background-color:#f3f4f6}.email-header-right{align-items:center;display:flex}.email-timestamp{color:var(--text-secondary);font-size:.75rem}.email-card-body{white-space:pre-wrap;word-break:break-word;color:#222;text-align:left;padding:20px 24px;font-size:.925rem;line-height:1.6}.email-composer-container{border-top:1px solid var(--border-color);background-color:var(--bg-main);padding:0 24px 24px}.email-composer-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin-top:20px;overflow:hidden}.email-composer-topbar{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.email-composer-topbar div{flex-direction:column;gap:2px;display:flex}.email-composer-topbar strong{color:var(--text-primary);font-size:.88rem}.email-composer-topbar span{color:var(--text-muted);font-size:.75rem}.email-composer-close{border:1px solid var(--border-color);background:var(--bg-surface);min-height:30px;color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:0 12px;font-size:.8rem;font-weight:600}.email-composer-form{flex-direction:column;display:flex}.email-composer-launch{border-top:1px solid var(--border-color);background:var(--bg-main);justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.reply-compose-button{color:#fff;cursor:pointer;min-height:42px;box-shadow:var(--shadow-sm);background:#111;border:1px solid #111;border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-size:.9rem;font-weight:700;display:inline-flex}.reply-compose-button:hover{background:#333;border-color:#333}.reply-compose-icon{justify-content:center;align-items:center;display:inline-flex}.email-composer-launch-note{color:var(--text-muted);font-size:.8rem}.email-composer-header{border-bottom:1px solid var(--border-color);background-color:#fafafc;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.email-composer-row{text-align:left;grid-template-columns:80px 1fr;align-items:center;font-size:.85rem;display:grid}.email-composer-label{color:var(--text-secondary);font-weight:500}.email-composer-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;overflow:hidden}.email-composer-from-select{border:1px solid var(--border-color);background-color:var(--bg-surface);width:100%;min-height:32px;color:var(--text-primary);border-radius:6px;outline:none;padding:4px 8px;font-family:monospace;font-size:.85rem}.email-composer-from-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0071e31f}.email-composer-from-select:disabled{opacity:.65;cursor:not-allowed}.email-composer-input-subject{color:var(--text-secondary);background:0 0;border:none;width:100%;padding:0;font-family:inherit;font-size:.85rem}.email-composer-textarea-wrapper{background-color:var(--bg-surface);padding:16px 20px}.email-composer-textarea{resize:vertical;width:100%;min-height:140px;color:var(--text-primary);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:.9rem;line-height:1.6}.email-composer-footer{border-top:1px solid var(--border-color);background-color:#fafafc;justify-content:flex-end;align-items:center;padding:12px 20px;display:flex}.btn-send-email{background-color:var(--text-primary);color:var(--bg-surface);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;height:38px;padding:8px 20px;font-size:.85rem;font-weight:500;display:flex}.btn-send-email:hover{background-color:#333}.btn-send-email:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}@media (width<=760px){.app-container{height:100dvh}.app-header{flex-wrap:wrap;align-items:flex-start;gap:8px;padding:10px 14px}.brand-name{font-size:.95rem}.user-badge{gap:8px;width:100%;padding-bottom:2px;overflow-x:auto}.user-email{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.dashboard-main{min-width:0}.sidebar{border-right:none;width:100%;min-width:0;max-width:none}.chat-pane{width:100%;min-width:0;display:none}.dashboard-main.ticket-open .sidebar,.dashboard-main.settings-open .sidebar{display:none}.dashboard-main.ticket-open .chat-pane,.dashboard-main.settings-open .chat-pane{display:flex}.sidebar-search-container{padding:12px}.ticket-list{padding:8px 10px 16px}.ticket-sender{max-width:210px}.chat-header{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.mobile-ticket-back{display:inline-flex}.chat-header-title{font-size:1rem;line-height:1.3}.chat-header-meta,.chat-header-actions{flex-wrap:wrap}.dot-separator{display:none}.email-thread-container{gap:14px;padding:14px}.email-card-header{gap:10px;padding:12px}.email-header-left{align-items:flex-start;min-width:0}.email-sender-info{min-width:0}.email-sender-address,.email-recipient-row{overflow-wrap:anywhere}.email-header-right{display:none}.email-card-body{padding:14px;font-size:.88rem}.email-composer-container{padding:0 14px 14px}.email-composer-launch{flex-direction:column;align-items:stretch;padding:12px 14px}.reply-compose-button{justify-content:center;width:100%}.email-composer-launch-note{text-align:center}.email-composer-topbar{flex-direction:column;align-items:flex-start}.email-composer-header{padding:12px}.email-composer-row{grid-template-columns:58px minmax(0,1fr);gap:8px}.email-composer-value{white-space:normal;overflow-wrap:anywhere}.email-composer-from-select{min-width:0;font-size:.78rem}.email-composer-textarea-wrapper{padding:12px}}.error-banner{border-radius:var(--border-radius);color:#e11d48;text-align:center;background-color:#fff1f2;border:1px solid #ffe4e6;padding:10px;font-size:.85rem}.success-banner{border-radius:var(--border-radius);color:#16a34a;text-align:center;background-color:#f0fdf4;border:1px solid #dcfce7;padding:10px;font-size:.85rem}.support-hp-field{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.spinner{border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spin-animate{animation:1s linear infinite spin}.settings-pane{background-color:var(--bg-surface);flex-direction:column;height:100%;display:flex}.settings-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-surface);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.settings-title{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.settings-close-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);transition:var(--transition);background:0 0;border:none;padding:6px 12px;font-size:.85rem}.settings-close-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.settings-content{flex-direction:column;flex:1;gap:32px;padding:24px;display:flex;overflow-y:auto}.settings-section{border-bottom:1px solid var(--border-color);padding-bottom:32px}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-section-title{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:600}.settings-section-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.85rem}.channels-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.channel-card{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-main);transition:var(--transition);flex-direction:column;gap:12px;padding:16px;display:flex}.channel-card:hover{border-color:var(--text-muted)}.channel-card-header{justify-content:space-between;align-items:center;display:flex}.channel-card-name{font-size:.9rem;font-weight:600}.channel-card-email{color:var(--text-secondary);word-break:break-all;font-size:.8rem}.channel-card-meta{color:var(--text-muted);font-size:.75rem}.channel-card-actions{gap:8px;margin-top:auto;display:flex}.btn-channel-edit{background-color:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;text-align:center;transition:var(--transition);border-radius:4px;flex:1;padding:6px;font-size:.75rem;font-weight:500}.btn-channel-edit:hover{background-color:var(--bg-hover)}.btn-channel-delete{color:#dc2626;cursor:pointer;transition:var(--transition);background-color:#0000;border:1px solid #0000;border-radius:4px;padding:6px 10px;font-size:.75rem;font-weight:500}.btn-channel-delete:hover{background-color:#fef2f2;border-color:#fca5a5}.settings-form{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;gap:16px;padding:20px;display:flex}.settings-form-title{margin-bottom:8px;font-size:.95rem;font-weight:600}.settings-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.product-assignment-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;display:grid}.product-assignment-option{border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:10px;font-size:.82rem;display:flex}.product-assignment-option input{margin-top:2px}.product-assignment-option span{gap:3px;display:grid}.product-assignment-option small{color:var(--text-muted);font-size:.7rem;line-height:1.35}.secure-link-badge{color:#dc2626;cursor:not-allowed;background-color:#fef2f2;border:1px dashed #fca5a5;border-radius:4px;margin:0 2px;padding:2px 6px;font-family:monospace;font-size:.85rem;text-decoration:line-through;display:inline-block}.btn-action.success{color:#fff;background-color:#10b981;border-color:#10b981}.btn-action.success:hover{color:#fff;background-color:#059669;border-color:#059669}.status-modal-backdrop{z-index:1000;background:#11182761;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.status-modal-card{background:var(--bg-surface);border:1px solid var(--border-color);width:min(560px,100%);max-height:calc(100vh - 36px);box-shadow:var(--shadow-lg);border-radius:10px;padding:22px;overflow:auto}.status-modal-header{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.status-modal-header h3{letter-spacing:-.02em;margin-bottom:4px;font-size:1.15rem}.status-modal-header p{color:var(--text-secondary);font-size:.85rem}.status-modal-close{border:1px solid var(--border-color);background:var(--bg-surface);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:999px;flex:none}.status-modal-ticket{border:1px solid var(--border-color);background:var(--bg-main);border-radius:8px;flex-direction:column;gap:3px;margin-bottom:18px;padding:12px;display:flex}.status-modal-ticket span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.status-modal-ticket strong{color:var(--text-primary);font-size:.92rem}.status-modal-preview{border:1px solid var(--border-color);color:var(--text-secondary);background:#fafafa;border-radius:8px;padding:12px;font-size:.88rem;line-height:1.5}.status-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media (width<=640px){.status-modal-backdrop{align-items:flex-end;padding:12px}.status-modal-card{border-radius:10px;padding:18px}.status-modal-actions{flex-direction:column-reverse}.status-modal-actions .btn-action{justify-content:center;width:100%}}.status-badge.resolved{color:#10b981;background-color:#ecfdf5}.settings-layout{flex:1;display:flex;overflow:hidden}.settings-nav{border-right:1px solid var(--border-color);background-color:#fafafc;flex-direction:column;flex-shrink:0;gap:4px;width:190px;min-width:170px;padding:16px 10px;display:flex;overflow-y:auto}.settings-nav-btn{width:100%;color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;background-color:#0000;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;font-weight:500;display:flex}.settings-nav-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.settings-nav-btn.active{background-color:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);font-weight:600}.settings-nav-icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.settings-nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.settings-tab-content{flex-direction:column;flex:1;gap:28px;min-width:0;padding:28px 32px;display:flex;overflow-y:auto}.branding-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:20px;display:grid}.branding-card{border:1px solid var(--border-color);background-color:var(--bg-main);transition:var(--transition);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex}.branding-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.branding-avatar-preview{object-fit:cover;border:2px solid var(--border-color);background-color:var(--bg-hover);border-radius:50%;width:64px;height:64px}.branding-avatar-placeholder{background-color:var(--bg-hover);border:2px dashed var(--border-color);width:64px;height:64px;color:var(--text-muted);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.branding-card-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.branding-card-email{color:var(--text-secondary);word-break:break-all;font-size:.78rem}.branding-card-status{border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:600}.branding-card-status.has-avatar{color:#10b981;background-color:#ecfdf5}.branding-card-status.no-avatar{color:#ea580c;background-color:#fff7ed}.info-guide-card{background:linear-gradient(135deg,#eff6ff 0%,#f0f9ff 100%);border:1px solid #bfdbfe;border-radius:10px;flex-direction:column;gap:12px;padding:20px 24px;display:flex}.info-guide-card h4{color:#1e40af;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.info-guide-card p,.info-guide-card li{color:#1e3a8a;font-size:.82rem;line-height:1.55}.info-guide-card ol{flex-direction:column;gap:6px;padding-left:18px;display:flex}.branding-form{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;gap:16px;max-width:520px;padding:20px;display:flex}.branding-form-title{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.95rem;font-weight:600;display:flex}.branding-form-preview{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:14px;padding:12px;display:flex}.branding-form-preview-img{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:48px;height:48px}.branding-form-preview-placeholder{background-color:var(--bg-hover);border:2px dashed var(--border-color);width:48px;height:48px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.system-config-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.system-config-card{border:1px solid var(--border-color);background-color:var(--bg-main);border-radius:10px;flex-direction:column;gap:10px;padding:20px;display:flex}.system-config-card-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.system-config-card-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.45}.system-config-toggle{align-items:center;gap:10px;margin-top:4px;display:flex}.system-config-toggle label{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:.82rem;font-weight:500;display:flex}@media (width<=900px){.settings-layout{flex-direction:column}.settings-nav{border-right:none;border-bottom:1px solid var(--border-color);flex-direction:row;gap:6px;width:100%;min-width:auto;padding:10px;overflow-x:auto}.settings-nav-btn{white-space:nowrap;padding:8px 12px;font-size:.8rem}.settings-tab-content{padding:20px 16px}}