*{box-sizing:border-box}body{color:#222;background:#f2f2f2;margin:0;font-family:Arial,Helvetica,sans-serif}.page{padding:24px}.layout{background:#fff;border:1px solid #ddd;max-width:1100px;margin:0 auto}.topbar{color:#fff;background:#3d3d3d;padding:18px 24px}.topbar h1{margin:0;font-size:2rem;line-height:1}.topbar p{margin:4px 0 0;font-size:1rem}.alerts{padding:16px 24px 0}.content-grid{grid-template-columns:1fr 1fr;align-items:start;gap:36px;padding:24px;display:grid}.column{flex-direction:column;gap:18px;display:flex}.step-title{align-items:center;gap:10px;display:flex}.step-title h2{margin:0;font-size:1.1rem;font-weight:700}.step-number{color:#fff;background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;font-weight:700;display:inline-flex}.section{background:#fff;border:1px solid #d8d8d8;border-radius:10px;padding:18px}.section h2,.section h3{margin-top:0}.section h2{display:none}.section h3{color:#333;margin-bottom:12px;font-size:1rem}.form-row{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:14px;display:flex}.form-row label{font-size:.95rem;font-weight:600}.form-row input,.form-row select{background:#fff;border:1px solid #cfcfcf;border-radius:999px;outline:none;width:100%;padding:10px 12px;font-size:.95rem}.form-row input:focus,.form-row select:focus{border-color:#8c8c8c}.catalog-item{border-bottom:1px solid #eee;align-items:center;gap:10px;padding:8px 0;display:flex}.catalog-item:last-child{border-bottom:none}.catalog-item input{width:auto}.catalog-item span{flex:1;font-size:.95rem}.catalog-search{border:1px solid #d0d0d0;border-radius:8px;outline:none;width:100%;margin-bottom:20px;padding:11px 14px;font-size:.95rem}.catalog-search:focus{border-color:#888}.catalog-group{margin-bottom:22px}.catalog-group:last-child{margin-bottom:0}.catalog-group h3{align-items:center;gap:8px;display:flex}.catalog-count{background:#eee;border-radius:10px;padding:2px 7px;font-size:.75rem;font-weight:400}.catalog-option{cursor:pointer;border:1px solid #e2e2e2;border-radius:8px;align-items:center;gap:12px;min-height:64px;margin-bottom:8px;padding:12px;transition:all .15s;display:flex}.catalog-option:hover{background:#f8f8f8}.catalog-option.selected{background:#f3faf3;border-color:#4caf50}.catalog-option input{width:auto;margin:0}.catalog-option-info{flex-direction:column;flex:1;gap:3px;display:flex}.catalog-option:last-child{margin-bottom:0}.catalog-list{scrollbar-width:thin;scrollbar-color:#bdbdbd transparent;height:208px;padding-right:5px;overflow-y:auto}.catalog-list::-webkit-scrollbar{width:6px}.catalog-list::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:10px}.catalog-list::-webkit-scrollbar-track{background:0 0}.catalog-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.catalog-description{color:#777;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.catalog-price{white-space:nowrap;font-size:.9rem}.empty-text{color:#777;font-size:.9rem}.confirm-button{color:#fff;cursor:pointer;background:#4c5be7;border:none;border-radius:8px;align-self:flex-start;padding:12px 22px;font-size:.95rem;font-weight:700;transition:background .2s}.confirm-button:hover{background:#3f4ed1}.message{border-radius:8px;padding:12px 14px;font-size:.95rem}.success{color:#246824;background:#eef8ee;border:1px solid #9dd29d}.error{color:#8a2b2b;background:#fff1f1;border:1px solid #e1a1a1}.summary-group{border-bottom:1px solid #ececec;margin-bottom:12px;padding-bottom:12px}.summary-group:last-child{border-bottom:none;margin-bottom:0}.footer{color:#fff;text-align:right;background:#3d3d3d;padding:12px 24px;font-size:.9rem}@media (width<=900px){.content-grid{grid-template-columns:1fr}.confirm-button{width:100%}}.modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.result-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;padding:24px;overflow-y:auto}.result-modal-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.result-modal-header h2{margin:0;font-size:1.2rem}.result-modal-header p{color:#666;margin:4px 0 0;font-size:.9rem}.result-event{background:#f7f7f7;border-radius:8px;flex-direction:column;gap:4px;margin-bottom:18px;padding:14px;display:flex}.result-event span{color:#666;font-size:.9rem}.result-group{border-bottom:1px solid #eee;padding:14px 0}.result-group-title{justify-content:space-between;margin-bottom:12px;display:flex}.result-group-title span{color:#777;font-size:.85rem}.result-line{justify-content:space-between;margin-top:7px;font-size:.9rem;display:flex}.discount-line{color:#388e3c}.total-line{margin-top:10px}.grand-total{color:#fff;background:#3d3d3d;border-radius:8px;justify-content:space-between;margin-top:20px;padding:15px;display:flex}.modal-close-button{color:#fff;cursor:pointer;background:#4c5be7;border:none;border-radius:8px;width:100%;margin-top:18px;padding:11px;font-weight:600}