:root{color:#f8fafc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--primary:#3b82f6;--primary-dark:#2563eb;--text:#f8fafc;--muted:#94a3b8;--border:#334155;--surface:#1e293b;--background:#020617;--sidebar:#0f172a;--danger:#ef4444;--success:#22c55e;--warning:#eab308;--shadow:0 16px 38px #0000004d;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--primary)}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #3b82f659}#root{min-height:100vh}.landing-page{background:radial-gradient(circle at 12% 8%, #3b82f633, transparent 30%), radial-gradient(circle at 88% 32%, #22c55e14, transparent 25%), var(--background);min-height:100vh;overflow:hidden}.landing-nav,.landing-hero,.landing-section,.landing-cta,.landing-footer{width:min(1180px,100% - 40px);margin-inline:auto}.landing-nav{justify-content:space-between;align-items:center;gap:20px;min-height:82px;display:flex}.landing-nav nav,.landing-actions{gap:10px;display:flex}.landing-brand{color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:850;text-decoration:none;display:inline-flex}.landing-brand span{background:var(--primary);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);align-items:center;gap:70px;min-height:680px;padding:70px 0 100px;display:grid}.landing-copy h1{letter-spacing:-.045em;max-width:720px;margin:18px 0 22px;font-size:clamp(42px,6vw,72px);line-height:1.02}.landing-copy>p{max-width:650px;color:var(--muted);font-size:19px;line-height:1.7}.landing-actions{margin-top:30px}.landing-preview{border:1px solid var(--border);background:#0f172ae0;border-radius:22px;padding:24px;transform:perspective(1200px)rotateY(-4deg)rotateX(2deg);box-shadow:0 30px 80px #00000073}.preview-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding-bottom:18px;display:flex}.preview-header span,.preview-ticket small{color:var(--muted)}.preview-stats{grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0;display:grid}.preview-stats article{background:var(--surface);border-radius:11px;gap:5px;padding:14px;display:grid}.preview-stats span{color:var(--muted);font-size:11px}.preview-stats strong{font-size:25px}.preview-ticket{border-top:1px solid var(--border);align-items:center;gap:12px;padding:15px 4px;display:flex}.preview-ticket div{gap:4px;display:grid}.preview-dot{border-radius:50%;flex:none;width:9px;height:9px}.preview-dot.danger{background:var(--danger)}.preview-dot.warning{background:var(--warning)}.preview-dot.success{background:var(--success)}.landing-section{border-top:1px solid #33415599;padding:100px 0}.section-heading{max-width:700px;margin-bottom:42px}.section-heading h2,.landing-cta h2{letter-spacing:-.035em;margin:12px 0 0;font-size:clamp(30px,4vw,48px)}.feature-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.feature-card{border:1px solid var(--border);background:#1e293bb3;border-radius:15px;min-height:250px;padding:24px}.feature-card>span{color:var(--primary);font-weight:800}.feature-card h3{margin:54px 0 12px;font-size:20px}.feature-card p{color:var(--muted);line-height:1.6}.landing-cta{background:linear-gradient(135deg,#3b82f638,#1e293be6);border:1px solid #3b82f666;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;margin-block:80px;padding:44px;display:flex}.landing-footer{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;gap:20px;padding:28px 0;display:flex}.auth-page{background:radial-gradient(circle at 10% 10%, #3b82f633, transparent 32%), radial-gradient(circle at 90% 90%, #3b82f61a, transparent 30%), var(--background);place-items:center;min-height:100vh;padding:32px 20px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);width:min(100%,460px);box-shadow:var(--shadow);border-radius:20px;padding:38px}.auth-brand{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:15px;font-weight:800}.auth-card h1{margin:12px 0 8px;font-size:32px}.auth-card form,.stack-form,.interaction-form{gap:18px;margin:28px 0 20px;display:grid}label{color:var(--text);gap:7px;font-size:14px;font-weight:650;display:grid}input,select,textarea{width:100%;color:var(--text);background:var(--sidebar);border:1px solid var(--border);border-radius:9px;padding:11px 13px;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f62e}button{border:0}.button,.auth-card button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.button:hover,.auth-card button:hover{transform:translateY(-1px)}.button.primary,.auth-card button{color:var(--text);background:var(--primary)}.button.primary:hover,.auth-card button:hover{background:var(--primary-dark)}.button.secondary{color:var(--text);background:var(--border)}.button.danger{color:var(--text);background:var(--danger)}.button.danger:hover{background:#dc2626}.button:disabled,.auth-card button:disabled{cursor:not-allowed;opacity:.6;transform:none}.muted{color:var(--muted)}.success-message,.form-error,.auth-card [role=alert]{border-radius:8px;padding:10px 12px;font-size:14px}.forgot-link{margin:-8px 0 14px;display:block}.success-message{color:var(--success);background:#22c55e1f;margin-top:18px}.form-error,.auth-card [role=alert]{color:var(--danger);background:#ef44441f}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{min-height:100vh;color:var(--text);background:var(--sidebar);flex-direction:column;align-self:start;padding:24px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:4px 8px 24px;display:flex}.brand-mark{width:38px;height:38px;color:var(--text);background:var(--primary);border-radius:11px;place-items:center;font-weight:900;display:grid}.brand div,.sidebar-user div{min-width:0;display:grid}.brand small,.sidebar-user small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-nav{gap:6px;display:grid}.sidebar-organization-filter{color:var(--muted);text-transform:uppercase;margin:0 8px 18px;font-size:12px}.sidebar-organization-filter select{color:var(--text);text-transform:none;margin-top:7px}.nav-link{color:var(--muted);border-radius:9px;padding:11px 13px;font-weight:650;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--text);background:#3b82f62e}.sidebar-user{border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:auto;padding:18px 8px 2px;display:grid}.avatar{width:38px;height:38px;color:var(--text);background:var(--primary);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.button-link{color:var(--muted);cursor:pointer;background:0 0;padding:6px}.app-content{min-width:0}.mobile-header{display:none}.page{width:min(100%,1280px);margin:0 auto;padding:44px clamp(22px,4vw,58px) 60px}.narrow-page{max-width:900px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.page-header h1{letter-spacing:-.035em;margin:5px 0 7px;font-size:clamp(28px,4vw,40px)}.page-header p,.panel-header p{color:var(--muted);margin-bottom:0}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.stat-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 14px #00000029}.stat-card{gap:12px;padding:20px;display:grid}.stat-card span{color:var(--muted);font-size:14px}.stat-card strong{font-size:30px}.panel{padding:22px}.panel h2{margin-bottom:7px;font-size:19px}.panel-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.ticket-list{display:grid}.ticket-row{color:var(--text);border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 4px;text-decoration:none;display:grid}.ticket-row:hover{background:#3b82f614}.ticket-row div{gap:4px;min-width:0;display:grid}.ticket-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ticket-row small{color:var(--muted)}.badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:12px;font-weight:750;display:inline-flex}.status-aberto{color:var(--primary);background:#3b82f624}.status-em_atendimento{color:var(--warning);background:#eab30824}.status-resolvido{color:var(--success);background:#22c55e24}.status-fechado,.priority-baixa{color:var(--muted);background:#94a3b824}.priority-media{color:var(--primary);background:#3b82f624}.priority-alta{color:var(--danger);background:#ef444424}.filters{grid-template-columns:minmax(220px,1fr) 220px 220px;gap:12px;margin-bottom:10px;display:grid}.page-state{color:var(--muted);text-align:center;padding:36px 12px}.page-state.error{color:var(--danger)}.form-grid{grid-template-columns:1fr 220px;gap:20px;display:grid}.ticket-routing-grid{grid-template-columns:140px minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.inline-subject-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.full-width{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:10px;display:flex}.back-link{color:var(--muted);margin-bottom:20px;text-decoration:none;display:block}.ticket-title{align-items:center}.badge-group{gap:8px;display:flex}.detail-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:20px;display:grid}.detail-main,.detail-sidebar{gap:20px;display:grid}.ticket-description p{white-space:pre-wrap;margin:18px 0 0;line-height:1.7}.interactions{gap:12px;max-height:430px;padding-right:6px;display:grid;overflow-y:auto}.interaction{background:var(--sidebar);border-radius:4px 13px 13px;max-width:85%;padding:13px 15px}.interaction.own{background:#3b82f62e;border-radius:13px 4px 13px 13px;margin-left:auto}.interaction header{justify-content:space-between;gap:16px;margin-bottom:5px;font-size:12px;display:flex}.interaction time{color:var(--muted)}.interaction p{white-space:pre-wrap;margin:0}.interaction-attachments{gap:7px;margin-top:10px;display:grid}.attachment-link{width:fit-content;max-width:100%;color:var(--primary);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;padding:0;font-weight:700;overflow:hidden}.interaction-form{border-top:1px solid var(--border);margin-bottom:0;padding-top:20px}.interaction-form button{justify-self:end}.closed-notice{color:var(--warning);background:#eab3081f;border:1px solid #eab3084d;border-radius:9px;margin-top:20px;padding:13px 15px}.readonly-notice{color:var(--primary);background:#3b82f61f;border:1px solid #3b82f64d;border-radius:9px;padding:13px 15px}.organization-filter{width:min(100%,360px)}.organization-create-panel{margin-bottom:20px}.organization-create-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.organization-create-panel .stack-form{margin-bottom:0}.super-admin-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);align-items:start;gap:20px;display:grid}.profile-grid{gap:20px;display:grid}.profile-grid .stack-form{max-width:620px}.metadata dl{margin:16px 0 0}.metadata dl div{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.metadata dt{color:var(--muted)}.metadata dd{text-align:right;margin:0;font-weight:650}.members-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.member-list{display:grid}.member-row{border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center;gap:12px;padding:14px 0;display:grid}.member-row div{min-width:0;display:grid}.member-row small,.member-row time{color:var(--muted);font-size:12px}.role-pill{color:var(--text);background:var(--border);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.member-sector{gap:4px;font-size:11px}.member-sector input{min-height:34px;padding:8px 10px}.member-actions{gap:8px;display:flex}.member-actions .button{min-height:34px;padding:8px 10px}.member-form-panel .stack-form{margin-bottom:0}.compact-form{margin-top:14px}.sector-list{flex-wrap:wrap;gap:8px;margin:12px 0 24px;display:flex}.subjects-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.subject-list{display:grid}.subject-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.subject-row div{gap:3px;min-width:0;display:grid}.subject-row small{color:var(--muted);font-size:12px}@media (width<=1000px){.landing-hero{grid-template-columns:1fr}.landing-preview{transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid,.members-grid,.subjects-grid,.super-admin-grid,.ticket-routing-grid{grid-template-columns:1fr}}@media (width<=760px){.landing-nav{min-height:72px}.landing-nav nav .secondary{display:none}.landing-hero{grid-template-columns:minmax(0,1fr);gap:48px;min-height:auto;padding:70px 0}.landing-preview{padding:16px}.landing-cta{flex-direction:column;align-items:flex-start;padding:28px}.app-shell{display:block}.sidebar{min-height:auto;padding:14px;position:static}.brand{padding:0 2px 12px}.app-nav{padding-bottom:4px;display:flex;overflow-x:auto}.nav-link{flex:none}.sidebar-user{margin-top:12px}.mobile-header{display:none}.page{padding:28px 16px 44px}.page-header{flex-direction:column;align-items:flex-start}.filters,.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.ticket-row{grid-template-columns:minmax(0,1fr) auto}.ticket-row .badge:first-of-type{display:none}.member-row{grid-template-columns:auto minmax(0,1fr) auto}.member-row time,.member-row .member-sector,.member-row .member-actions{display:none}}@media (width<=520px){.landing-nav,.landing-hero,.landing-section,.landing-cta,.landing-footer{width:min(100% - 28px,1180px)}.landing-copy h1{font-size:40px}.landing-actions,.landing-footer{flex-direction:column;align-items:stretch}.feature-grid,.preview-stats{grid-template-columns:1fr}.auth-card{padding:26px 20px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:16px}.panel{padding:17px}.ticket-title .badge-group{flex-wrap:wrap}.interaction{max-width:95%}.form-actions{flex-direction:column-reverse;align-items:stretch}}