:root{--bg:#0a0a0b;--card:#141416;--card2:#1b1b1e;--line:#26262a;--ink:#f2f2f3;--mute:#9a9ca2;--lime:#d8f400;--lime-ink:#0a0a0b;--red:#ff5d5d;--amber:#ffb648;--blue:#6ea2ff;--green:#4ade80;--violet:#c08bf0;--teal:#3fd1d1;--r:14px;--safe-t:env(safe-area-inset-top);--safe-b:env(safe-area-inset-bottom);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f4f4f2;--card:#fff;--card2:#f1f1ee;--line:#e2e2de;--ink:#141416;--mute:#62646a;--lime:#b8d000;--red:#d93a3a;--amber:#b86e00;--blue:#2f6fdb;--green:#15803d;--violet:#8e44c9;--teal:#0f8e8e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.mono{letter-spacing:.01em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em}.muted{color:var(--mute)}.small{font-size:13px}.pad{padding:0 16px}.err{color:var(--red);margin:8px 0}.ok{color:var(--green);margin:8px 0}.wrap{overflow-wrap:anywhere}.page{max-width:760px;padding:calc(var(--safe-t) + 0px) 0 calc(var(--safe-b) + 32px);min-height:100dvh;margin:0 auto}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:100dvh;padding:24px 20px;display:flex}.center h1{margin:10px 0 0;font-size:24px}.logo-sq{border-radius:18px;width:72px;height:72px}.login .stack{text-align:left;width:100%;max-width:360px;margin-top:18px}.splash{place-items:center;min-height:100dvh;display:grid}.splash img{border-radius:16px;width:64px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5;transform:scale(.96)}}.bar{z-index:5;padding:calc(var(--safe-t) + 10px) 12px 10px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex;position:sticky;top:0}.bar-logo{border-radius:10px;width:38px;height:38px}.bar-title{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.bar-title b{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.bar-title span{color:var(--mute);font-size:12px}.icon-btn{cursor:pointer;width:40px;height:40px;color:var(--ink);background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.icon-btn:active{background:var(--card2)}.icon-btn.spin svg{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats{grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 12px 4px;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-align:left;cursor:pointer;padding:10px 10px 9px}.stat b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;display:block}.stat span{color:var(--mute);font-size:11.5px}.stat.on{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}.stat.hot b{color:var(--red)}.stat.static{cursor:default}.search{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;margin:10px 12px 6px;padding:0 12px;display:flex}.search svg{width:18px;height:18px;color:var(--mute);flex:none}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:44px}.tabs{scrollbar-width:none;gap:4px;padding:6px 12px 0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;align-items:center;gap:6px;padding:8px 10px;font-weight:600;display:inline-flex}.tab i{background:var(--card2);font-variant-numeric:tabular-nums;border-radius:99px;padding:1px 7px;font-size:11.5px;font-style:normal}.tab.on{color:var(--ink);background:var(--card)}.tab.on i{background:var(--lime);color:var(--lime-ink)}.chips{scrollbar-width:none;gap:6px;padding:8px 12px 10px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);cursor:pointer;color:var(--mute);background:0 0;border-radius:99px;flex:none;padding:5px 12px;font-size:13px;font-weight:600}.chip.on{color:var(--ink);border-color:var(--ink)}.list{flex-direction:column;gap:8px;margin:0;padding:0 12px;list-style:none;display:flex}.row{background:var(--card);border:1px solid var(--line);border-radius:var(--r);content-visibility:auto;contain-intrinsic-size:auto 92px;gap:12px;padding:12px 14px;display:flex;position:relative}.row:active{background:var(--card2)}.row.od{border-color:color-mix(in srgb, var(--red) 45%, var(--line))}.kdot{border-radius:3px;flex:none;width:10px;height:10px;margin-top:6px}.k-complaint{--k:var(--red)}.k-warranty{--k:var(--green)}.k-partner{--k:var(--blue)}.k-contact{--k:var(--amber)}.k-stock{--k:var(--violet)}.kdot{background:var(--k)}.chip[class*=k-].on{border-color:var(--k);color:var(--k)}.row-main{flex:1;min-width:0}.row-top{justify-content:space-between;gap:8px;display:flex}.row-top b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-top time{color:var(--mute);flex:none;font-size:12px}.row-sub{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 7px;font-size:13.5px;overflow:hidden}.row-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.row-meta .mono,.who{color:var(--mute)}.who:before{content:"→ "}.pill{background:color-mix(in srgb, var(--c,var(--mute)) 16%, transparent);color:var(--c,var(--mute));white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-block}.pill.big{padding:4px 10px;font-size:12.5px}.s-new{--c:var(--lime)}.s-acknowledged{--c:var(--blue)}.s-in-progress{--c:var(--amber)}.s-resolved{--c:var(--green)}.s-rejected{--c:var(--mute)}.s-overdue{--c:var(--red)}@media (prefers-color-scheme:light){.s-new{--c:#6f7d00}}.empty{text-align:center;flex-direction:column;gap:4px;padding:48px 20px;display:flex}.empty b{font-size:17px}.empty span{color:var(--mute)}.skel span,.skel i,.skel-block{background:linear-gradient(90deg, var(--card2), var(--line), var(--card2));background-size:200% 100%;border-radius:6px;animation:1.2s infinite sh}.skel span{width:10px;height:10px}.skel>div{flex-direction:column;flex:1;gap:8px;display:flex}.skel i{width:70%;height:12px;display:block}.skel i:nth-child(2){width:45%}.skel i:nth-child(3){width:30%}.skel-block{border-radius:var(--r);height:180px;margin-top:16px}@keyframes sh{to{background-position:-200% 0}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:12px;padding:16px}.card h2{text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin:0 0 12px;font-size:13px}.hero h1{letter-spacing:-.01em;overflow-wrap:anywhere;margin:10px 0 2px;font-size:22px}.hero .sub{color:var(--mute);margin:0}.hero-top{align-items:center;gap:6px;display:flex}.hero-top time{color:var(--mute);margin-left:auto;font-size:12.5px}.actions{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-top:14px;display:grid}.act{background:var(--card2);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:14px;font-weight:600;display:flex}.act svg{width:18px;height:18px}.act:active{background:var(--line)}.seg{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.seg-b{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;padding:8px 11px;font-size:13.5px;font-weight:600}.seg-b.on{background:color-mix(in srgb, var(--c) 18%, transparent);border-color:var(--c);color:var(--c)}.stack{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field>span{color:var(--mute);font-size:12.5px;font-weight:600}.field input,.field textarea,.field select,.note-box textarea{border:1px solid var(--line);background:var(--bg);resize:vertical;border-radius:10px;outline:0;width:100%;padding:11px 12px}.field input:focus,.field textarea:focus,.field select:focus,.note-box textarea:focus{border-color:var(--lime)}.row-field{margin-top:12px}.btn{border:1px solid var(--line);background:var(--card2);cursor:pointer;text-align:center;border-radius:12px;padding:11px 16px;font-weight:700;display:inline-block}.btn.primary{background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}.btn.ghost{background:0 0;margin-top:12px}.btn.danger{color:var(--red);width:100%}.btn:disabled{opacity:.55;cursor:default}.btn:active:not(:disabled){transform:scale(.98)}.link{color:var(--mute);cursor:pointer;background:0 0;border:0;text-decoration:underline}.kv{grid-template-columns:110px 1fr;gap:8px 12px;margin:0;font-size:14.5px;display:grid}.kv dt{color:var(--mute)}.kv dd{margin:0}.kv a{text-decoration:underline}.msg{background:var(--card2);border-radius:12px;margin-top:14px;padding:12px 14px}.msg span{color:var(--mute);font-size:12px;font-weight:600}.msg p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.timeline{border-left:2px solid var(--line);flex-direction:column;gap:14px;margin:0;padding:0 0 0 14px;list-style:none;display:flex}.ev{position:relative}.ev:before{content:"";background:var(--card);border:2px solid var(--mute);border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:-21px}.ev-status:before{border-color:var(--amber)}.ev-note:before{border-color:var(--lime);background:var(--lime)}.ev-email:before{border-color:var(--blue)}.ev-created:before{border-color:var(--green)}.ev-head{justify-content:space-between;gap:8px;font-size:13px;display:flex}.ev-head time{color:var(--mute);font-size:12px}.ev p{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0;font-size:14px}.ev-note p{background:var(--card2);border-radius:10px;margin-top:4px;padding:8px 10px}.note-box{flex-direction:column;gap:8px;margin-top:16px;display:flex}.note-box .btn{align-self:flex-end}.switch{cursor:pointer;align-items:center;gap:12px;margin-bottom:12px;display:flex}.switch input{appearance:none;background:var(--line);cursor:pointer;border-radius:99px;flex:none;width:46px;height:28px;transition:background .2s;position:relative}.switch input:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked{background:var(--lime)}.switch input:checked:after{background:var(--lime-ink);transform:translate(18px)}.switch span{flex-direction:column;display:flex}.switch small{color:var(--mute)}.toasts{left:0;right:0;bottom:calc(var(--safe-b) + 16px);z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--ink);color:var(--bg);border-radius:12px;max-width:440px;padding:11px 16px;font-size:14px;font-weight:600;animation:.25s ease-out up;box-shadow:0 8px 24px #00000059}@keyframes up{0%{opacity:0;transform:translateY(12px)}}.offline{z-index:30;background:var(--amber);color:#111;text-align:center;padding:calc(var(--safe-t) + 4px) 8px 4px;font-size:13px;font-weight:600;position:sticky;top:0}@media (min-width:700px){.stats{padding:18px 12px 4px}.card{margin:14px 12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}