:root{--bg:#000;--bg-2:#0d0d0d;--bg-3:#171717;--line:#2a2a2a;--line-2:#3a3a3a;--fg:#fff;--fg-2:#b5b5b5;--fg-3:#7a7a7a;--accent:#fff;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171;--info:#60a5fa;--radius:10px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Barlow Condensed", "Inter", system-ui, sans-serif;--nav-h:64px;--top-h:56px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px}body{overscroll-behavior-y:none;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0}h1{font-size:28px;font-weight:700}h2{font-size:22px;font-weight:700}h3{color:var(--fg-2);font-size:17px;font-weight:600}p{margin:0 0 8px}.muted{color:var(--fg-2)}.dim{color:var(--fg-3)}.small{font-size:12.5px}.mono{font-variant-numeric:tabular-nums}.right{text-align:right}.center{text-align:center}.nowrap{white-space:nowrap}.bold{font-weight:600}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.col{flex-direction:column;gap:10px;display:flex}.grow{flex:1;min-width:0}.stack>*+*{margin-top:12px}.mt{margin-top:16px}.mb{margin-bottom:16px}.hide-mobile{display:none}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;height:var(--top-h);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:0 16px;padding-top:env(safe-area-inset-top);background:#000000eb;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .logo{width:auto;height:22px;display:block}.topbar .title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:18px;font-weight:700;overflow:hidden}.content{padding:16px;padding-bottom:calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));flex:1;width:100%;max-width:1100px;margin:0 auto}.bottomnav{z-index:20;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#000000f2;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav a{color:var(--fg-3);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:600;display:flex}.bottomnav a svg{width:22px;height:22px}.bottomnav a.active{color:var(--fg)}.sidenav{display:none}@media (width>=900px){.hide-mobile{display:initial}.shell{flex-direction:row}.sidenav{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:4px;width:230px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidenav .logo{height:26px;margin:4px 8px 22px;display:block}.sidenav a{color:var(--fg-2);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.sidenav a svg{width:18px;height:18px}.sidenav a.active{background:var(--bg-3);color:var(--fg)}.sidenav a:hover{color:var(--fg)}.sidenav .spacer{flex:1}.sidenav .user{color:var(--fg-3);border-top:1px solid var(--line);margin-top:8px;padding:10px 12px;font-size:12.5px}.bottomnav,.topbar{display:none}.content{padding:28px 32px}.main{flex-direction:column;flex:1;min-width:0;display:flex}}.page-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-head h1{font-size:26px}.page-head .sub{color:var(--fg-3);font-size:13px;font-family:var(--font);text-transform:none;letter-spacing:0;margin-top:2px;font-weight:400}.btn{border-radius:var(--radius);border:1px solid var(--line-2);background:var(--bg-3);color:var(--fg);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:#222;border-color:#4a4a4a}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--fg);color:#000;border-color:var(--fg)}.btn.primary:hover{background:#e6e6e6}.btn.ghost{color:var(--fg-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-3);color:var(--fg)}.btn.danger{color:var(--bad);border-color:#4a2626}.btn.danger:hover{background:#2a1515}.btn.sm{border-radius:8px;min-height:32px;padding:6px 11px;font-size:13px}.btn.icon{width:36px;min-height:36px;padding:8px}.btn svg{flex-shrink:0;width:18px;height:18px}.btn.block{width:100%}.btn.wa{color:#000;background:#25d366;border-color:#25d366}.btn.wa:hover{background:#1fbf5b}.field{flex-direction:column;gap:6px;display:flex}.field label{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-3);font-size:12px;font-weight:600}.input,select.input,textarea.input{border-radius:var(--radius);border:1px solid var(--line-2);background:var(--bg-2);width:100%;color:var(--fg);outline:none;min-height:44px;padding:11px 12px}.input:focus{border-color:#777}.input::placeholder{color:var(--fg-3)}textarea.input{resize:vertical;min-height:90px;line-height:1.45}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}input[type=date].input,input[type=datetime-local].input,input[type=time].input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.input.sm{min-height:36px;padding:6px 10px;font-size:14px}.input.num{text-align:right;font-variant-numeric:tabular-nums}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}@media (width<=600px){.grid3{grid-template-columns:1fr 1fr}.grid2.stack-mobile{grid-template-columns:1fr}}.check{cursor:pointer;align-items:center;gap:10px;display:flex}.check input{accent-color:#fff;width:20px;height:20px}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:16px}.card.pad0{padding:0;overflow:hidden}.card+.card{margin-top:12px}.card-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-2);margin-bottom:12px;font-size:15px;font-weight:600}.list{flex-direction:column;display:flex}.list-item{border-bottom:1px solid var(--line);color:inherit;cursor:pointer;align-items:center;gap:12px;padding:13px 16px;display:flex}.list-item:last-child{border-bottom:0}.list-item:hover{background:var(--bg-3)}.list-item .main{flex:1;min-width:0}.list-item .main .t{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list-item .main .s{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;overflow:hidden}.list-item .amt{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.chev{color:var(--fg-3);flex-shrink:0}.empty{text-align:center;color:var(--fg-3);padding:36px 16px}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line-2);color:var(--fg-2);background:var(--bg-3);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge.ok{color:var(--ok);background:#0f2416;border-color:#1f4a2d}.badge.warn{color:var(--warn);background:#241d08;border-color:#4a3b12}.badge.bad{color:var(--bad);background:#240e0e;border-color:#4a2020}.badge.info{color:var(--info);background:#0c1a2e;border-color:#1c3356}.badge.white{color:#000;background:#fff;border-color:#fff}.stats{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=700px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:14px}.stat .l{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);font-size:11px;font-weight:600}.stat .v{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:4px;font-size:28px;font-weight:700}.stat .d{color:var(--fg-3);margin-top:2px;font-size:12px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13.5px}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);border-bottom:1px solid var(--line-2);white-space:nowrap;padding:8px 10px;font-size:11px}.tbl td{border-bottom:1px solid var(--line);vertical-align:top;padding:9px 10px}.tbl tr:last-child td{border-bottom:0}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tbl tr.clickable{cursor:pointer}.tbl tr.clickable:hover td{background:var(--bg-3)}.seg{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.seg button{color:var(--fg-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:600}.seg button.active{background:var(--fg);color:#000}.overlay{z-index:50;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=700px){.overlay{align-items:center;padding:20px}}.sheet{background:var(--bg-2);border:1px solid var(--line-2);width:100%;max-height:92vh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;overflow-y:auto}@media (width>=700px){.sheet{border-radius:16px;max-width:640px;max-height:88vh;padding:22px}.sheet.wide{max-width:900px}}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sheet-head h2{font-size:20px}.sheet-actions{background:var(--bg-2);justify-content:flex-end;gap:10px;margin-top:18px;padding:12px 0 0;display:flex;position:sticky;bottom:-18px}.search{position:relative}.search svg{width:16px;height:16px;color:var(--fg-3);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search .input{padding-left:36px}.toast{left:50%;bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom));color:#000;z-index:100;background:#fff;border-radius:999px;max-width:90vw;padding:10px 16px;font-size:13.5px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #00000080}.toast.bad{background:var(--bad)}@media (width>=900px){.toast{bottom:24px}}.divider{background:var(--line);height:1px;margin:12px 0}.kv{grid-template-columns:120px 1fr;gap:6px 12px;font-size:14px;display:grid}.kv .k{color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;padding-top:2px;font-size:12px}.spinner{border:2px solid var(--line-2);border-top-color:#fff;border-radius:50%;width:22px;height:22px;margin:30px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login .box{width:100%;max-width:380px}.login .logo{width:220px;margin:0 auto 36px;display:block}.zone-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--fg);background:var(--bg-3);border-radius:8px;justify-content:space-between;align-items:center;margin:14px 0 6px;padding:8px 12px;font-size:16px;display:flex}.sub-title{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin:10px 0 4px;padding-left:4px;font-size:12px;font-weight:700}.line-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 58px 80px 54px 64px 90px 32px;align-items:center;gap:6px;padding:6px 0;font-size:13.5px;display:grid}.line-row .desc{min-width:0}.line-row .desc .input{min-height:36px;padding:6px 8px;font-size:13.5px}@media (width<=640px){.line-row{grid-template-columns:1fr 44px 70px 44px 58px 28px}.line-row .total{display:none}}.totals{width:100%;max-width:360px;margin-left:auto}.totals .r{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;justify-content:space-between;padding:6px 0;display:flex}.totals .r.grand{font-family:var(--font-display);border-top:2px solid #fff;border-bottom:0;margin-top:4px;padding-top:10px;font-size:22px;font-weight:700}.pack-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px;display:flex}.pack-row:last-child{border-bottom:0}.pack-row .big-check{accent-color:#fff;flex-shrink:0;width:28px;height:28px}.pack-row .d{flex:1;min-width:0}.pack-row .d .t{font-weight:600}.pack-row .d .s{color:var(--fg-3);font-size:12px}.pack-row .q{font-family:var(--font-display);text-align:right;min-width:40px;font-size:22px;font-weight:700}.pack-row.done .d .t{color:var(--fg-3);text-decoration:line-through}.progress{background:var(--bg-3);border-radius:99px;height:6px;overflow:hidden}.progress>div{background:#fff;height:100%;transition:width .3s}.canvas3d{border:1px solid var(--line);touch-action:none;background:#050505;border-radius:14px;width:100%;height:62vh;min-height:340px;overflow:hidden}.legend{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.legend button{border:1px solid var(--line-2);background:var(--bg-2);cursor:pointer;color:var(--fg-2);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.legend button.active{color:#fff;border-color:#fff}.pill-tabs{gap:8px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.pill-tabs button{border:1px solid var(--line-2);background:var(--bg-2);color:var(--fg-2);white-space:nowrap;cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.pill-tabs button.active{color:#000;background:#fff;border-color:#fff}.fab{right:16px;bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom));z-index:15;color:#000;cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:fixed;box-shadow:0 8px 24px #0009}.fab svg{width:26px;height:26px}@media (width>=900px){.fab{display:none}}.setup-banner{border:1px dashed var(--line-2);background:#111;border-radius:12px;max-width:560px;margin:20px auto;padding:16px}.setup-banner code{background:#000;border-radius:4px;padding:2px 6px;font-size:13px}.layout-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=900px){.layout-grid{grid-template-columns:minmax(0,1fr) 360px}}.plan-wrap{border:1px solid var(--line);background:#050505;border-radius:12px;padding:8px}.plan{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:70vh;display:block}.plan text{pointer-events:none}.plan-side .input.sm.num{width:100%;min-width:0}.plan-side .row .input.sm.num{width:62px}