:root{--tx: #0b1226;--mu: rgba(11,18,38,.58);--gl: rgba(255,255,255,.4);--gb: rgba(255,255,255,.7);--sh: rgba(40,60,130,.2);--bg: #d6e6ff;--c1: #7cb8ff;--c2: #d9a8ff;--c3: #ffc6a1;--ac: #0a84ff;--ok: #1fb554;--wr: #f08a00;--er: #ef3b30;--fl: rgba(255,255,255,.55);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--tx: #f4f6ff;--mu: rgba(244,246,255,.62);--gl: rgba(38,44,84,.42);--gb: rgba(255,255,255,.22);--sh: rgba(0,0,0,.5);--bg: #080c24;--c1: #1d4fd8;--c2: #7a2bd6;--c3: #d4522a;--fl: rgba(255,255,255,.09);--ok: #32d74b;--wr: #ff9f0a;--er: #ff453a}}:root[data-theme=dark]{--tx: #f4f6ff;--mu: rgba(244,246,255,.62);--gl: rgba(38,44,84,.42);--gb: rgba(255,255,255,.22);--sh: rgba(0,0,0,.5);--bg: #080c24;--c1: #1d4fd8;--c2: #7a2bd6;--c3: #d4522a;--fl: rgba(255,255,255,.09);--ok: #32d74b;--wr: #ff9f0a;--er: #ff453a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--tx);font:16px/1.4 -apple-system,SF Pro Display,Inter,Segoe UI,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}.bl{position:fixed;inset:0;overflow:hidden;z-index:-1}.bl i{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(80px);opacity:.8;animation:dr 22s ease-in-out infinite alternate}.bl i:nth-child(1){background:var(--c1);top:-20vmax;left:-15vmax}.bl i:nth-child(2){background:var(--c2);right:-20vmax;top:10vmax;animation-delay:-7s}.bl i:nth-child(3){background:var(--c3);bottom:-25vmax;left:15vmax;animation-delay:-13s}@keyframes dr{to{transform:translate(8vmax,6vmax) scale(1.2) rotate(40deg)}}.g{background:var(--gl);backdrop-filter:blur(26px) saturate(1.9);-webkit-backdrop-filter:blur(26px) saturate(1.9);border:1px solid var(--gb);border-radius:26px;box-shadow:inset 0 1.5px 0 var(--fl),inset 0 -1px #ffffff14,0 10px 36px var(--sh)}.app{max-width:1080px;margin:0 auto;padding:14px 16px 130px}header{display:flex;align-items:center;gap:12px;margin:4px 0 18px}.logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#5ac8fa,#0a84ff 55%,#5e5ce6);box-shadow:inset 0 1.5px #fff9,0 6px 18px #0a84ff73;color:#fff}.logo{overflow:hidden}.logo img{width:100%;height:100%;object-fit:cover;display:block}h1{font-size:30px;letter-spacing:-.03em;margin:0;font-weight:800}h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--mu);margin:22px 4px 10px}.br{font-weight:800;font-size:20px;letter-spacing:-.02em}.sp{flex:1}.pill{border:0;color:var(--tx);font-family:inherit;font-weight:600;font-size:13px;padding:9px 14px;border-radius:99px;cursor:pointer;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.pill:active,.btn:active,.row:active{transform:scale(.95)}.btn{border:0;font-family:inherit;font-weight:600;font-size:15px;padding:12px 18px;border-radius:99px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#4aa3ff,#0a84ff);box-shadow:inset 0 1.5px #ffffff80,0 6px 16px #0a84ff66;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.btn.s{padding:8px 13px;font-size:13px}.btn.q{background:var(--gl);color:var(--tx);box-shadow:inset 0 1px 0 var(--fl);border:1px solid var(--gb)}.btn.d{background:linear-gradient(180deg,#ff6b60,#ef3b30)}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.k{padding:18px}.k small{color:var(--mu);font-weight:600}.k b{display:block;font-size:32px;letter-spacing:-.03em;margin-top:4px}.k span{font-size:12px;color:var(--mu)}.v>*{animation:up .7s cubic-bezier(.2,.9,.3,1) both;animation-delay:calc(var(--i,0)*55ms)}@keyframes up{0%{opacity:0;transform:translateY(22px) scale(.97);filter:blur(6px)}}.row{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:10px;border-radius:22px;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.row .m{flex:1;min-width:0}.row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row small{color:var(--mu)}.ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;color:#fff;box-shadow:inset 0 1.5px #ffffff80}.ic svg{width:22px;height:22px}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bd{font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;white-space:nowrap}.Paid,.Resolved,.Active,.Low{color:var(--ok);background:#30d15829}.Overdue,.High,.Open,.New{color:var(--er);background:#ff453a29}.Partial,.Medium,.Contacted,.Progress{color:var(--wr);background:#ff9f0a2b}.Due,.Closed,.Ended{color:var(--ac);background:#0a84ff29}.ch{display:flex;gap:8px;overflow-x:auto;margin-bottom:12px;padding-bottom:4px}.ch .pill{background:var(--gl);border:1px solid var(--gb)}.ch .on{background:var(--ac);color:#fff}.bars{display:flex;align-items:flex-end;gap:10px;height:150px;padding:18px 18px 10px}.bars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;font-size:11px;color:var(--mu)}.bars p{margin:0;width:100%;display:flex;align-items:flex-end;gap:3px;height:100%}.bars s{flex:1;border-radius:8px 8px 3px 3px;height:0;transition:height 1.1s cubic-bezier(.2,.9,.3,1) .2s;background:#788cc859}.bars s+s{background:linear-gradient(180deg,#5ac8fa,#0a84ff)}nav.tb{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(440px,calc(100% - 28px));display:flex;padding:6px;border-radius:99px;z-index:5}nav.tb button,aside button{position:relative;z-index:1;flex:1;border:0;background:none;color:var(--mu);font-family:inherit;font-weight:600;font-size:10.5px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;cursor:pointer;transition:color .3s}nav.tb svg{width:23px;height:23px}nav.tb button.on{color:var(--ac)}.lens{position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px)/5);border-radius:99px;background:var(--fl);box-shadow:inset 0 0 0 1px var(--gb),inset 0 2px 8px #ffffff59,0 4px 14px var(--sh);transition:transform .55s cubic-bezier(.3,1.35,.45,1)}aside{display:none}.gt{position:fixed;inset:0;z-index:40;align-items:center;justify-content:center;padding:20px;overflow:auto}.gc{width:min(400px,100%);padding:28px;text-align:center;animation:up .7s cubic-bezier(.2,.9,.3,1)}.gc label{text-align:left}body:not(.ready) .app,body:not(.ready) nav.tb,body:not(.ready) aside{display:none}@media(min-width:900px){nav.tb{display:none}.app{padding-left:270px;padding-bottom:40px}aside{display:flex;flex-direction:column;gap:4px;position:fixed;left:16px;top:calc(16px + env(safe-area-inset-top,0px));bottom:16px;width:236px;padding:18px 12px;border-radius:30px}aside button{flex:none;flex-direction:row;font-size:15px;gap:12px;padding:12px 14px;border-radius:16px;text-align:left;transition:all .35s}aside button svg{width:21px;height:21px}aside button.on{background:var(--fl);color:var(--ac);box-shadow:inset 0 0 0 1px var(--gb)}aside .br{padding:4px 8px 16px}}.pill svg{width:18px;height:18px;display:block}.ring{width:74px;height:74px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:5;stroke-linecap:round}.ring .p{stroke:var(--ac);animation:rg 1.4s cubic-bezier(.2,.9,.3,1) .3s both}@keyframes rg{0%{stroke-dasharray:0 113}}.qb{display:grid;place-items:center;margin:12px 0}.qb svg{box-shadow:0 8px 28px var(--sh);max-width:100%;height:auto}.rcw{position:fixed;inset:0;z-index:50;background:#050a1e8c;backdrop-filter:blur(10px);overflow:auto;padding:18px 12px 100px;display:flex;flex-direction:column;align-items:center;gap:14px;animation:fi .3s}.rcb{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;gap:8px;padding:8px;border-radius:99px;z-index:51;max-width:calc(100% - 20px)}.rcb .pill{font-size:12px;padding:8px 11px}.rcb .on{background:var(--ac);color:#fff}.rc{width:min(440px,100%);background:#fff;color:#0b1226;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px #0006;animation:up .7s cubic-bezier(.2,.9,.3,1);font-size:14px}.rc small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.rc b{display:block}.rh{display:flex;justify-content:space-between;align-items:center;padding:22px;color:#fff;background:linear-gradient(135deg,#0a84ff,#5e5ce6 60%,#bf5af2)}.rl{display:flex;gap:10px;align-items:center}.rl img{width:40px;height:40px;border-radius:12px}.rn{text-align:right}.ra{text-align:center;padding:24px 22px 8px}.ra b{font-size:42px;letter-spacing:-.03em}.ra i{font-size:12px;opacity:.7}.rg{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 22px}.rc table{width:calc(100% - 44px);margin:0 22px;border-collapse:collapse;font-size:13px}.rc td{padding:8px 0;border-bottom:1px dashed rgba(120,130,160,.45)}.rc td:last-child{text-align:right;font-weight:700}.rf{display:flex;justify-content:space-between;align-items:flex-end;padding:18px 22px}.rq{text-align:center}.rs{width:46%;text-align:center}.rs span{display:block;border-bottom:1.5px solid currentColor;height:34px;opacity:.5;margin-bottom:6px}.rt{margin:0;padding:12px;text-align:center;font-size:11px;opacity:.55;border-top:1px dashed rgba(120,130,160,.45)}.rc.r2{background:#fbf7ee;font-family:Georgia,Times New Roman,serif;border-radius:6px;color:#3a2a1a;outline:6px double #c9b98f;outline-offset:-12px}.r2 .rh{background:none;color:#7a1f2b;border-bottom:2px solid #7a1f2b;margin:10px 10px 0}.r2 .ra b{color:#7a1f2b;font-style:italic}.rc.r3{background:#0d0d10;color:#f5efe0}.r3 .rh{background:linear-gradient(135deg,#1a1a1f,#2a2418);border-bottom:1px solid #c9a24b}.r3 .ra b{color:#e8c36a}.r3 td{border-color:#4a4330}.lb{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;width:min(760px,100%)}.lc{background:#fff;color:#0b1226;border-radius:20px;padding:16px;text-align:center;break-inside:avoid;border:2px solid #0a84ff}.lc b{display:block;font-size:20px}.lc small{display:block;opacity:.65}@media print{@page{margin:8mm}body>*:not(.rcw){display:none!important}.rcw{position:static;background:none;padding:0;overflow:visible;display:block;backdrop-filter:none}.rcb{display:none}.rc{box-shadow:none;margin:0 auto;animation:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.lc{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.ov{position:fixed;inset:0;z-index:20;background:#050a1e59;backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fi .3s}.sh{width:min(520px,100%);max-height:88%;overflow:auto;padding:22px 20px calc(24px + env(safe-area-inset-bottom,0px));border-radius:32px 32px 0 0;animation:sl .5s cubic-bezier(.2,1.1,.3,1)}@media(min-width:700px){.ov{align-items:center}.sh{border-radius:32px}}@keyframes fi{0%{opacity:0}}@keyframes sl{0%{transform:translateY(100%)}}.sh h3{margin:0 0 14px;font-size:22px;letter-spacing:-.02em}label{display:block;font-size:12px;font-weight:600;color:var(--mu);margin:0 0 12px}input,select,textarea{display:block;width:100%;margin-top:5px;font-family:inherit;font-size:16px;color:var(--tx);background:var(--fl);border:1px solid var(--gb);border-radius:14px;padding:12px;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--ac);box-shadow:0 0 0 3px #0a84ff40}option{color:#000}:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.ac{display:flex;gap:10px;margin-top:6px}.ac .btn{flex:1}.ts{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%,-120px);z-index:30;padding:12px 20px;border-radius:99px;font-weight:600;transition:transform .5s cubic-bezier(.3,1.5,.5,1)}.ts.on{transform:translate(-50%)}.em{text-align:center;color:var(--mu);padding:34px 10px}.hero{padding:22px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.hero h1{font-size:34px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
