:root{--np-navy: #12233F;--np-navy-deep: #0B182C;--np-chrome: #AAB1B8;--np-paper: #F4F5F6;--np-line: #E1E4E6;--np-muted: #6B7075;--np-ink: #191C20;--np-chrome-grad: linear-gradient(180deg, #ffffff 0%, #d3d9dd 18%, #9aa3ab 40%, #6f787f 50%, #aeb6bd 60%, #e9edf0 82%, #c2c9ce 100%);--np-positive: #1F5A41;--np-positive-bg: #E4F0EA;--np-positive-line: #CADDD4;--np-warn: #8A5A16;--np-warn-accent: #C2822E;--np-warn-bg: #FBF3E8;--np-warn-line: #EBD9BF;--np-negative: #8A2B2B;--np-negative-bg: #FAEDED;--np-negative-line: #E6C9C9;--np-surface: #FFFFFF;--np-surface-alt: #FAFBFB;--np-text-2: #4A5056;--np-border-2: #C6CCD1;--np-line-soft: #EEF0F1;--np-font-logo: Anton, sans-serif;--np-font: Montserrat, -apple-system, BlinkMacSystemFont, sans-serif;--np-weight-body: 400;--np-weight-medium: 500;--np-weight-strong: 600;--np-weight-bold: 700;--np-weight-display: 800;--np-track-label: .16em;--np-track-logo: .06em;--np-radius: 18px;--np-radius-sm: 10px;--np-radius-pill: 20px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--np-font);font-weight:var(--np-weight-body);background:var(--np-paper);color:var(--np-ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:var(--np-navy);text-decoration:none}a:hover{color:var(--np-navy-deep)}button{font-family:var(--np-font)}:focus-visible{outline:2px solid var(--np-navy);outline-offset:2px;border-radius:4px}h1,h2,h3{margin:0;letter-spacing:-.01em}.shell{display:flex;min-height:100dvh;background:var(--np-paper)}.sidebar{width:224px;flex-shrink:0;background:var(--np-navy);display:flex;flex-direction:column;padding:22px 0 18px;position:sticky;top:0;height:100dvh}.brand{padding:0 18px 22px;display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;border-radius:var(--np-radius-sm);background:var(--np-chrome-grad);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-mark span{font-family:var(--np-font-logo);font-size:19px;color:var(--np-navy);letter-spacing:var(--np-track-logo)}.brand-word{font-family:var(--np-font-logo);font-size:15px;color:#fff;letter-spacing:var(--np-track-logo);line-height:1.1}.brand-sub{font-size:9px;font-weight:var(--np-weight-bold);color:var(--np-chrome);letter-spacing:.24em;margin-top:2px}.nav{display:flex;flex-direction:column;gap:2px;padding:0 10px}.nav a{display:flex;align-items:center;gap:11px;padding:11px 15px;border-radius:var(--np-radius-sm);color:#d6dbe0;font-size:13px;font-weight:var(--np-weight-medium);min-height:44px}.nav a:hover{background:#ffffff0f;color:#fff}.nav a.active{padding-left:12px;background:var(--np-navy-deep);border-left:3px solid var(--np-chrome);color:#fff;font-weight:var(--np-weight-strong)}.side-card{margin:0 14px 12px;padding:12px;border-radius:12px;background:#ffffff12}.side-label{font-size:9px;font-weight:var(--np-weight-bold);letter-spacing:.2em;color:var(--np-chrome)}.side-line{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:11.5px;color:#e7e9eb;font-weight:var(--np-weight-medium)}.main{flex-grow:1;min-width:0;display:flex;flex-direction:column;padding:26px 28px;gap:16px}.page-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.page-head h1{font-size:23px;font-weight:var(--np-weight-display)}.page-sub{margin-top:3px;font-size:12px;color:var(--np-muted);font-weight:var(--np-weight-medium)}.grow{flex-grow:1}.card{background:var(--np-surface);border:1px solid var(--np-line);border-radius:var(--np-radius);padding:16px 18px}.card-navy{background:var(--np-navy);border-radius:var(--np-radius);padding:16px 18px;color:#fff}.card-flush{padding:0;overflow:hidden}.card-title{font-size:14px;font-weight:var(--np-weight-display)}.label{font-size:9.5px;font-weight:var(--np-weight-bold);letter-spacing:var(--np-track-label);color:var(--np-muted);text-transform:uppercase}.label-light{color:var(--np-chrome)}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.row{display:flex;gap:14px;align-items:flex-start}.col{display:flex;flex-direction:column;gap:14px}.stat-value{margin-top:9px;font-size:24px;font-weight:var(--np-weight-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-sub{margin-top:5px;font-size:11px;color:var(--np-muted);font-weight:var(--np-weight-medium)}.money{font-variant-numeric:tabular-nums}.pos{color:var(--np-positive)}.neg{color:var(--np-negative)}.warn{color:var(--np-warn)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--np-radius-sm);font-size:12.5px;font-weight:var(--np-weight-strong);border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--np-navy);color:#fff}.btn-primary:hover{background:var(--np-navy-deep)}.btn-secondary{background:var(--np-surface);color:var(--np-navy);border-color:var(--np-border-2)}.btn-secondary:hover{background:var(--np-surface-alt)}.btn-sm{min-height:36px;padding:7px 13px;font-size:11.5px;border-radius:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.chip{padding:9px 14px;border-radius:var(--np-radius-pill);font-size:12px;font-weight:var(--np-weight-strong);background:var(--np-surface);color:var(--np-navy);border:1px solid var(--np-line);cursor:pointer;min-height:40px}.chip.on{background:var(--np-navy);color:#fff;border-color:var(--np-navy)}input,select,textarea{font-family:var(--np-font);font-size:12.5px;padding:11px 13px;min-height:44px;border:1px solid var(--np-line);border-radius:var(--np-radius-sm);background:var(--np-surface);color:var(--np-ink)}input[type=search]{min-width:200px}label.field{display:block}label.field>span{display:block;font-size:9.5px;font-weight:var(--np-weight-bold);letter-spacing:var(--np-track-label);color:var(--np-muted);text-transform:uppercase;margin-bottom:5px}label.field>input,label.field>select{width:100%}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.badge{display:inline-block;font-size:10.5px;font-weight:var(--np-weight-bold);padding:4px 9px;border-radius:6px;background:var(--np-paper);color:var(--np-text-2);border:1px solid var(--np-line)}.badge-ok{background:var(--np-positive-bg);color:var(--np-positive);border-color:var(--np-positive-line)}.badge-warn{background:var(--np-warn-bg);color:var(--np-warn);border-color:var(--np-warn-line)}.badge-bad{background:var(--np-negative-bg);color:var(--np-negative);border-color:var(--np-negative-line)}.note{padding:12px 14px;border-radius:12px;font-size:11.5px;line-height:1.5;font-weight:var(--np-weight-medium);color:var(--np-text-2);background:var(--np-paper);border:1px solid var(--np-line)}.note-warn{background:var(--np-warn-bg);border-color:var(--np-warn-line)}.note-bad{background:var(--np-negative-bg);border-color:var(--np-negative-line)}.note-ok{background:var(--np-positive-bg);border-color:var(--np-positive-line)}.table{width:100%}.thead,.trow{display:grid;gap:10px;align-items:center;padding:11px 18px}.t-txn{grid-template-columns:84px 104px 148px minmax(0,1fr) 208px 108px 44px}.t-invoice{grid-template-columns:76px 80px minmax(0,1fr) 200px 100px 96px 116px}.t-queue{grid-template-columns:72px minmax(0,1fr) 100px 220px 92px 152px}@media(max-width:1179px){.lg-only{display:none!important}.t-txn{grid-template-columns:78px 150px minmax(0,1fr) 190px 104px}.t-invoice{grid-template-columns:76px 76px minmax(0,1fr) 100px 112px}.t-queue{grid-template-columns:72px minmax(0,1fr) 100px 190px 148px}}.thead{background:var(--np-surface-alt);border-bottom:1px solid var(--np-line);font-size:9.5px;font-weight:var(--np-weight-bold);letter-spacing:.14em;color:var(--np-muted);text-transform:uppercase}.trow{border-bottom:1px solid var(--np-line-soft);font-size:12.5px}.trow:hover{background:var(--np-surface-alt)}.trow.attention{background:#fffdf9}.tcell-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:var(--np-weight-bold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{padding:34px 18px;text-align:center;color:var(--np-muted);font-size:12.5px;font-weight:var(--np-weight-medium)}.tabbar,.mobile-only{display:none}@media(max-width:767px){.shell{flex-direction:column}.sidebar{display:none}.tabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--np-surface);border-top:1px solid var(--np-line);padding:9px 8px calc(9px + env(safe-area-inset-bottom)) 8px}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border-radius:12px;min-height:44px;color:var(--np-muted);font-size:10px;font-weight:var(--np-weight-strong)}.tabbar a.active{color:var(--np-navy);font-weight:var(--np-weight-bold)}.main{padding:16px 16px calc(96px + env(safe-area-inset-bottom));gap:12px}.page-head h1{font-size:20px}.page-head{gap:10px}.page-head>*{max-width:100%}.page-head input[type=search],.page-head select{width:100%;min-width:0}.page-head .grow{display:none}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.row{flex-direction:column}.row>*{width:100%}.thead{display:none}.trow,.t-txn,.t-invoice,.t-queue{grid-template-columns:1fr auto!important;gap:4px 10px;padding:13px 15px;align-items:start}.trow>.m-full{grid-column:1 / -1}.trow>.m-hide{display:none}.tcell-num{text-align:right}.chart{gap:7px}.desktop-only{display:none!important}.mobile-only{display:block}.mobile-head{background:var(--np-navy);color:#fff;margin:-16px -16px 0;padding:calc(14px + env(safe-area-inset-top)) 16px 16px;display:flex;align-items:center;gap:11px}}@media(min-width:768px){.mobile-head{display:none}}@media print{.sidebar,.tabbar,.btn,.chip{display:none!important}.main{padding:0}.card{border:none}}