@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #0b100e;--bg-elev: #0e1512;--surface: #121b17;--surface-2: #0d1310;--line: #23302a;--line-soft: #1a231e;--ink: #e6efe9;--ink-soft: #8ba79a;--ink-faint: #5f776b;--accent: #35e07f;--accent-bright: #64ffab;--accent-dim: #1f7a48;--accent-ink: #04130a;--ok: #35e07f;--err: #ff6a5a;--err-bg: #241311;--glow: 0 0 18px rgba(53, 224, 127, .25);--glow-soft: 0 0 10px rgba(53, 224, 127, .18)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:15px;line-height:1.5;background-image:radial-gradient(900px 500px at 15% -10%,rgba(53,224,127,.06),transparent 60%),radial-gradient(800px 500px at 100% 0%,rgba(53,224,127,.04),transparent 55%);background-attachment:fixed}.mono{font-family:IBM Plex Mono,monospace}.display{font-family:Chakra Petch,IBM Plex Sans,sans-serif;font-weight:700;letter-spacing:.01em}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-bright)}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}.page{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0f1713,var(--surface))}.topbar .brand{display:flex;align-items:center;gap:11px}.topbar .brand img{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);box-shadow:var(--glow-soft)}.topbar .wordmark{font-family:Chakra Petch,sans-serif;font-weight:700;font-size:19px;letter-spacing:.16em;color:var(--accent);text-shadow:var(--glow-soft);line-height:1}.topbar .wordmark small{display:block;font-size:9px;letter-spacing:.28em;color:var(--ink-soft);text-shadow:none;margin-top:3px}.topbar nav{display:flex;align-items:center;gap:18px;font-size:14px}.topbar nav a{color:var(--ink-soft)}.topbar nav a:hover{color:var(--ink)}.topbar nav a.active{color:var(--accent);font-weight:600}.content{flex:1;padding:32px 24px 64px}.content-narrow{max-width:640px;margin:0 auto;width:100%}.content-wide{max-width:880px;margin:0 auto;width:100%}.auth-logo{display:block;width:200px;height:200px;margin:8px auto 28px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--glow)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;color:var(--ink-soft)}.field input,.field textarea{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);padding:10px 12px;border-radius:4px}.field input::placeholder,.field textarea::placeholder{color:var(--ink-faint)}.field input:focus,.field textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{font-size:14px;font-weight:600;padding:10px 18px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:8px;border-radius:4px;transition:background .12s,box-shadow .12s,border-color .12s}.btn:hover{border-color:var(--accent-dim)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent;color:var(--ink)}.btn-hi{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:var(--glow)}.btn-hi:hover:not(:disabled){background:var(--accent-bright);border-color:var(--accent-bright)}.btn-danger{background:transparent;color:var(--err);border-color:var(--err)}.btn-danger:hover:not(:disabled){background:var(--err-bg);border-color:var(--err)}.card{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:6px}.error-text{color:var(--err);font-size:13px;margin-top:8px}.muted{color:var(--ink-soft)}.spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin{animation:none}}.ticket{background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden;border-radius:6px}.ticket-perf{height:10px;background-image:radial-gradient(circle at 8px 5px,var(--bg) 4px,transparent 4.5px);background-size:16px 10px;background-repeat:repeat-x}.ticket-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.ticket-head .plat{font-weight:600;font-size:14px}.ticket-head .num{font-size:11px;color:var(--ink-soft)}.ticket-body{padding:0 16px 16px}.ticket textarea{width:100%;min-height:100px;resize:vertical;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);padding:10px;font-size:13.5px;line-height:1.45;border-radius:4px}.ticket textarea:disabled{opacity:.7}.ticket .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ticket .chip{font-family:IBM Plex Mono,monospace;font-size:11px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);padding:4px 8px;border-radius:4px}.ticket-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px dashed var(--line);font-size:13px}.status-ok{color:var(--ok)}.status-err{color:var(--err)}.post-list-item{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);color:inherit}.post-list-item:hover .title{color:var(--accent)}.post-list-item img,.post-list-item video{width:64px;height:64px;object-fit:cover;border:1px solid var(--line);border-radius:4px;background:#000}.post-list-item .meta{flex:1}.post-list-item .title{font-weight:600}.dropzone{border:1.5px dashed var(--line);background:var(--surface);padding:32px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;text-align:center;border-radius:8px;transition:border-color .12s,box-shadow .12s}.dropzone:hover{border-color:var(--accent-dim);box-shadow:var(--glow-soft)}.account-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.pill{font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--line)}.pill-connected{color:var(--ok);border-color:var(--accent-dim);box-shadow:var(--glow-soft)}.pill-off{color:var(--ink-soft)}.banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:4px;font-size:14px;margin:16px 0}.banner a{font-weight:600}.banner-info{background:var(--surface)}.banner-ok{background:#35e07f14;border-color:var(--accent-dim);color:var(--accent-bright)}.banner-ok a{color:var(--accent-bright)}.banner-err{background:var(--err-bg);border-color:var(--err);color:var(--err)}.banner-flash{animation:bannerflash .9s ease-out 2}@keyframes bannerflash{0%,to{box-shadow:0 0 #35e07f00}50%{box-shadow:0 0 0 4px #35e07f4d}}@media (prefers-reduced-motion: reduce){.banner-flash{animation:none}}