:root{--brand:#0e4d64;--brand-600:#0b3f52;--brand-50:#e7f0f3;--accent:#e8a33d;--in:#1b7f4c;--in-50:#e6f4ec;--out:#b3261e;--out-50:#fbeceb;--warn:#8a5a00;--warn-50:#fff4dc;--bg:#f5f7f8;--surface:#fff;--text:#172026;--muted:#5c6b73;--line:#dde4e8;--radius:14px;--shadow:0 1px 2px #1021290f, 0 4px 16px #1021290f;--nav-h:64px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Segoe UI,Roboto,Noto Sans,system-ui,-apple-system,BlinkMacSystemFont,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--brand)}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.num{font-variant-numeric:tabular-nums}.in{color:var(--in)}.out{color:var(--out)}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.stack-lg{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.stack>*,.stack-lg>*,.list>*,.home-grid>*{min-width:0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hidden{display:none!important}.shell{min-height:100vh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.topbar{z-index:20;background:var(--brand);color:#fff;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .logo{border-radius:8px;flex:none;width:30px;height:30px}.topbar .company{font-size:15px;font-weight:600}.topbar select{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;max-width:160px;padding:4px 8px;font-size:13px}.topbar select option{color:var(--text)}.content{max-width:1080px;margin:0 auto;padding:16px}.bottomnav{z-index:30;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.bottomnav a.active{color:var(--brand)}.bottomnav svg{width:24px;height:24px}.sidenav{display:none}@media (min-width:960px){.shell{padding-bottom:0;padding-left:232px}.bottomnav{display:none}.sidenav{z-index:25;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:4px;width:232px;padding:18px 12px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidenav .brand{color:var(--brand);align-items:center;gap:10px;padding:4px 8px 18px;font-size:17px;font-weight:700;display:flex}.sidenav .brand img{border-radius:9px;width:34px;height:34px}.sidenav a{color:var(--text);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.sidenav a:hover{background:var(--bg)}.sidenav a.active{background:var(--brand-50);color:var(--brand)}.sidenav svg{width:20px;height:20px}.sidenav .spacer{flex:1}.topbar{padding-left:24px}.topbar .logo{display:none}.content{padding:24px}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card.flat{box-shadow:none;border:1px solid var(--line)}.card-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:8px 2px;font-size:13px;font-weight:600}.balance-card{background:linear-gradient(135deg, var(--brand), #13667f);color:#fff}.balance-card .label{opacity:.85;font-size:13px}.balance-card .value{letter-spacing:-.01em;font-size:32px;font-weight:700}.balance-card .sub{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.balance-card .sub div{background:#ffffff1f;border-radius:10px;padding:8px 10px}.balance-card .sub b{font-size:16px;display:block}.actions-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.action-btn{border-radius:var(--radius);cursor:pointer;text-align:left;box-shadow:var(--shadow);background:var(--surface);color:var(--text);border:0;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;text-decoration:none;display:flex}.action-btn .ic{border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.action-btn .ic svg{width:24px;height:24px}.action-btn b{font-size:16px}.action-btn span{color:var(--muted);font-size:12px}.action-btn.in .ic{background:var(--in-50);color:var(--in)}.action-btn.out .ic{background:var(--out-50);color:var(--out)}.action-btn.scan{flex-direction:row;grid-column:1/-1;align-items:center}.action-btn.scan .ic{background:var(--brand-50);color:var(--brand)}@media (min-width:960px){.home-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:20px;display:grid}.actions-grid{grid-template-columns:1fr 1fr 1fr}.action-btn.scan{flex-direction:column;grid-column:auto;align-items:flex-start}}.list{grid-template-columns:minmax(0,1fr);display:grid}.list-item{border-bottom:1px solid var(--line);color:inherit;align-items:center;gap:12px;padding:12px 4px;text-decoration:none;display:flex}.list-item:last-child{border-bottom:0}.list-item .dir{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.list-item .dir.in{background:var(--in-50)}.list-item .dir.out{background:var(--out-50)}.list-item .dir svg{width:20px;height:20px}.list-item .title{font-weight:600}.list-item .amount{white-space:nowrap;font-weight:700}.list-item.cancelled .amount{color:var(--muted);text-decoration:line-through}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge.draft{background:var(--warn-50);color:var(--warn)}.badge.posted{background:var(--in-50);color:var(--in)}.badge.cancelled{color:var(--muted);background:#eceff1}.badge.pending{color:#3949ab;background:#e8eaf6}label.field{color:var(--muted);gap:6px;font-size:13px;font-weight:600;display:grid}.input,select.input,textarea.input{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:11px 12px;font-size:16px;font-weight:400}.input:focus{border-color:var(--brand);outline:2px solid #0e4d6440}textarea.input{resize:vertical;min-height:72px}.amount-input{text-align:right;font-variant-numeric:tabular-nums;font-size:28px!important;font-weight:700!important}.words{color:var(--muted);min-height:18px;font-size:13px}.err{color:var(--out);font-size:13px}.grid-2{align-items:start;gap:12px;display:grid}@media (min-width:640px){.grid-2{grid-template-columns:1fr 1fr}}.segmented{background:#e9eef1;border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:9px 8px;font-weight:600}.segmented button.on{color:var(--text);box-shadow:var(--shadow);background:#fff}.segmented button.on.in{color:var(--in)}.segmented button.on.out{color:var(--out)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:13px}.chip:hover{border-color:var(--brand);color:var(--brand)}details.more{border-top:1px dashed var(--line);padding-top:10px}details.more summary{cursor:pointer;color:var(--brand);font-size:14px;font-weight:600;list-style:none}details.more summary::-webkit-details-marker{display:none}details.more[open] summary{margin-bottom:12px}.btn{cursor:pointer;background:var(--brand);color:#fff;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--brand-600)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{color:var(--brand);border-color:var(--line);background:#fff}.btn.secondary:hover{background:var(--brand-50)}.btn.danger{color:var(--out);background:#fff;border-color:#f0c9c6}.btn.danger:hover{background:var(--out-50)}.btn.ghost{color:var(--brand);background:0 0}.btn.block{width:100%}.btn svg{width:18px;height:18px}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn-row>.btn{flex:auto}.sticky-actions{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));z-index:5;background:linear-gradient(to top, var(--bg) 70%, transparent);margin-top:8px;padding:14px 0 6px;position:sticky}@media (min-width:960px){.sticky-actions{bottom:0}}.notice{border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:14px;display:flex}.notice svg{flex:none;width:18px;height:18px;margin-top:2px}.notice.info{background:var(--brand-50);color:var(--brand-600)}.notice.warn{background:var(--warn-50);color:var(--warn)}.notice.error{background:var(--out-50);color:var(--out)}.notice.ok{background:var(--in-50);color:var(--in)}.toast{z-index:100;left:50%;bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom));color:#fff;box-shadow:var(--shadow);background:#17252c;border-radius:12px;max-width:92vw;padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}@media (min-width:960px){.toast{bottom:24px}}.modal-back{z-index:90;background:#0a141973;place-items:end center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:#fff;border-radius:18px 18px 0 0;width:100%;max-width:520px;max-height:90vh;padding:20px;overflow:auto}@media (min-width:640px){.modal-back{place-items:center}.modal{border-radius:18px}}.doc-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.doc-amount{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.kv{grid-template-columns:minmax(110px,34%) 1fr;gap:8px 14px;font-size:14px;display:grid}.kv dt{color:var(--muted)}.kv dd{word-break:break-word;margin:0;font-weight:500}.summary-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (min-width:720px){.summary-grid{grid-template-columns:repeat(4,1fr)}}.summary-grid .card{padding:12px 14px}.summary-grid .label{color:var(--muted);font-size:12px}.summary-grid .value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}table.table{border-collapse:collapse;width:100%;font-size:14px}table.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 6px;font-size:12px;font-weight:600}table.table td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 6px}table.table td.r,table.table th.r{text-align:right}table.table td.num{white-space:nowrap}.table-wrap{overflow-x:auto}.datenav{align-items:center;gap:8px;display:flex}.datenav button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;width:40px;height:40px;font-size:18px}.menu-list{display:grid}.menu-list a,.menu-list button{border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--text);cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;padding:14px 4px;font-weight:500;text-decoration:none;display:flex}.menu-list a:last-child,.menu-list button:last-child{border-bottom:0}.menu-list svg{width:20px;height:20px;color:var(--muted)}.menu-list .chev{color:var(--muted);margin-left:auto}.auth-wrap{background:linear-gradient(180deg, var(--brand) 0 38%, var(--bg) 38%);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.auth-card{width:100%;max-width:420px}.auth-brand{color:#fff;text-align:center;margin-bottom:18px}.auth-brand img{border-radius:16px;width:64px;height:64px;box-shadow:0 6px 20px #0003}.auth-brand h1{margin-top:10px;font-size:26px}.auth-brand p{opacity:.85;margin:4px 0 0}.empty{text-align:center;color:var(--muted);padding:28px 12px}.spinner{border:3px solid var(--brand-50);border-top-color:var(--brand);border-radius:50%;width:22px;height:22px;margin:24px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.offline-bar{background:var(--warn-50);color:var(--warn);text-align:center;padding:6px 16px;font-size:13px}