:root{--color4: #ffedfa;--color1: #fff2ed;--color2: #edfff2;--color3: #edfaff}#root{max-width:1280px;margin:0 auto;padding:1rem;text-align:center;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--color3);border-radius:16px;border:4px double #999}.app h1{margin-top:0;margin-bottom:12px}.app{margin-top:0}body{background-color:var(--color4)}.app{padding:8px;font-family:sans-serif}.actions{margin-bottom:16px}.actions button{margin-right:8px}.table-selector{display:flex;gap:16px;align-items:center;justify-content:center;margin-bottom:12px}.table-selector label{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.table-container{display:inline-flex;justify-content:center;background-color:var(--color2);padding:12px;border:#999 1px solid;border-radius:8px}.master{background-color:var(--color1)}.table-def{table-layout:auto;width:auto}.table-def th,.table-def td{text-align:left}.table-def .cell-center{text-align:center}.table-def .cell-right{text-align:right}.table-def{border-collapse:collapse}.table-def th{background-color:#000;color:#fff;padding:2px 8px;border:1px solid #777}.table-def td{padding:0 8px;border:1px solid #777}.odd-row{background-color:var(--color1)}.odd-row-master{background-color:var(--color2)}.pagination{display:flex;justify-content:space-between;align-items:center;width:420px;margin:12px auto}.pagination-left,.pagination-center,.pagination-right{display:flex;align-items:center}.pagination-center{justify-content:center;flex:1}.pagination a{color:#00f;cursor:pointer}.pagination a.disabled{color:gray;text-decoration:none;cursor:default;pointer-events:none}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center}.modal{background:#fff;padding:20px;border-radius:10px;width:460px;box-shadow:0 10px 30px #0003}.modal-title{margin:0 0 16px;border-bottom:1px solid #ddd;padding-bottom:8px}.form-group select{margin-bottom:14px;font-size:1rem}.form-group label{text-align:left}label{display:block;font-size:.85rem;color:#555;margin-bottom:4px}select,input[type=number]{width:100%;padding:6px 8px;border-radius:4px;border:1px solid #ccc}.inline-row{display:flex;gap:8px;align-items:stretch}.inline-row select,.inline-row button{height:100%}.draft-items{margin:16px 0;border-top:1px solid #eee;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.draft-item{display:grid;grid-template-columns:1fr 40px 120px 30px;align-items:center;gap:8px;padding:6px 0;margin-left:8px;width:fit-content}.item-name{font-weight:500}.item-subtotal{text-align:right;font-size:.9rem}.total{display:flex;justify-content:space-between;font-weight:700;font-size:1.05rem;padding-top:10px;border-top:1px solid #ddd}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}button{padding:6px 12px;border-radius:4px;border:1px solid #888;background:#eee;cursor:pointer;font-size:1rem}button:hover{background:#e0e0e0}button.secondary{background:#f8f8f8}button.icon{padding:2px 6px}button:disabled{opacity:.5;cursor:not-allowed}.action-button{padding:2px 8px;font-size:.8rem;line-height:1.1;margin:.2rem .3rem}