.support-guides{align-items:stretch}.support-card{display:grid;gap:12px;grid-template-rows:auto auto 1fr auto}.support-card h2{color:var(--app-text);font-size:22px;margin:0}.support-card p{color:var(--app-muted);line-height:1.6;margin:0}.support-workspace{display:grid;gap:16px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);margin-top:16px}.support-panel{margin-top:16px}.support-form{display:grid;gap:14px}.support-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.support-field{display:grid;gap:8px}.support-field span{color:var(--app-muted);font-size:12px;font-weight:900;text-transform:uppercase}.support-field input,.support-field select,.support-field textarea{background:var(--app-field-bg);border:1px solid var(--app-border);border-radius:8px;color:var(--app-text);font:inherit;font-size:14px;font-weight:800;outline:0;padding:13px 14px;width:100%}.support-field textarea{line-height:1.55;resize:vertical}.support-actions{align-items:center;display:flex;gap:14px;justify-content:space-between}.support-actions p{color:var(--app-muted);font-size:13px;font-weight:750;margin:0}.support-actions button{background:var(--app-green);border:0;border-radius:999px;color:#06111c;cursor:pointer;font:inherit;font-size:15px;font-weight:1000;min-height:48px;min-width:150px;padding:0 22px}.support-actions button:disabled{cursor:progress;opacity:.6}.support-side{align-content:start;display:grid;gap:16px}.support-side h2{color:var(--app-text);font-size:24px;margin:0}.support-steps{display:grid;gap:12px}.support-steps div{align-items:start;background:color-mix(in srgb,var(--app-field-bg) 72%,transparent);border:1px solid var(--app-border);border-radius:8px;display:grid;gap:12px;grid-template-columns:36px 1fr;padding:14px}.support-steps strong{align-items:center;background:var(--app-green-soft);border-radius:999px;color:var(--app-green);display:inline-flex;font-size:14px;height:34px;justify-content:center;width:34px}.support-steps span,.support-sla p{color:var(--app-muted);font-size:13px;font-weight:750;line-height:1.55}.support-sla{background:var(--app-yellow-soft);border:1px solid rgba(245,185,52,.22);border-radius:8px;padding:14px}.support-sla strong{color:var(--app-yellow);display:block;margin-bottom:6px}.support-empty{background:color-mix(in srgb,var(--app-field-bg) 78%,transparent);border:1px dashed var(--app-border);border-radius:8px;color:var(--app-muted);display:grid;gap:6px;padding:18px}.support-empty strong{color:var(--app-text)}.support-ticket-list{display:grid;gap:12px}.support-ticket{align-items:start;background:color-mix(in srgb,var(--app-field-bg) 78%,transparent);border:1px solid var(--app-border);border-radius:8px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;padding:16px}.support-ticket small{color:var(--app-green);display:block;font-size:12px;font-weight:900;margin-bottom:7px;text-transform:uppercase}.support-ticket h3{color:var(--app-text);font-size:18px;line-height:1.25;margin:0 0 7px}.support-ticket p{color:var(--app-muted);font-size:13px;line-height:1.55;margin:0}.support-ticket-meta{align-items:end;display:flex;flex-wrap:wrap;gap:8px;justify-content:end;min-width:210px}.support-ticket time{color:var(--app-muted);flex-basis:100%;font-size:12px;font-weight:850;text-align:right}html[data-app-theme=light] .support-field input,html[data-app-theme=light] .support-field select,html[data-app-theme=light] .support-field textarea,html[data-app-theme=light] .support-steps div,html[data-app-theme=light] .support-empty,html[data-app-theme=light] .support-ticket{background:#fff}@media screen and (max-width:980px){.support-workspace{grid-template-columns:1fr}}@media screen and (max-width:640px){.support-form-grid,.support-ticket{grid-template-columns:1fr}.support-actions{align-items:stretch;display:grid}.support-actions button{width:100%}.support-ticket-meta{justify-content:start;min-width:0}.support-ticket time{text-align:left}}.support-guides.app-grid.cols-3{gap:14px}.support-card.app-card{background:linear-gradient(140deg,color-mix(in srgb,var(--app-panel-bg) 92%,var(--app-green) 8%),var(--app-panel-bg));min-height:210px;overflow:hidden;padding:20px;position:relative}.support-card.app-card:before{background:radial-gradient(circle,rgba(9,228,141,.18),transparent 64%);content:"";height:150px;position:absolute;right:-56px;top:-72px;width:150px}.support-card .app-stat-icon{height:48px;width:48px}.support-card h2,.support-card p,.support-card a{position:relative;z-index:1}.support-card h2{font-size:21px}.support-card p{font-size:14px;max-width:52ch}.support-card .app-panel-link{justify-content:center;margin-top:6px}.support-workspace{align-items:stretch;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);margin-top:18px}.support-form.app-panel,.support-side.app-panel,.support-panel.app-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--app-panel-bg) 88%,var(--app-green) 8%),var(--app-panel-bg) 58%),var(--app-panel-bg);overflow:hidden;position:relative}.support-form.app-panel{gap:18px;padding:24px}.support-form.app-panel:after{background:linear-gradient(90deg,var(--app-green),rgba(245,185,52,.8),rgba(255,109,78,.9));bottom:0;content:"";height:3px;left:22px;position:absolute;right:22px}.support-form .app-panel-header{margin-bottom:2px}.support-form .app-panel-header h2{font-size:clamp(26px,2.4vw,34px);letter-spacing:0}.support-form .app-panel-header p{font-size:14px;line-height:1.55;max-width:760px}.support-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,.72fr)}.support-field{gap:9px;min-width:0}.support-field span{color:var(--app-muted);font-size:12px;letter-spacing:0}.support-field input,.support-field select,.support-field textarea{appearance:none;background:color-mix(in srgb,var(--app-field-bg) 88%,var(--app-green) 4%);border:1px solid color-mix(in srgb,var(--app-border) 82%,var(--app-green) 18%);border-radius:8px;box-shadow:inset 0 1px #ffffff08;color:var(--app-text);display:block;font:inherit;font-size:15px;font-weight:850;line-height:1.35;min-height:54px;outline:0;padding:0 16px;width:100%}.support-field select{background-image:linear-gradient(45deg,transparent 50%,var(--app-muted) 50%),linear-gradient(135deg,var(--app-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 24px,calc(100% - 12px) 24px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:38px}.support-field textarea{min-height:142px;padding:15px 16px}.support-field input:focus,.support-field select:focus,.support-field textarea:focus{border-color:#09e48db8;box-shadow:0 0 0 3px #09e48d1f}.support-actions{background:color-mix(in srgb,var(--app-field-bg) 72%,transparent);border:1px solid var(--app-border);border-radius:8px;padding:12px}.support-actions button{box-shadow:0 16px 32px #09e48d2e;min-width:170px}.support-side.app-panel{align-content:stretch;gap:18px;padding:24px}.support-side h2{color:var(--app-text);font-size:clamp(25px,2.2vw,32px);line-height:1.05}.support-steps{gap:10px;position:relative}.support-steps div{background:color-mix(in srgb,var(--app-field-bg) 80%,transparent);border:1px solid color-mix(in srgb,var(--app-border) 86%,var(--app-green) 14%);border-radius:8px;grid-template-columns:42px 1fr;min-height:76px;padding:14px}.support-steps strong{background:linear-gradient(135deg,var(--app-green),#12b7ff);color:#06111c;font-size:15px;font-weight:1000;height:40px;width:40px}.support-steps span{align-self:center;color:var(--app-soft);font-size:14px}.support-sla{align-self:end;background:linear-gradient(135deg,#f5b93429,#09e48d14);border-color:#f5b93447;padding:16px}.support-panel.app-panel{padding:24px}.support-empty{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--app-field-bg) 82%,var(--app-green) 6%),var(--app-field-bg));border-style:solid;display:flex;gap:12px;justify-content:space-between}.support-empty span{color:var(--app-muted);font-size:14px;line-height:1.5}.support-ticket{background:linear-gradient(135deg,color-mix(in srgb,var(--app-field-bg) 80%,var(--app-green) 5%),var(--app-field-bg));border-color:color-mix(in srgb,var(--app-border) 84%,var(--app-green) 16%);padding:18px}.support-ticket h3{color:var(--app-text);font-size:22px;letter-spacing:0}.support-ticket p{color:var(--app-soft);font-size:14px}html[data-app-theme=light] .support-card.app-card,html[data-app-theme=light] .support-form.app-panel,html[data-app-theme=light] .support-side.app-panel,html[data-app-theme=light] .support-panel.app-panel{background:#fff}html[data-app-theme=light] .support-field input,html[data-app-theme=light] .support-field select,html[data-app-theme=light] .support-field textarea,html[data-app-theme=light] .support-actions,html[data-app-theme=light] .support-steps div,html[data-app-theme=light] .support-empty,html[data-app-theme=light] .support-ticket{background:#f7fbff}@media screen and (max-width:1180px){.support-workspace{grid-template-columns:1fr}.support-side.app-panel{align-content:start}}@media screen and (max-width:720px){.support-form.app-panel,.support-side.app-panel,.support-panel.app-panel{padding:18px}.support-form-grid{grid-template-columns:1fr}.support-actions,.support-empty,.support-ticket{align-items:stretch;display:grid;grid-template-columns:1fr}.support-actions button{width:100%}}
