:root{color-scheme:dark;--bg:#0b1427;--surface:#111e34;--surface2:#17263e;--text:#eaf1ff;--muted:#8fa2bf;--line:#23344f;--blue:#4a96ff;--cyan:#43d9e5;--green:#51d4af;--red:#fb8799;--yellow:#f5c875;--shadow:0 18px 60px #02081822;--ease:cubic-bezier(.2,.8,.2,1)}
html[data-theme=light]{color-scheme:light;--bg:#f3f6fc;--surface:#fff;--surface2:#f0f5fc;--text:#142a48;--muted:#75849b;--line:#e1e8f2;--blue:#2877e8;--cyan:#009cac;--green:#168563;--red:#c94863;--yellow:#ac7412;--shadow:0 14px 50px #18355c08}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-user-select:none;user-select:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button{color:inherit}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.22}h2{font-size:22px;letter-spacing:-.6px;line-height:1.35}h3{font-size:17px;letter-spacing:-.3px}small{font-size:12px;color:var(--muted)}[hidden]{display:none!important}svg{width:21px;height:21px;display:block;flex-shrink:0}button svg{pointer-events:none}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}button{transition:background .2s,transform .2s var(--ease),box-shadow .2s}button:active:not(:disabled){transform:scale(.97)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 21px;border-radius:13px;border:1px solid transparent;font-size:13px;font-weight:650;white-space:nowrap;line-height:1.4}.primary{background:linear-gradient(110deg,#367efa,#448fff);color:white;box-shadow:0 6px 18px #347efb24}.primary:hover{box-shadow:0 8px 26px #347efb40;filter:brightness(1.06)}.secondary,.subtle{background:var(--surface2);border-color:var(--line);color:var(--text)}.subtle{min-height:38px;padding:8px 14px;font-size:12px}.danger{background:color-mix(in srgb,var(--red) 13%,var(--surface));color:var(--red);border-color:color-mix(in srgb,var(--red) 26%,var(--surface))}.icon-btn{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:transparent;flex-shrink:0}.icon-btn:hover{background:var(--surface2)}.icon-btn svg{width:19px;height:19px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--blue);margin-bottom:10px}.brand-mark{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#28cfdf,#347ffa 60%,#3157d6);color:white;position:relative;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:850;letter-spacing:-6px;padding-right:6px;box-shadow:0 8px 30px #2c8cff25}.brand-mark span{transform:translateY(3px);color:#c3f6ff}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:20px;letter-spacing:-4px;padding-right:4px}.wordmark{display:flex;align-items:center;gap:12px;color:var(--text);font-size:21px;font-weight:750;letter-spacing:-.5px}.wordmark small{display:block;font-size:8px;letter-spacing:2.8px;line-height:1.2;margin-top:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;padding:34px 22px;background:var(--surface);border-right:1px solid var(--line);z-index:20;display:flex;flex-direction:column}.sidebar .wordmark{margin:0 8px 47px}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.8px;color:var(--muted);margin:0 16px 13px}#sideNav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:13px;padding:14px 17px;color:var(--muted);font-weight:550;border-radius:13px;position:relative}.nav-item.active{background:color-mix(in srgb,var(--blue) 13%,var(--surface));color:var(--blue)}.nav-item.active:after{content:'';position:absolute;right:13px;width:5px;height:5px;background:var(--blue);border-radius:50%}.nav-item:hover{background:var(--surface2)}.sidebar-bottom{margin-top:auto;padding:20px 8px 0;display:flex;gap:9px;align-items:flex-start;font-size:10px;color:var(--muted)}.sidebar-bottom small{display:block;font-size:9px;margin-top:4px}.live-dot{width:6px;height:6px;background:var(--green);border-radius:50%;margin-top:5px;box-shadow:0 0 0 4px #51d4af12}.workspace{margin-left:242px;min-height:100dvh}.topbar{height:88px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:15}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 14px;color:var(--line)}.breadcrumb b{color:var(--text);font-weight:500}.header-actions{display:flex;align-items:center;gap:12px}.header-actions .icon-btn{border:0;color:var(--muted)}.header-divider{height:26px;width:1px;background:var(--line);margin:0 6px}.account-chip{display:flex;gap:10px;align-items:center;background:none;border:0;text-align:left;font-size:12px}.account-chip small{display:block;font-size:10px}.avatar{height:37px;width:37px;border-radius:12px;background:color-mix(in srgb,var(--blue) 17%,var(--surface));color:var(--blue);display:grid;place-items:center;font-weight:750}.mobile-brand{display:none}main#main{max-width:1500px;margin:auto;padding:38px 44px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading p:last-child{margin-top:10px;color:var(--muted);font-size:12px}.period-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid var(--line);background:var(--surface);border-radius:15px;margin-bottom:26px}.period-bar>svg{color:var(--muted)}.period-bar label{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.period-bar input{width:135px;border:0;background:none;padding:3px;color:var(--text);font-size:11px;min-height:28px}.period-bar .icon-btn{width:32px;height:32px;border:0;color:var(--muted)}#periodLabel{margin-left:auto;font-size:10px;color:var(--muted)}.range-dash{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-bottom:20px}.balance-card{background:linear-gradient(115deg,#174abd,#287ae8 65%,#2999e7);color:white;padding:27px 30px;border-radius:21px;position:relative;overflow:hidden;min-height:217px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 32px #1c64d31c}.balance-card:after{content:'';position:absolute;width:265px;height:265px;border:1px solid #ffffff18;border-radius:50%;right:-65px;top:-70px;box-shadow:0 0 0 32px #ffffff05,0 0 0 64px #ffffff04;pointer-events:none}.balance-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.balance-top span{font-size:10px;font-weight:600;letter-spacing:1.7px;color:#c4dcff}.balance-top svg{color:#c4dcff}.balance-value{font-size:39px;font-weight:750;letter-spacing:-1.5px;line-height:1.25;position:relative;z-index:1;margin:13px 0}.balance-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:15px;color:#c7ddff;font-size:10px}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:7px;font-size:9px;font-weight:600;white-space:nowrap;background:var(--surface2);color:var(--muted)}.balance-card .pill{background:#ffffff1c;color:white}.production-card{padding:25px 27px;background:var(--surface);border:1px solid var(--line);border-radius:21px;display:flex;flex-direction:column;justify-content:space-between}.section-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-top h3{font-size:13px}.section-top>a{font-size:10px}.production-number{font-size:33px;letter-spacing:-1px;font-weight:700}.production-number small{font-size:11px;letter-spacing:0;font-weight:400;margin-left:7px}.production-foot{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted)}.mini-bars{height:42px;display:flex;gap:8px;align-items:flex-end;overflow:hidden;margin-top:6px}.mini-bars span{flex:1;min-height:4px;background:linear-gradient(0deg,#377ef530,#3a94fc);border-radius:4px 4px 1px 1px;transform-origin:bottom;animation:grow .65s var(--ease) both}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:20px}.stat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,currentColor 10%,var(--surface))}.stat-icon svg{width:17px;height:17px}.stat small{font-size:10px}.stat-value{font-size:21px;font-weight:700;letter-spacing:-.6px;margin-top:4px;overflow-wrap:anywhere}.stat-meta{font-size:9px;color:var(--muted);margin-top:6px}.green{color:var(--green)}.red{color:var(--red)}.blue{color:var(--blue)}.yellow{color:var(--yellow)}.dashboard-lower{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.card-head h3{font-size:14px}.card-head small{display:block;font-size:10px;margin-top:4px}.card-head a{font-size:10px}.records-list{padding:0 22px}.record{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);cursor:pointer;outline-offset:2px}.record:last-child{border-bottom:0}.record:hover .record-main b{color:var(--blue)}.record-icon{height:38px;width:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:color-mix(in srgb,currentColor 9%,var(--surface))}.record-icon svg{width:18px;height:18px}.record-main{min-width:0;flex:1}.record-main b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-main small{font-size:10px;display:block;margin-top:3px}.record-money{text-align:right;flex-shrink:0}.record-money b{font-size:12px}.record-money small{font-size:9px;display:block;margin-top:3px}.record>svg{width:15px;color:var(--muted)}.breakdown{padding:22px 24px}.breakdown-line{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px}.meter{height:5px;border-radius:6px;background:var(--surface2);overflow:hidden;margin-bottom:22px}.meter span{display:block;height:100%;border-radius:6px;background:var(--blue);transform-origin:left;animation:grow .7s var(--ease)}.breakdown small{font-size:10px;line-height:1.8}.own-card{margin-top:24px;background:linear-gradient(115deg,var(--surface),color-mix(in srgb,var(--blue) 9%,var(--surface)));padding:24px;border:1px solid color-mix(in srgb,var(--blue) 32%,var(--surface));border-radius:20px;display:flex;gap:25px;align-items:center;justify-content:space-between}.own-card p{font-size:11px;color:var(--muted);margin-top:7px}.own-card .own-value{font-size:27px;font-weight:750;color:var(--cyan);white-space:nowrap}.own-card .eyebrow{margin-bottom:6px}.table-tools{padding:17px 22px;display:flex;gap:12px;border-bottom:1px solid var(--line)}.search-field{display:flex;align-items:center;gap:9px;background:var(--surface2);border:1px solid var(--line);border-radius:11px;padding:0 12px;flex:1}.search-field svg{width:17px;color:var(--muted)}.search-field input{border:0;background:none;padding:9px 0;min-height:40px}.table-tools select{width:190px;margin:0;min-height:42px;padding:9px 35px 9px 13px;font-size:11px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-top:1px solid var(--line);gap:10px;font-size:10px;color:var(--muted)}.pagination .button-row{gap:7px}.pagination .btn{font-size:10px;min-height:34px;padding:7px 11px}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.empty .empty-icon{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;margin:0 auto 15px;background:var(--surface2);color:var(--blue)}.empty h3{color:var(--text);font-size:14px;margin-bottom:6px}.empty p{font-size:11px;max-width:340px;margin:auto}.empty .btn{margin-top:19px}.note{border:1px solid var(--line);border-left:3px solid var(--blue);background:var(--surface2);padding:13px 16px;font-size:11px;border-radius:10px;color:var(--muted);line-height:1.8}.note.success{color:var(--green);border-left-color:var(--green)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-grid .card{padding:24px}.info-grid .card p{font-size:11px;color:var(--muted);margin-top:7px}.info-grid .card .button-row{margin-top:22px}.button-row{display:flex;align-items:center;gap:12px}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{padding:24px}.settings-card h3{margin-bottom:5px}.settings-card>p{color:var(--muted);font-size:11px;margin-bottom:22px}.settings-card .btn{margin-top:10px}.settings-card label{font-size:11px}.switch-label{display:flex;align-items:center;justify-content:space-between;gap:20px}.switch-label input{width:21px;min-height:21px;accent-color:var(--blue)}.user-row{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.user-row>div:nth-child(2){flex:1}.user-row b{font-size:12px;display:block}.user-row small{font-size:10px}.audit-row{border-bottom:1px solid var(--line);padding:18px 0}.audit-row summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-size:12px;list-style:none}.audit-row summary small{font-size:10px}.audit-detail{font-size:11px;padding:15px;background:var(--surface2);border-radius:10px;margin-top:12px;overflow-wrap:anywhere}.audit-detail div{display:grid;grid-template-columns:100px 1fr;gap:10px;margin:6px 0}.desktop-footer{max-width:1500px;margin:auto;padding:25px 44px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}#bottomNav,.fab{display:none}label{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-bottom:18px}input,select,textarea{display:block;min-height:48px;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);padding:11px 14px;outline:none;transition:border .2s,box-shadow .2s;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #347efa16}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}input:read-only{opacity:.8}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%238fa2bf' stroke-width='1.8'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E");background-size:18px;background-repeat:no-repeat;background-position:right 13px center;padding-right:39px}select option{background:var(--surface);color:var(--text)}textarea{resize:vertical;min-height:95px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.span2{grid-column:1/-1}.field-hint{font-size:10px;margin-top:-10px;margin-bottom:16px;color:var(--muted)}.amount-preview{padding:18px 20px;border-radius:14px;background:color-mix(in srgb,var(--blue) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--blue) 25%,var(--surface));margin-bottom:20px}.amount-preview small{display:block;font-size:11px}.amount-preview b{display:block;font-size:26px;color:var(--blue);margin-top:4px}.detail-hero{margin-bottom:22px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:4px 0 20px}.detail-grid small{display:block;font-size:10px;margin-bottom:4px}.detail-grid b{font-size:13px;overflow-wrap:anywhere}.detail-note{padding:17px;border:1px solid var(--line);border-radius:12px;white-space:pre-wrap;font-size:12px;margin-bottom:16px}.error{color:var(--red);font-size:12px;margin:10px 0}.error:empty{display:none}dialog{width:min(550px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:23px;background:var(--surface);color:var(--text);box-shadow:0 30px 100px #0005;max-height:calc(100dvh - 48px);overflow:hidden}dialog::backdrop{background:#030b1b99;backdrop-filter:blur(5px)}dialog[open]{animation:sheet-in .3s var(--ease)}dialog.closing{animation:sheet-out .18s var(--ease) forwards}dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 50px)}.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:24px 26px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.sheet-head .eyebrow{margin-bottom:5px;font-size:8px}.sheet-head h2{font-size:21px}.sheet-body{overflow:auto;overscroll-behavior:contain;padding:23px 26px;min-height:0;-webkit-overflow-scrolling:touch}.sheet-foot{padding:17px 26px;display:grid;grid-template-columns:1fr 1.7fr;gap:12px;border-top:1px solid var(--line);flex-shrink:0;background:var(--surface)}.sheet-foot.single{grid-template-columns:1fr}.confirm-inner{padding:30px;text-align:center}.confirm-symbol{height:63px;width:63px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--red) 12%,var(--surface));color:var(--red);margin:0 auto 20px}.confirm-symbol svg{width:27px;height:27px}.confirm-inner p{color:var(--muted);font-size:12px;margin:13px 0 25px}.confirm-inner .button-row>*{flex:1}#confirmDialog{max-width:420px}#toasts{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1000;width:max-content;max-width:calc(100% - 32px);pointer-events:none;display:grid;gap:10px}.toast{padding:14px 20px;border-radius:15px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 45px #0003;display:flex;align-items:center;gap:11px;font-size:12px;animation:toast-in .3s var(--ease)}.toast svg{color:var(--green);stroke-dasharray:80;animation:draw .65s var(--ease)}.toast.bad svg{color:var(--red)}.update-banner{display:flex;gap:13px;align-items:center;background:var(--surface);border:1px solid var(--blue);border-radius:14px;padding:15px 20px;margin-bottom:20px}.update-banner>svg{color:var(--blue)}.update-banner>div{flex:1;font-size:12px}.update-banner small{display:block;font-size:10px}#loadingOverlay{position:fixed;inset:0;z-index:2000;background:#030b1bc9;backdrop-filter:blur(10px);display:grid;place-items:center}.loading-card{text-align:center;padding:36px;color:white}.loading-card .brand-mark{margin:auto}.loading-card h2{margin-top:20px}.loading-card p{color:#a6b8d2;font-size:12px;margin-top:10px}.spinner{border:2px solid #6cb0ff25;border-top-color:#5ecde9;border-radius:50%;width:27px;height:27px;animation:spin .9s linear infinite;margin:24px auto}.spinning svg{animation:spin .9s linear infinite}.page-enter{animation:page-in .35s var(--ease)}#splash{position:fixed;inset:0;z-index:3000;background:#0b1427;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;transition:opacity .35s}.splash-line{width:85px;height:2px;background:#243858;overflow:hidden;border-radius:4px;margin-top:35px}.splash-line:after{content:'';display:block;width:50%;height:100%;background:#45cef1;animation:loading-line 1.2s var(--ease) infinite}#splash .brand-mark{width:86px;height:86px;border-radius:26px;font-size:37px;animation:logo-in .8s var(--ease)}#splash .brand-mark>svg{position:absolute;inset:-15px;width:116px;height:116px;fill:none;stroke:#409eff;stroke-width:.6;stroke-dasharray:130 220;animation:spin 3s linear infinite}#splash h2{font-size:28px;letter-spacing:-1px;margin-top:34px;text-align:center}#splash h2 span{display:block;font-size:8px;letter-spacing:2.5px;color:#8fa2bf;margin-top:13px}.fade{opacity:0;pointer-events:none}#login{display:grid;grid-template-columns:1.05fr 1fr;min-height:100dvh}.login-story{padding:40px 55px;background:radial-gradient(ellipse at 0 70%,#19408750,transparent 70%),#0b1427;color:#eaf1ff;display:flex;flex-direction:column;overflow:hidden;position:relative}.login-story .wordmark{color:#eaf1ff}.story-main{margin:auto 0;padding:70px 0}.story-main h1{font-size:60px;line-height:1.13;letter-spacing:-3px;margin:24px 0}.story-main em{font-style:normal;color:#579bff}.story-main p{font-size:13px;color:#8fa2bf;line-height:2}.thread-art{margin-top:40px}.thread-art svg{width:100%;height:130px;stroke:#458ef4;stroke-width:1.3;stroke-dasharray:7 9;animation:thread 25s linear infinite}.thread-art svg path+path{opacity:.2;stroke-dasharray:none}.thread-art span{font-size:9px;letter-spacing:.5px;color:#8fa2bf;margin-right:20px}.login-story>small{font-size:8px;letter-spacing:1.7px;color:#637898}.login-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 30px;background:var(--surface)}.login-card{max-width:365px;width:100%}.login-card>.brand-mark{margin:0 auto 32px}.login-card>.eyebrow,.login-card>h2,.login-card>p{text-align:center}.login-card h2{font-size:25px;margin-bottom:9px}.login-card>p:not(.eyebrow):not(.error){font-size:12px;color:var(--muted);margin-bottom:30px}.input-icon{display:flex;align-items:center;position:relative}.input-icon>span{position:absolute;left:15px;top:22px;color:var(--muted)}.input-icon>span svg{width:17px;height:17px}.input-icon input{padding-left:43px;padding-right:48px;min-height:53px}.input-icon .eye{position:absolute;right:7px;top:12px;border:0;color:var(--muted);width:38px;height:38px}.eye:hover svg{transform:scale(1.1)}.eye svg{transition:transform .22s var(--ease)}.eye.activated svg{animation:eye-blink .35s var(--ease)}.login-submit{width:100%;justify-content:space-between;min-height:51px;margin-top:7px}.login-submit svg{width:17px}.login-foot{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;margin-top:23px}.login-foot svg{width:13px;height:13px}.login-side>small{margin-top:50px;font-size:9px;letter-spacing:.6px}#connectionHelp{text-align:center;font-size:11px;margin-top:20px}#connectionHelp button{display:flex;margin:12px auto}.setup{max-width:460px;margin:6vh auto;padding:30px}.setup h1{font-size:26px;margin:22px 0 10px}.setup>p:not(.eyebrow){color:var(--muted);margin-bottom:25px}.setup .note{margin-bottom:22px}.skeleton{min-height:180px;background:linear-gradient(100deg,var(--surface) 30%,var(--surface2),var(--surface) 70%);background-size:200% 100%;animation:shimmer 1.5s infinite;border:1px solid var(--line);border-radius:20px}.chart-legend{display:flex;gap:20px;margin:20px 0;font-size:11px;color:var(--muted)}.cost-total{font-size:34px;font-weight:750;color:var(--blue);letter-spacing:-1px;margin:18px 0}.muted{color:var(--muted)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes draw{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes page-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes sheet-in{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@keyframes sheet-out{to{opacity:0;transform:translateY(20px)}}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes grow{from{transform:scaleY(.1);opacity:.4}to{transform:scaleY(1);opacity:1}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes eye-blink{50%{transform:scaleY(.15)}}@keyframes thread{to{stroke-dashoffset:-320}}@keyframes logo-in{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes loading-line{from{transform:translateX(-100%)}to{transform:translateX(220%)}}
@media(min-width:1500px){main#main{padding-top:48px}.hero-grid{grid-template-columns:1.7fr 1fr}.balance-card{min-height:240px}}
@media(max-width:1150px){.sidebar{width:205px;padding:30px 15px}.workspace{margin-left:205px}.topbar{padding:0 26px}main#main{padding:30px 26px 20px}.stats-grid{gap:12px}.stat{padding:16px}.stat-value{font-size:18px}.balance-value{font-size:33px}#periodLabel{display:none}.dashboard-lower{grid-template-columns:1.3fr 1fr}.login-story{padding:35px}.story-main h1{font-size:48px}.settings-layout{grid-template-columns:1fr}}
@media(max-width:850px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:76px;padding:0 24px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:10px}.mobile-brand b{font-size:17px}.mobile-brand .brand-mark{width:33px;height:33px;font-size:17px;border-radius:10px}.header-divider{display:none}.account-chip{padding:0}.account-chip>span+span{display:none}.header-actions{gap:5px}main#main{padding:28px 24px 110px}.page-heading h1{font-size:28px}.page-heading{margin-bottom:22px}.page-heading>.btn{display:none}.hero-grid{grid-template-columns:1.5fr 1fr}.balance-card{padding:24px}.balance-value{font-size:31px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:18px}.stat-value{font-size:23px}.stat-head{margin-bottom:13px}.dashboard-lower{grid-template-columns:1fr 1fr}.desktop-footer{display:none}#bottomNav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--surface) 95%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:10px 10px calc(10px + env(safe-area-inset-bottom));z-index:30}#bottomNav .nav-item{flex:1;padding:3px;flex-direction:column;gap:4px;border-radius:10px;font-size:9px}#bottomNav .nav-item svg{width:20px;height:20px}#bottomNav .nav-item.active{background:transparent}#bottomNav .nav-item.active:after{display:none}.fab{display:grid;place-items:center;position:fixed;right:22px;bottom:calc(88px + env(safe-area-inset-bottom));width:52px;height:52px;border:5px solid var(--bg);border-radius:19px;background:linear-gradient(135deg,#479bff,#316ce3);color:white;box-shadow:0 6px 20px #225be54d;z-index:25}#toasts{bottom:calc(90px + env(safe-area-inset-bottom))}#login{grid-template-columns:1fr}.login-story{display:none}.login-side{min-height:100dvh}.login-card{max-width:380px}}
@media(max-width:600px){h1{font-size:27px}main#main{padding:24px 17px 110px}.topbar{padding:0 17px;height:69px}.page-heading>.btn{display:none}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.page-heading p:last-child{font-size:11px;max-width:300px}.hero-grid{grid-template-columns:1fr;gap:13px;margin-bottom:13px}.balance-card{min-height:194px;padding:23px;border-radius:20px}.balance-value{font-size:36px}.balance-top span{font-size:9px}.production-card{padding:19px 22px;position:relative;min-height:130px}.production-number{font-size:28px;margin-top:8px}.production-foot{margin-top:7px}.mini-bars{position:absolute;right:22px;bottom:22px;width:105px;height:43px;gap:5px}.production-foot{max-width:65%}.stats-grid{gap:11px;margin-bottom:20px}.stat{padding:17px 16px}.stat-value{font-size:21px}.stat-meta{font-size:8px}.stat small{font-size:9px}.stat-icon{height:30px;width:30px}.dashboard-lower{grid-template-columns:1fr;gap:17px}.card-head{padding:19px 20px}.card-head h3{font-size:13px}.records-list{padding:0 18px}.record{gap:10px;padding:16px 0}.record-main b{font-size:11px}.record-main small{font-size:9px}.record-money b{font-size:11px}.record-money small{font-size:8px}.record-icon{width:34px;height:34px;border-radius:10px}.record>svg{display:none}.own-card{padding:21px;display:block;margin-top:18px}.own-card .own-value{font-size:29px;margin-top:16px}.own-card .btn{margin-top:15px}.period-bar{gap:6px;padding:10px 11px;flex-wrap:wrap;border-radius:13px;margin-bottom:19px}.period-bar>svg{display:none}.period-bar label{flex:1;min-width:100px;display:block;font-size:8px;margin:0}.period-bar input{width:100%;padding:0;font-size:10px;min-height:22px;margin-top:3px}.period-bar>.btn{font-size:9px;padding:8px 10px;min-height:34px}.period-bar>.icon-btn{width:27px}.range-dash{font-size:10px}.table-tools{padding:14px;flex-wrap:wrap;gap:9px}.table-tools .search-field{width:100%;flex:auto}.table-tools select{width:100%}.table-tools input{font-size:11px}.info-grid{grid-template-columns:1fr;gap:13px}.info-grid .card{padding:21px}.settings-card{padding:21px}.settings-layout{gap:16px}.update-banner{flex-wrap:wrap;padding:13px}.update-banner .btn{min-height:36px;font-size:10px;padding:8px 13px}dialog{width:100%;max-width:550px;max-height:92dvh;margin:auto auto 0;border-radius:24px 24px 0 0;border-bottom:0}dialog form{max-height:92dvh}.sheet-head{padding:23px 21px 17px}.sheet-head h2{font-size:20px}.sheet-body{padding:21px;scroll-padding-bottom:25px}.sheet-foot{padding:15px 21px calc(15px + env(safe-area-inset-bottom))}.sheet-foot .btn{font-size:12px;min-height:48px}.form-grid{gap:0 12px}label{font-size:11px;margin-bottom:18px}input,select,textarea{font-size:16px;min-height:49px}input[type=date]{font-size:14px}.confirm-inner{padding:27px 23px}.confirm-inner h2{font-size:20px}#confirmDialog{width:calc(100% - 36px);border-radius:23px;margin:auto;border:1px solid var(--line)}#confirmDialog .btn{font-size:11px}.login-side{padding:45px 28px}.login-card h2{font-size:24px}.login-side>small{margin-top:40px}.login-foot{font-size:9px}.setup{margin:25px 15px}.pagination{padding:13px 16px}.note{font-size:10px}.detail-grid{gap:18px 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.production-card{position:relative;overflow:hidden}.production-stitch{position:absolute;right:24px;bottom:22px;color:var(--blue);opacity:.18;pointer-events:none}.production-stitch svg{width:70px;height:70px;stroke-width:.8}

@media(max-width:600px){.period-bar{display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);gap:9px 10px}.period-bar>span[data-icon]{display:none}.period-bar label{min-width:0}.period-bar input{width:100%;font-size:11px;min-height:25px}.period-bar .range-dash{text-align:center;padding-top:14px}.period-bar>#applyPeriod{grid-column:1/3;min-height:33px}.period-bar>#resetPeriod{grid-column:3;justify-self:end;width:33px;height:33px;border:1px solid var(--line)}}

.balance-value{overflow-wrap:anywhere}.own-card .own-value{white-space:normal;overflow-wrap:anywhere}.record-money{max-width:48%}.record-money b{overflow-wrap:anywhere}

.cost-tabs{display:flex;gap:5px;border:1px solid var(--line);padding:5px;border-radius:13px;background:var(--surface);margin:20px 0 15px}.cost-tabs button{flex:1;background:transparent;border:0;border-radius:9px;color:var(--muted);font-size:11px;padding:10px 12px;font-weight:600}.cost-tabs button.active{color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,var(--surface))}
/* Shared calendar follows the same surface, blue accents and theme tokens. */
.aj-date-source{display:none!important}.aj-date-trigger{width:100%;min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:11px 14px;margin-top:7px;text-align:left;font-size:14px;font-weight:550}.aj-date-trigger svg{width:18px;height:18px;color:var(--blue)}.aj-date-trigger:hover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 6%,var(--surface2))}.aj-date-trigger.placeholder{color:var(--muted);font-weight:400}.period-bar .aj-date-trigger{min-height:34px;padding:7px 10px;font-size:11px;margin:0;width:156px;background:var(--surface2)}.period-bar label{margin-bottom:0}.aj-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.aj-calendar{width:360px;max-width:calc(100% - 28px);max-height:calc(100dvh - 28px);margin:auto;border-radius:22px;padding:21px;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 28px 90px #0005}.aj-calendar::backdrop{background:#030b1b88;backdrop-filter:blur(4px)}.aj-date-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.aj-date-head p{font-size:8px;letter-spacing:1.8px;font-weight:700;color:var(--blue);margin-bottom:5px}.aj-date-head h2{font-size:18px}.aj-date-head .icon-btn{height:32px;width:32px;font-size:23px;font-weight:300;color:var(--muted)}.aj-date-selected{background:color-mix(in srgb,var(--blue) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--blue) 20%,var(--surface));padding:12px 15px;border-radius:13px;margin:19px 0}.aj-date-selected small{display:block;font-size:9px}.aj-date-selected b{display:block;font-size:21px;color:var(--blue);margin-top:3px;letter-spacing:-.5px}.aj-date-controls{display:grid;grid-template-columns:30px 1.4fr 1fr 30px;align-items:center;gap:7px;margin-bottom:17px}.aj-date-controls label{margin:0}.aj-date-controls select{margin:0;min-height:35px;padding:6px 23px 6px 9px;font-size:11px;border-radius:9px;background-position:right 6px center;background-size:14px}.aj-date-controls .icon-btn{height:30px;width:30px;font-size:24px;line-height:1;color:var(--blue)}.aj-week,.aj-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.aj-week{font-size:9px;color:var(--muted);text-align:center;margin-bottom:9px}.aj-week span:last-child{color:var(--red)}.aj-days button{display:grid;place-items:center;min-height:35px;aspect-ratio:1;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);font-size:12px;font-weight:550;padding:0}.aj-days button.outside{color:var(--muted);opacity:.45}.aj-days button.today{border-color:var(--blue);color:var(--blue)}.aj-days button.selected{background:linear-gradient(135deg,#3799ff,#346ee8);color:#fff;border-color:transparent;box-shadow:0 4px 12px #347efa35;opacity:1}.aj-days button:hover:not(:disabled):not(.selected){background:var(--surface2);border-color:var(--line)}.aj-days button:disabled{opacity:.2}.aj-date-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:16px;margin-top:15px}.aj-date-foot .btn{min-height:36px;padding:9px 15px;font-size:11px}.aj-calendar.closing{animation:none}@media(max-width:600px){.period-bar .aj-date-trigger{width:100%;font-size:11px;gap:5px;padding:8px;min-height:37px;margin-top:5px}.period-bar .aj-date-trigger svg{width:14px;height:14px}.period-bar .range-dash{padding-top:20px}.aj-calendar{margin:auto;border-radius:22px;width:350px;max-height:calc(100dvh - 26px);border-bottom:1px solid var(--line)}.aj-date-trigger{font-size:14px}.aj-date-controls select{font-size:12px}.aj-days button{min-height:36px}}