:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}body{color:#17202a;background:#f4f6f8;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}.page{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0}.hero{color:#fff;background:linear-gradient(135deg,#17202a,#2c3e50);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px;display:flex}.eyebrow{color:#9fd3ff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:14px;font-weight:700}h1{margin:0;font-size:42px}.heroText{color:#d6e4f0;margin:10px 0 0}.stats{text-align:center;background:#ffffff1f;border-radius:22px;min-width:150px;padding:20px}.stats span{font-size:42px;font-weight:800;display:block}.stats p{color:#d6e4f0;margin:4px 0 0}.layout{grid-template-columns:360px 1fr;align-items:start;gap:20px;display:grid}.card{background:#fff;border:1px solid #e3e8ef;border-radius:24px;box-shadow:0 14px 40px #17202a14}.form{padding:22px}.form h2{margin:0 0 18px}label{color:#34495e;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;display:grid}input,textarea,select{color:#17202a;background:#fff;border:1px solid #d8dee8;border-radius:14px;outline:none;width:100%;padding:12px 14px}input:focus,textarea:focus,select:focus{border-color:#3498db;box-shadow:0 0 0 4px #3498db1f}button{color:#fff;cursor:pointer;background:#3498db;border:0;border-radius:14px;width:100%;padding:13px 16px;font-weight:800}button:hover{background:#258cd1}.tickets{gap:16px;display:grid}.toolbar{grid-template-columns:1fr 220px;gap:12px;display:grid}.ticketList{gap:14px;display:grid}.ticket{padding:20px}.ticketHeader{justify-content:space-between;align-items:start;gap:16px;display:flex}.ticket h3{margin:0;font-size:20px}.ticketHeader p{color:#6b7b8d;margin:6px 0 0}.description{margin:18px 0;line-height:1.6}.priority,.status{border-radius:999px;align-items:center;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex}.priority.low{color:#247a35;background:#edf7ed}.priority.medium{color:#9a6500;background:#fff7e6}.priority.high{color:#b94b00;background:#fff0e8}.priority.critical{color:#b42318;background:#ffecec}.status{color:#2454a6;background:#eef4ff}.ticketFooter{grid-template-columns:220px auto 120px;align-items:center;gap:12px;display:grid}.deleteButton{color:#2c3e50;background:#ecf0f1}.deleteButton:hover{background:#dce3e6}.empty{color:#6b7b8d;text-align:center;background:#fff;border:1px dashed #ccd6e0;border-radius:24px;padding:32px}@media (width<=880px){.hero,.ticketHeader{flex-direction:column;align-items:stretch}.layout,.toolbar,.ticketFooter{grid-template-columns:1fr}h1{font-size:32px}}.statGrid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.statCard{background:#fff;border:1px solid #e3e8ef;border-radius:20px;padding:16px;box-shadow:0 10px 30px #17202a0f}.statCard span{color:#17202a;font-size:28px;font-weight:900;display:block}.statCard p{color:#6b7b8d;margin:4px 0 0;font-size:14px;font-weight:700}@media (width<=880px){.statGrid{grid-template-columns:1fr 1fr}}.ticketFooter{grid-template-columns:180px auto 120px 120px}.detailsButton{color:#2454a6;background:#eef4ff;border-radius:14px;justify-content:center;align-items:center;min-height:46px;font-weight:800;text-decoration:none;display:inline-flex}.detailsButton:hover{background:#dfeaff}.detailsPage{gap:18px;display:grid}.backLink{color:#2454a6;width:fit-content;font-weight:800;text-decoration:none}.backLink:hover{text-decoration:underline}.detailsCard{padding:28px}.detailsHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.detailsHeader h1{color:#17202a}.detailsHeader p{color:#6b7b8d;margin:8px 0 0}.detailsGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.detailsGrid div{background:#f4f6f8;border-radius:18px;padding:16px}.detailsGrid span{color:#6b7b8d;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.detailsGrid strong{color:#17202a}.detailsDescription{border-top:1px solid #e3e8ef;padding-top:8px}.detailsDescription h2{margin:16px 0 8px}.detailsDescription p{color:#34495e;line-height:1.7}@media (width<=880px){.ticketFooter,.detailsGrid{grid-template-columns:1fr}.detailsHeader{flex-direction:column}}