:root{font-family:system-ui,sans-serif;color:#342a35;background:#f5eaf0}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:auto;padding:32px 22px}header{display:flex;align-items:center;justify-content:space-between}small{letter-spacing:2px;color:#7c5674}h1{font-family:Georgia,serif;font-size:42px;margin:10px 0 28px}h2{font-weight:600}section{background:#fffafc;border:1px solid #e5d5df;border-radius:20px;padding:28px;margin:20px 0;box-shadow:0 8px 32px #63445108}nav{display:flex;gap:10px;flex-wrap:wrap}button,summary{cursor:pointer}button{background:#704363;color:white;border:0;border-radius:10px;padding:13px 20px;font:inherit}nav button{background:#e8d5e1;color:#4f3447}nav button.active{background:#704363;color:white}label{display:block;margin:16px 0}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #cfbdc9;border-radius:8px;font:inherit;background:white;color:#342a35;margin-top:7px}input[type=checkbox]{display:inline;width:auto;margin-right:10px}form{max-width:620px}fieldset{border:1px solid #e5d5df;border-radius:10px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.stat{background:#f1e5ed;padding:22px;border-radius:12px}.stat strong{display:block;font-size:27px;margin-top:10px}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{text-align:left;padding:13px 9px;border-bottom:1px solid #eadfe6}th{color:#775b6c;font-size:13px}td small{display:block;letter-spacing:0}.scroll{overflow-x:auto}.preview{padding:18px;background:#f1e5ed;border-radius:12px;margin:20px 0}.note{font-size:14px;color:#705f6b}summary{padding:18px 0;color:#704363;font-weight:600}#message:empty{display:none}#message{padding:14px;background:#fff;border-radius:10px}#login{max-width:500px;margin:30px auto}[hidden]{display:none!important}@media(max-width:650px){main{padding:22px 12px}section{padding:20px}.stats{grid-template-columns:1fr 1fr}.pair{grid-template-columns:1fr;gap:0}nav button{flex:1;padding:12px 8px}.stat strong{font-size:22px}}

.delete-button{background:#fff1f1;color:#9c343f;border:1px solid #e9bdc2;padding:8px 12px;font-size:14px}button:disabled{opacity:.55;cursor:wait}
.order-line{padding:16px;margin:20px 0;background:#fff}.order-line legend{color:#704363;font-weight:600;padding:0 6px}.secondary{background:#e8d5e1;color:#4f3447}.remove-line{padding:8px 12px;font-size:14px}.order-totals{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.order-totals strong{display:block;font-size:23px;margin-top:6px}.preview small{display:block;margin-top:16px;letter-spacing:0}.report-line{display:block;margin:6px 0;min-width:145px}.report-line small{font-size:12px}

dialog{width:min(660px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid #e5d5df;border-radius:20px;padding:26px;background:#fffafc;color:#342a35}dialog::backdrop{background:#342a3577}.item-actions,.edit-actions{display:flex;gap:8px;flex-wrap:wrap}.edit-button{padding:8px 12px;font-size:14px}#editItemError{color:#9c343f}#editItemError:empty{display:none}dialog h2{margin-top:0}