body{margin:0;font-family:system-ui,Hiragino Sans,Yu Gothic,sans-serif}.center{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}button{cursor:pointer;border:1px solid #888;border-radius:8px;padding:12px 24px;font-size:18px}button.secondary{background:#f3f3f3}button.active{color:#fff;background:#2e7d32;border-color:#2e7d32}button:disabled{opacity:.5;cursor:default}.app header{border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;display:flex}.app nav{flex-wrap:wrap;flex:1;gap:8px;display:flex}.app main{max-width:760px;margin:0 auto;padding:16px}.form{flex-direction:column;gap:12px;margin:12px 0;display:flex}.form label{flex-direction:column;gap:4px;font-size:14px;display:flex}.form input,.form select,.form textarea{border:1px solid #aaa;border-radius:6px;padding:10px;font-size:18px}.card{border:1px solid #ddd;border-radius:8px;padding:12px}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.grow{cursor:pointer;flex:1}.list{padding:0;list-style:none}.list li{border-bottom:1px solid #eee;align-items:center;gap:12px;padding:12px 0;display:flex}.archived{opacity:.5}.muted{color:#777}.ok{color:#2e7d32}.check{align-items:center;gap:8px;display:flex}.seal{object-fit:contain;border:1px solid #ddd;width:80px;height:80px}.app main:has(.grid-wrap){max-width:1100px}.wrap{flex-wrap:wrap}.grid-wrap{margin:12px 0;overflow-x:auto}.grid{border-collapse:collapse;width:100%;min-width:860px}.grid th{text-align:left;background:#e8f5e9;padding:4px;font-size:13px}.grid td{vertical-align:top;border-bottom:1px solid #eee;padding:4px}.grid input,.grid select{box-sizing:border-box;border:1px solid #bbb;border-radius:6px;width:100%;padding:8px;font-size:16px}.grid td.name{min-width:240px}.grid td.name input+input{margin-top:4px}.grid .num{text-align:right;width:90px}.grid .unit{width:64px}.grid td.amount{text-align:right;white-space:nowrap;padding-top:12px}.grid td.ops{white-space:nowrap}.grid td.ops button{padding:6px 10px;font-size:14px}.grid tbody{border-bottom:1px solid #ddd}.grid tbody.k-heading{background:#f6fbf6}.grid tbody.k-subtotal,.grid tbody.k-total,.grid tbody.k-grandtotal{background:#fafafa}.grid td.amount.sub{color:#555;padding-top:12px;font-size:13px}.grid input.sub,.grid .num{font-size:16px}.grid td.selector{background:#f5f5f5}.grid td.selector .check{padding:4px 0}.totals{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;margin:16px 0;display:flex}.amount-box{border:2px solid #2e7d32;padding:8px 16px;font-size:22px;font-weight:700}.amount-box small{margin-left:12px;font-size:12px;font-weight:400}.grand{font-size:20px;font-weight:700}.error{color:#c00;max-width:480px}.tabs{flex-wrap:wrap;gap:6px;margin:8px 0 0;display:flex}.tab{background:#f3f3f3;border:1px solid #bbb;border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:6px 10px;display:flex}.tab.active{background:#fff;border-color:#2e7d32;font-weight:700;box-shadow:0 2px #fff}.tab.off{opacity:.5;background:#e6e6e6}.tab input[type=checkbox]{width:22px;height:22px}.tab-btn{background:0 0;border:none;padding:8px 4px;font-size:16px}.tab-panel{border:1px solid #2e7d32;border-radius:0 8px 8px;margin-bottom:16px;padding:12px 16px}.flow{margin:6px 0;font-size:13px}.chip{color:#555;background:#eee;border-radius:10px;padding:2px 8px;display:inline-block}.chip.draft{color:#7a5b00;background:#fff3cd}.chip.issued{color:#1b5e20;background:#d7f0da}.chip.void{color:#8a1c24;background:#f8d7da;text-decoration:line-through}.filters{flex-direction:column;gap:8px;margin:12px 0;display:flex}.filters input[type=search],.filters select,.filters input[type=date]{border:1px solid #aaa;border-radius:6px;padding:8px;font-size:16px}.standalone{margin-top:24px}.standalone summary{cursor:pointer;padding:8px 0}html{-webkit-text-size-adjust:100%}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}button,select,input,textarea,summary,a.button-link{touch-action:manipulation}button,a.button-link{min-height:44px}input[type=checkbox],input[type=radio]{width:24px;height:24px}.grid td.ops button{min-width:44px;min-height:44px}a.button-link{color:inherit;background:#f3f3f3;border:1px solid #888;border-radius:8px;align-items:center;padding:0 20px;font-size:18px;text-decoration:none;display:inline-flex}.app header{padding-top:calc(8px + env(safe-area-inset-top));z-index:5;background:#fff;position:sticky;top:0}.offline-banner{color:#7a5b00;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top));background:#fff3cd;font-size:14px}.pdf-result{background:#f6fbf6;margin:12px 0}@media (width<=900px){.app main{padding:12px}.grid-wrap{-webkit-overflow-scrolling:touch}}