/* black/white modern UI, rounded 10px with right summary panel */
#wb-modal.wb-hidden{display:none}
#wb-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
#wb-modal .wb-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:1}
#wb-modal .wb-dialog{position:relative;z-index:2;width:min(1100px,92vw);background:#fff;color:#000;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.4);overflow:hidden;pointer-events:auto}
.wb-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eee}
.wb-header h3{margin:0;font-size:18px;font-weight:700}
.wb-close{background:transparent;border:0;font-size:22px;line-height:1;cursor:pointer;color:#000}
.wb-body{padding:16px 18px 12px}
.wb-grid{display:grid;grid-template-columns:1fr 320px;gap:18px}
.wb-right{border-left:1px solid #eee;padding-left:18px}
.wb-summary{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:14px}
.wb-summary-title{font-weight:700;margin-bottom:8px}
.wb-summary-line{display:flex;justify-content:space-between;margin:6px 0}
.wb-summary-total{display:flex;justify-content:space-between;font-size:18px;font-weight:800;margin:10px 0}
.wb-summary-note{font-size:12px;color:#666}
.wb-cols{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:10px}
.wb-col{min-width:0}
.wb-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#111}
.wb-mt{margin-top:6px;display:block}
.wb-input{width:100%;height:42px;border-radius:8px;border:1px solid #e6e6e6;padding:0 12px;background:#fff;color:#000}
.wb-select{height:42px}
.wb-calendar{margin-top:10px}
.wb-actions{display:flex;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid #eee}
.wb-spacer{flex:1}
.wb-btn{height:40px;border-radius:8px;padding:0 16px;border:1px solid #000;background:#000;color:#fff;cursor:pointer;font-weight:600}
.wb-btn:hover{opacity:.9}
.wb-btn-ghost{background:#fff;color:#000}
.flatpickr-calendar{border-radius:10px!important;border:1px solid #e6e6e6;box-shadow:none}
.flatpickr-months .flatpickr-month,.flatpickr-current-month,.flatpickr-weekdays,.flatpickr-day{color:#000!important}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:#000!important;color:#fff!important;border-color:#000!important}
.flatpickr-day.inRange{background:rgba(0,0,0,.08)!important;color:#000!important}
.flatpickr-day.today{border-color:#000!important}