*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #1B6B38;--brand-dark: #124A26;--brand-mid: #228B46;--brand-tint: #E8F5EE;--brand-xlight: #F2FAF5;--gold: #F5A623;--gold-dark: #C8871A;--gold-tint: #FEF4E0;--shell: #F4F7F5;--canvas: #FFFFFF;--stroke: #E3EAE6;--stroke2: #CDDAD3;--ink1: #1E2D25;--ink2: #3D5247;--ink3: #6B8478;--ink4: #9DB5A9;--fill1: #F4F7F5;--fill2: #EAF0EC;--sb-bg: #0F2D1A;--sb-top: #143A22;--sb-hover: rgba(255,255,255,.12);--sb-active: rgba(255,255,255,.18);--sb-text: rgba(255,255,255,.82);--sb-dim: rgba(255,255,255,.32);--sb-bdr: rgba(255,255,255,.08);--sb-gold: #F5C842;--ok: #188038;--ok-bg: #E6F4EB;--ok-bdr: #93D6AC;--err: #C53030;--err-bg: #FDE8E8;--err-bdr: #F5A8A8;--warn: #9C5700;--warn-bg: #FEF3DC;--warn-bdr:#F6C96A;--info: #0057A8;--info-bg: #E0EDFF;--info-bdr:#7AAFEE;--pur-bg: #EEF4FF;--pur-bdr: #4A7FD4;--sal-bg: #EDFBF2;--sal-bdr: #2DAA62;--sh0: 0 1px 2px rgba(10,20,40,.05);--sh1: 0 1px 4px rgba(10,20,40,.08), 0 1px 2px rgba(10,20,40,.04);--sh2: 0 3px 10px rgba(10,20,40,.1), 0 1px 3px rgba(10,20,40,.05);--sh3: 0 8px 24px rgba(10,20,40,.12), 0 3px 6px rgba(10,20,40,.06);--sh4: 0 20px 48px rgba(10,20,40,.16), 0 8px 16px rgba(10,20,40,.08);--ease: cubic-bezier(.4,0,.2,1);--t1: .12s;--t2: .2s;--r1: 6px;--r2: 10px;--r3: 14px;font-family:"72",Plus Jakarta Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;font-size:13px}body{background:var(--shell);color:var(--ink2);min-height:100vh;line-height:1.5}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:172px;flex-shrink:0;background:linear-gradient(180deg,var(--sb-top) 0%,var(--sb-bg) 100%);display:flex;flex-direction:column;position:relative;overflow:hidden;z-index:20;box-shadow:2px 0 14px #00000038}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 28px,rgba(255,255,255,.012) 28px 29px)}.sidebar:after{content:"";position:absolute;bottom:56px;left:-30px;right:-30px;height:1px;background:linear-gradient(90deg,transparent,rgba(245,166,35,.22) 40%,rgba(245,166,35,.12) 72%,transparent)}.sb-logo{padding:14px 13px 12px;border-bottom:1px solid var(--sb-bdr);display:flex;align-items:center;gap:8px;position:relative;flex-shrink:0;background:#0000001f}.sb-logo img{height:30px;object-fit:contain;flex-shrink:0}.sb-logo-name{font-size:11.5px;font-weight:800;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-logo-sub{font-size:7.5px;color:var(--sb-dim);text-transform:uppercase;letter-spacing:.8px}.sb-nav{padding:10px 7px;flex:1;overflow-y:auto}.sb-nav::-webkit-scrollbar{display:none}.sb-section{font-size:7.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--sb-dim);padding:10px 8px 4px;white-space:nowrap}.tab-btn{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:var(--r1);font-size:11.5px;font-weight:500;color:var(--sb-text);background:transparent;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:all var(--t1) var(--ease);margin-bottom:1px;position:relative;white-space:nowrap;overflow:hidden;text-align:left}.tab-btn:hover{background:var(--sb-hover);color:#fff}.tab-btn:active{transform:scale(.98)}.tab-btn.active{background:var(--sb-active);color:#fff;font-weight:700;border-color:#ffffff1a;box-shadow:0 1px 4px #0000002e}.tab-btn.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--sb-gold);border-radius:0 3px 3px 0}.tab-btn:after{display:none}.tab-btn.locked{opacity:.28;cursor:not-allowed}.tab-icon{font-size:15px;width:22px;text-align:center;flex-shrink:0;line-height:1}.tab-lbl{flex:1;overflow:hidden;text-overflow:ellipsis}.tab-badge{background:#f5a62333;color:var(--sb-gold);font-size:8.5px;font-weight:700;padding:1px 6px;border-radius:8px;border:1px solid rgba(245,166,35,.16);flex-shrink:0}.sb-user{padding:11px 13px;border-top:1px solid var(--sb-bdr);background:#00000024;position:relative;z-index:1;display:flex;align-items:center;gap:8px;flex-shrink:0}.sb-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#f0c040);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--brand-dark);flex-shrink:0;border:2px solid rgba(255,255,255,.16);text-transform:uppercase}.sb-user-info{flex:1;min-width:0}.sb-username{font-size:11px;font-weight:700;color:#ffffffd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-role{font-size:7.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:#f5a6232e;color:var(--sb-gold);padding:1px 5px;border-radius:4px;border:1px solid rgba(245,166,35,.18);display:inline-block}.btn-logout{flex-shrink:0;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#ffffff6b;font-size:13px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;transition:all var(--t1) var(--ease);padding:0}.btn-logout:hover{background:#ffffff2e;color:#fff}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-header{background:var(--canvas);border-bottom:1px solid var(--stroke);padding:0 22px;height:48px;display:flex;align-items:center;gap:12px;flex-shrink:0;position:relative;z-index:10;box-shadow:var(--sh1)}.app-header:after{display:none}.app-header img{height:0;display:none}.app-header-title{color:var(--ink1);font-weight:700;font-size:13px}.app-header-sub{color:var(--ink3);font-size:9.5px;letter-spacing:.4px;text-transform:uppercase}.header-spacer{flex:1}.header-user{color:var(--ink2);font-size:11px;display:flex;align-items:center;gap:8px}.app-refresh-btn{background:var(--canvas);color:var(--ink2);border:1px solid var(--stroke2);border-radius:var(--r1);padding:4px 11px;font-size:10.5px;cursor:pointer;font-family:inherit;transition:all var(--t1) var(--ease)}.app-refresh-btn:hover{background:var(--brand-tint);border-color:var(--brand);color:var(--brand)}.tab-bar{display:none}.pane{flex:1;overflow-y:auto;padding:20px 24px;background:var(--shell)}.phdr{display:flex;align-items:center;justify-content:space-between;background:var(--shell);border-bottom:1.5px solid var(--stroke);margin:-20px -24px 14px;padding:10px 24px;box-shadow:0 1px 4px #0a14280d}.phdr-actions{display:flex;align-items:center;gap:8px}.ptitle{font-size:14px;font-weight:800;color:var(--ink1);letter-spacing:-.2px}.card{background:var(--canvas);border:1px solid var(--stroke);border-radius:var(--r2);margin-bottom:12px;box-shadow:var(--sh1);overflow:hidden;border-left:3px solid var(--brand);transition:box-shadow var(--t2) var(--ease),border-left-color var(--t2) var(--ease)}.card:hover{box-shadow:var(--sh2)}.card-hdr{display:flex;align-items:center;gap:4px;padding:7px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t1) var(--ease);min-height:40px}.card-hdr:hover{background:var(--brand-xlight)}.card-body{padding:14px 16px;border-top:1px solid var(--stroke)}.chip{display:inline-flex;align-items:center;gap:3px;padding:2px 9px;border-radius:20px;font-size:10px;font-weight:600;cursor:default;letter-spacing:.1px}.chip-grey{background:var(--fill2);color:var(--ink2);border:1px solid var(--stroke2)}.chip-green{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-bdr)}.chip-red{background:var(--err-bg);color:var(--err);border:1px solid var(--err-bdr)}.chip-gold{background:var(--gold-tint);color:var(--warn);border:1px solid var(--warn-bdr)}.chip-orange{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-bdr)}.chip-blue{background:var(--info-bg);color:var(--info);border:1px solid var(--info-bdr)}.fy-bar{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:6px 0;flex-wrap:wrap}.ord-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 14px;background:var(--fill2);border-bottom:1px solid var(--stroke);font-size:10.5px}.ml{color:var(--ink3);font-weight:600;font-size:9.5px;white-space:nowrap}.msep{color:var(--stroke2)}.suborder-hdr{display:flex;align-items:center;gap:0;background:var(--fill2);border-radius:6px 6px 0 0;padding:6px 12px;border-bottom:1px solid var(--stroke2)}.tbl-wrap{overflow-x:auto}.tbl-wrap table{border-collapse:collapse;width:100%}.tbl-wrap th{background:var(--fill1);color:var(--ink3);font-weight:700;font-size:9.5px;text-transform:uppercase;letter-spacing:.6px;padding:7px 10px;border-bottom:2px solid var(--stroke2);white-space:nowrap;position:sticky;top:0;z-index:2}.tbl-wrap td{padding:6px 10px;border-bottom:1px solid var(--stroke);font-size:11px;vertical-align:middle}.tbl-wrap tr:hover td{background:var(--brand-xlight)}.tbl-wrap tr:last-child td{border-bottom:none}.tot-row td{background:var(--fill2)!important;font-weight:700;border-top:2px solid var(--stroke2)}.th-pur{background:var(--pur-bg)!important;color:var(--pur-bdr)!important;border-bottom:2px solid var(--pur-bdr)!important}.th-sal{background:var(--sal-bg)!important;color:var(--sal-bdr)!important;border-bottom:2px solid var(--sal-bdr)!important}.td-pur{background:#f8fbff!important}.td-sal{background:#f4fef8!important}.inp{background:var(--canvas);color:var(--ink1);border:1px solid var(--stroke2);border-radius:var(--r1);padding:4px 8px;font-size:11px;font-family:inherit;transition:border-color var(--t1) var(--ease),box-shadow var(--t1) var(--ease);outline:none}.inp:focus{border-color:var(--brand);box-shadow:0 0 0 2px #1b6b3824}.inp::placeholder{color:var(--ink4);font-style:italic}.mono{font-family:JetBrains Mono,Fira Mono,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 14px;border-radius:var(--r1);font-size:12px;font-weight:600;font-family:inherit;border:1px solid transparent;cursor:pointer;transition:all var(--t1) var(--ease);white-space:nowrap;background:var(--fill2);color:var(--ink2);border-color:var(--stroke2)}.btn:hover{background:var(--fill1);border-color:var(--stroke2)}.btn-sm{padding:4px 10px;font-size:11px}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink3)}.btn-ghost:hover{background:var(--fill2);border-color:var(--stroke)}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand-dark)}.btn-primary:hover{background:var(--brand-dark)}.btn-green{background:var(--ok);color:#fff;border-color:#0f6a2c}.btn-green:hover{background:#0f6a2c}.btn-gold{background:var(--gold);color:var(--brand-dark);border-color:var(--gold-dark);font-weight:700}.btn-gold:hover{background:var(--gold-dark);color:#fff}.btn-icon{background:none;border:none;cursor:pointer;padding:2px 5px;border-radius:4px;font-family:inherit;transition:background var(--t1)}.btn-icon:hover{background:var(--fill2)}.badge{display:inline-block;padding:2px 7px;border-radius:10px;font-size:9.5px;font-weight:700}.badge-green{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-bdr)}.badge-red{background:var(--err-bg);color:var(--err);border:1px solid var(--err-bdr)}.badge-orange{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-bdr)}.spinner-wrap{display:flex;align-items:center;justify-content:center;padding:60px}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--stroke2);border-top-color:var(--brand);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.green-act{color:var(--brand)}:root{--green-act: var(--brand)}:root{--shadow-sm: var(--sh1);--shadow-lg: var(--sh3)}input[type=number]:placeholder-shown{text-align:center}input[type=number]{text-align:right}input.inp[type=number],input[type=number]{text-align:center}.tbl-wrap th{position:sticky;top:0;z-index:10}td.td-pur,td.td-sal,td.td-p,.tbl-wrap td.td-pur,.tbl-wrap td.td-sal{text-align:right}.neg{color:#dc2626}.login-wrap{min-height:100vh;background:linear-gradient(135deg,#0f2d1a,#1b6b38 60%,#0a1f10);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:14px;padding:36px 32px 28px;width:100%;max-width:380px;box-shadow:0 20px 60px #00000059,0 4px 12px #0003}.login-logo{text-align:center;margin-bottom:12px}.login-logo img{height:52px;object-fit:contain}.login-title{text-align:center;font-size:17px;font-weight:900;color:#1a4a1a;margin-bottom:4px;letter-spacing:-.3px}.login-sub{text-align:center;font-size:11px;color:#6b7280;margin-bottom:20px}.login-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:8px 12px;font-size:11px;color:#dc2626;margin-bottom:12px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:11px;font-weight:700;color:#374151;margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.form-inp{width:100%;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:7px;font-size:13px;color:#111;outline:none;transition:border-color .15s;font-family:inherit;box-sizing:border-box}.form-inp:focus{border-color:#1b6b38;box-shadow:0 0 0 3px #1b6b381f}.login-btn{width:100%;background:linear-gradient(135deg,#1b6b38,#124a26);color:#fff;border:none;border-radius:8px;padding:11px;font-size:14px;font-weight:800;cursor:pointer;margin-top:4px;letter-spacing:.2px;transition:opacity .15s}.login-btn:hover:not(:disabled){opacity:.9}.login-btn:disabled{opacity:.6;cursor:not-allowed}