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}