@font-face{font-family:Montserrat;src:url('/brand/Montserrat.ttf') format('truetype');font-weight:100 900;font-display:swap}:root{font-family:Montserrat,Arial,sans-serif;color-scheme:dark;--bg:#0e1726;--surface:#132b4cdd;--text:#f7f9fc;--muted:#a9bed8;--line:#7ab6e433;--blue:#1e68ff;--accent:#00d4ff;--field:#081d35;--shadow:#0003}html[data-theme=light]{color-scheme:light;--bg:#edf3fc;--surface:#ffffffd9;--text:#152b4b;--muted:#516783;--line:#19478129;--field:#f7f9fc;--shadow:#19478115}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#1e68ff20,transparent 50%),var(--bg);color:var(--text);font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{border:1px solid #77aaff55;background:linear-gradient(120deg,#0a52df,#1e68ff);color:white;border-radius:12px;padding:10px 18px;cursor:pointer;font-weight:600;min-height:44px}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){filter:brightness(1.12)}button.secondary,button.quiet{background:transparent;color:var(--text);border-color:var(--line)}button.quiet{border-color:transparent}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-1px;margin:10px 0 14px}h2{font-size:21px}p{color:var(--muted)}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700;color:var(--accent)}.glass{background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 40px var(--shadow);backdrop-filter:blur(28px);border-radius:24px;padding:26px}.brand{display:flex;flex-wrap:wrap;align-items:center;gap:8px;text-decoration:none;color:var(--text);margin-bottom:30px}.brand img:first-child{width:44px;object-fit:contain}.brand img:nth-child(2){width:135px;object-fit:contain}.brand .brand-light{display:none}.brand span{width:100%;font-size:9px;letter-spacing:2px;color:var(--muted);padding-left:52px}html[data-theme=light] .brand img:first-child,html[data-theme=light] .brand img:nth-child(2){display:none}html[data-theme=light] .brand .brand-light{display:block;width:190px}form{display:grid;gap:16px;margin:20px 0}label{display:grid;gap:7px;font-weight:600}input,select,textarea{width:100%;min-width:0;background:var(--field);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:12px;min-height:46px;font-weight:400}textarea{resize:vertical;min-height:90px}.auth{min-height:100dvh;display:grid;place-items:center;padding:28px}.auth>.glass{width:min(100%,480px)}.auth h1{font-size:34px}.qr{display:block;width:220px;max-width:100%;background:white;padding:12px;margin:20px auto}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh}.sidebar{padding:30px 20px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:16px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{text-align:left;background:transparent;color:var(--muted);border-color:transparent}.sidebar nav button.active{color:var(--text);background:#1e68ff2b;border-color:#1e68ff66}.sidebar-end{display:grid;gap:8px;margin-top:auto}.shell>main{min-width:0;padding:0 36px 40px}header{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:85px;border-bottom:1px solid var(--line);margin-bottom:30px;color:var(--muted)}.chip{display:inline-block;border:1px solid var(--line);border-radius:50px;font-size:11px;padding:4px 10px;white-space:nowrap}.table-wrap{padding:8px 20px;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{padding:16px 12px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}td small{display:block;color:var(--muted)}code{font-size:11px}.toolbar{display:flex;align-items:center;gap:12px;margin:20px 0}.toolbar input{max-width:500px}.empty{text-align:center;padding:48px;color:var(--muted)}.detail{position:fixed;inset:24px 24px 24px auto;width:min(460px,calc(100vw - 32px));overflow:auto;z-index:3;box-shadow:0 0 0 100vmax #0008}.detail dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;overflow-wrap:anywhere}.detail dd{margin:0}.detail dt{color:var(--muted)}.error,.notice{border-radius:12px;padding:12px 16px;border:1px solid #ff8a0066;overflow-wrap:anywhere}.error{background:#e73a5d18;color:#ffb4c3}.notice{background:#00d4ff10;color:var(--accent)}html[data-theme=light] .error{color:#9a1734}.loading-mark{width:90px;display:block;margin:auto}@media(max-width:900px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:24px 14px}.brand img:nth-child(2){width:110px}.shell>main{padding:0 20px 28px}}@media(max-width:650px){.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:16px}.sidebar .brand{margin:0}.sidebar nav{display:flex;overflow:auto;gap:8px;padding:10px 0}.sidebar nav button{white-space:nowrap}.sidebar-end{display:flex;flex-wrap:wrap;align-items:center}.shell>main{padding:0 16px 24px}header{min-height:70px;flex-wrap:wrap;font-size:12px;margin-bottom:20px}.glass{padding:20px}.table-wrap{padding:4px 8px}.auth{padding:16px}input,select,textarea{font-size:16px}.toolbar{flex-wrap:wrap}.toolbar input{flex:1;min-width:180px}.detail{inset:12px 12px 12px auto}.brand span{display:none}}
@media(prefers-reduced-motion:no-preference){.glass{animation:enter .25s ease-out}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
.brand .brand-light{max-width:100%}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.kpi-grid strong{display:block;font-size:32px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.report-grid .glass{min-width:0}.usage-chart{width:100%;max-height:260px}.kpi-grid small{color:var(--muted)}@media(max-width:1000px){.kpi-grid{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}}@media(max-width:450px){.kpi-grid{grid-template-columns:1fr}}
.ticket-detail{width:min(720px,calc(100vw - 32px))}.ticket-log{display:grid;gap:12px;margin:24px 0}.ticket-message{padding:16px;border-radius:16px;background:#1e68ff10;border:1px solid var(--line)}.ticket-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.ticket-message small{color:var(--muted)}.internal-note{background:#ff8a0010;border-color:#ff8a0044}

.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.toolbar{flex-wrap:wrap}.toolbar input{min-width:140px}.report-grid form{min-width:0}.detail code{overflow-wrap:anywhere}