:root{--paper:#eef5fb;--paper-2:#fff;--ink:#062b49;--slate:#4c6072;--slate-2:#8aa0b2;--line:#dce7f1;--ultra:#1a7bdd;--ultra-2:#0a4fbb;--glow:#7fc4ff;--text:#082b47;--good:#22c55e;--warn:#f59e0b;--bad:#ef4444;--radius:18px;--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Hanken Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--nav-h:64px;--ease:cubic-bezier(.22,.61,.36,1)}:root[data-theme=dark]{--paper:#08192a;--paper-2:#0e2740;--ink:#eaf2fa;--slate:#a9becf;--slate-2:#7089a0;--line:hsla(0,0%,100%,.1);--ultra:#3b9bf0;--ultra-2:#1a7bdd;--text:#eaf2fa}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--paper:#08192a;--paper-2:#0e2740;--ink:#eaf2fa;--slate:#a9becf;--slate-2:#7089a0;--line:hsla(0,0%,100%,.1);--ultra:#3b9bf0;--ultra-2:#1a7bdd;--text:#eaf2fa}}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--body);color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased;min-height:100dvh}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;border:none;background:none}input,select{font:inherit;color:var(--text)}ul{list-style:none;padding:0}h1,h2,h3,h4{font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:1.1}.muted{color:var(--slate)}.mono{font-family:var(--mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.15rem;border-radius:999px;font-weight:600;transition:transform .2s var(--ease),background .2s,border-color .2s,color .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ultra);color:#fff}.btn-primary:hover{background:var(--ultra-2)}.btn-ghost{border:1px solid var(--line);background:var(--paper-2);color:var(--text)}.btn-ghost:hover{border-color:var(--ultra);color:var(--ultra)}.btn-block{width:100%}.btn-lg{padding:.95rem 1.4rem;font-size:1.05rem}.btn-sm{padding:.45rem .8rem;font-size:.85rem}.btn-danger{color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 40%,var(--line))}.btn-danger,.card{background:var(--paper-2)}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 40px -32px rgba(6,43,73,.28)}.card-pad{padding:1.3rem 1.4rem}.shell{min-height:100dvh;display:flex;flex-direction:column}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--nav-h);padding:0 clamp(1rem,4vw,2rem);background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.appbar .brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--display);font-weight:800;font-size:1.2rem}.appbar .brand img{width:34px;height:34px;border-radius:9px}.appbar-actions{display:flex;align-items:center;gap:.6rem}.avatar{width:36px;height:36px;border-radius:50%;background:var(--ultra);color:#fff;display:grid;place-items:center;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.layout{flex:1 1;display:grid;grid-template-columns:240px 1fr}.sidebar{border-right:1px solid var(--line);padding:1.2rem .9rem;display:flex;flex-direction:column;gap:.2rem}.navlink{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;border-radius:12px;color:var(--slate);font-weight:600;transition:background .15s,color .15s}.navlink svg{width:20px;height:20px}.navlink:hover{background:color-mix(in srgb,var(--ultra) 8%,transparent);color:var(--text)}.navlink.active{background:var(--ultra);color:#fff}.content{padding:clamp(1.2rem,3vw,2.2rem);max-width:1100px;width:100%}.page-title{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:.3rem}.page-sub{color:var(--slate);margin-bottom:1.6rem}.tabbar{display:none}@media (max-width:820px){.layout{grid-template-columns:1fr}.sidebar{display:none}.content{padding-bottom:calc(var(--nav-h) + 1.5rem)}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;height:var(--nav-h);background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.tabbar a{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--slate-2);font-size:.62rem;font-weight:600;white-space:nowrap;overflow:hidden;padding:0 1px}.tabbar a svg{width:21px;height:21px;flex:none}.tabbar a.active{color:var(--ultra)}}.grid{display:grid;grid-gap:1.1rem;gap:1.1rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width:720px){.grid-2,.grid-3{grid-template-columns:1fr}}.stat{display:grid;grid-gap:.25rem;gap:.25rem}.stat .k{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--slate-2)}.stat .v{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,3vw,2.1rem)}.progress{height:10px;border-radius:999px;background:color-mix(in srgb,var(--slate) 18%,transparent);overflow:hidden;margin-top:.5rem}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--ultra),var(--glow));border-radius:999px}.sub-row{display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;border-radius:14px;transition:background .15s}.sub-row:hover{background:color-mix(in srgb,var(--ultra) 6%,transparent)}.sub-logo{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;font-family:var(--display);font-weight:800;font-size:.85rem}.sub-main{flex:1 1;min-width:0}.sub-name{font-weight:700}.sub-meta{color:var(--slate);font-size:.82rem}.sub-price{text-align:right}.sub-price b{font-family:var(--display);font-size:1.05rem}.sub-price span{display:block;color:var(--slate-2);font-size:.72rem}.pill{display:inline-block;font-size:.68rem;letter-spacing:.05em;padding:.15rem .5rem;border-radius:999px}.cat-head,.pill{font-family:var(--mono);text-transform:uppercase}.cat-head{display:flex;align-items:center;gap:.5rem;margin:1.4rem 0 .3rem;font-size:.72rem;letter-spacing:.08em;color:var(--slate-2)}.cat-dot{width:9px;height:9px;border-radius:50%}.modal-overlay{position:fixed;inset:0;z-index:50;background:rgba(6,20,34,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width:640px){.modal-overlay{align-items:center;padding:1.5rem}}.modal{background:var(--paper-2);width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;border-radius:20px 20px 0 0;border:1px solid var(--line)}@media (min-width:640px){.modal{border-radius:20px}}.modal-head{position:-webkit-sticky;position:sticky;top:0;background:var(--paper-2);display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.3rem;border-bottom:1px solid var(--line)}.modal-body{padding:1.2rem 1.3rem;display:grid;grid-gap:1rem;gap:1rem}.modal-foot{position:-webkit-sticky;position:sticky;bottom:0;background:var(--paper-2);display:flex;gap:.7rem;padding:1rem 1.3rem;border-top:1px solid var(--line)}.field{display:grid;grid-gap:.35rem;gap:.35rem}.field label{font-size:.8rem;font-weight:600;color:var(--slate)}.field input,.field select{width:100%;padding:.7rem .85rem;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.field input:focus,.field select:focus{outline:none;border-color:var(--ultra);box-shadow:0 0 0 3px color-mix(in srgb,var(--ultra) 16%,transparent)}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:.8rem;gap:.8rem}.seg{display:flex;gap:.3rem;padding:.25rem;background:var(--paper);border:1px solid var(--line);border-radius:12px}.seg button{flex:1 1;padding:.5rem;border-radius:9px;font-weight:600;font-size:.85rem;color:var(--slate)}.seg button.active{background:var(--ultra);color:#fff}.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-gap:.6rem;gap:.6rem;max-height:300px;overflow-y:auto}.svc{display:grid;grid-gap:.4rem;gap:.4rem;justify-items:center;text-align:center;padding:.7rem .4rem;border-radius:12px;border:1px solid var(--line);background:var(--paper);transition:border-color .15s,transform .15s}.svc:hover{border-color:var(--ultra);transform:translateY(-2px)}.svc .lg{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff;font-family:var(--display);font-weight:800;font-size:.8rem}.svc .nm{font-size:.72rem;font-weight:600;line-height:1.15}.bars{align-items:flex-end;gap:.5rem;height:180px;padding-top:1rem}.bar,.bars{display:flex}.bar{flex:1 1;flex-direction:column;align-items:center;gap:.4rem;height:100%;justify-content:flex-end}.bar .col{width:100%;max-width:34px;background:linear-gradient(180deg,var(--glow),var(--ultra));border-radius:8px 8px 0 0;transition:height .5s var(--ease)}.bar .lb{font-family:var(--mono);font-size:.62rem;color:var(--slate-2)}.legend{display:grid;grid-gap:.5rem;gap:.5rem;margin-top:1rem}.legend .li{display:flex;align-items:center;gap:.6rem;font-size:.88rem}.legend .sw{width:12px;height:12px;border-radius:4px;flex:none}.legend .amt{margin-left:auto;font-family:var(--display);font-weight:700}.cal{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.cal .dow{text-align:center;font-family:var(--mono);font-size:.66rem;color:var(--slate-2);text-transform:uppercase;padding-bottom:.3rem}.cal .cell{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;padding:.35rem;display:flex;flex-direction:column;gap:3px;background:var(--paper-2)}.cal .cell.empty{border:none;background:transparent}.cal .cell .dnum{font-size:.72rem;color:var(--slate-2)}.cal .dots{display:flex;flex-wrap:wrap;gap:3px}.cal .dot{width:8px;height:8px;border-radius:50%}.alert{display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--line);background:var(--paper-2)}.alert .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.center-screen{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--ultra);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.empty{text-align:center;padding:3rem 1rem;color:var(--slate)}.fab{position:fixed;right:1.2rem;bottom:calc(var(--nav-h) + 1rem);z-index:25;width:56px;height:56px;border-radius:50%;background:var(--ultra);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(26,123,221,.6)}@media (min-width:821px){.fab{bottom:1.4rem}}.link{color:var(--ultra);font-weight:600}