:root{--primary: #dc143c;--primary-light: #fff1f2;--success: #ecfdf5;--success-text: #059669;--text-main: #111827;--text-muted: #6b7280;--bg-body: #f9fafb;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}.header{text-align:center;padding:40px 20px}.header h1{font-size:32px;font-weight:700;margin-bottom:8px}.header p{color:var(--text-muted);font-size:16px}.main-container{max-width:1100px;margin:0 auto 60px;display:flex;flex-direction:row;gap:30px;width:100%;padding:0 20px;box-sizing:border-box}.sidebar{width:280px;flex-shrink:0}.step-item{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:12px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;border:1px solid transparent;box-shadow:var(--card-shadow)}.step-item.active{background:var(--primary);color:#fff}.step-item.completed{background:var(--success);color:var(--success-text)}.step-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:var(--text-muted);font-size:16px}.step-item.active .step-icon{background:#fff3;color:#fff}.step-label{font-weight:600;font-size:15px}.content-card{flex-grow:1;background:#fff;border-radius:24px;padding:40px;box-shadow:var(--card-shadow);position:relative;min-height:500px}.view-section{display:none;animation:fadeIn .4s ease}.view-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-name{text-align:center;font-size:12px;font-weight:600;color:var(--text-muted);padding-bottom:10px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;background:#f9fafb}.calendar-day:hover:not(.disabled){background:var(--primary-light);color:var(--primary)}.calendar-day.selected{background:var(--primary);color:#fff}.calendar-day.disabled{color:#d1d5db;cursor:not-allowed;background:#fcfcfc}.slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.slot-btn{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.slot-btn.selected{background:var(--primary);color:#fff}.slot-btn.disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.full-width{grid-column:span 2}.form-group{display:flex;flex-direction:column;gap:8px}input,select,textarea{padding:12px 16px;border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:15px;background:#f9fafb}.btn-row{margin-top:40px;display:flex;justify-content:space-between}.btn{padding:14px 28px;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px}.btn-primary{background:var(--primary);color:#fff}.btn-outline{background:#fff;border-color:#e5e7eb}.success-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.success-modal{background:#fff;padding:40px;border-radius:24px;text-align:center;max-width:400px}@media(max-width:768px){.main-container{flex-direction:column}.sidebar{width:100%;display:flex;overflow-x:auto}.step-item{flex:1;min-width:max-content}.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}.slots-grid{grid-template-columns:1fr}}.operator-btn.active{border-color:#dc2626!important;background-color:#fef2f2!important}