.wizard-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.wizard-card{background:var(--surface);border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:500px;width:100%;padding:2rem;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wizard-card.error{border-left:4px solid #e74c3c;background:#fef5f5}.wizard-card.success{border-left:4px solid #27ae60;background:var(--green-soft);text-align:center}.wizard-header{margin-bottom:2rem;position:relative}.wizard-header h2{margin:0 0 .5rem;color:var(--text);font-size:1.5rem}.wizard-header .back-btn{position:absolute;top:-2rem;left:0;background:none;border:none;color:var(--text-3);cursor:pointer;font-size:1rem;padding:0;transition:color .2s}.wizard-header .back-btn:hover{color:var(--text)}.wizard-subtitle{margin:0;color:var(--text-3);font-size:.95rem}.request-type-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.request-type-btn{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border:2px solid var(--surface-3);background:var(--surface);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.request-type-btn:hover{border-color:#3498db;background:var(--surface-2);box-shadow:0 4px 12px #3498db1a}.btn-icon{font-size:1.8rem;min-width:2rem;margin-top:.2rem}.btn-text{display:flex;flex-direction:column;gap:.3rem}.btn-text strong{color:var(--text);font-size:1rem}.btn-text span{color:var(--text-4);font-size:.85rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text);font-weight:600;font-size:.95rem}.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--surface-3);border-radius:6px;font-family:inherit;font-size:.95rem;resize:vertical;transition:border-color .2s}.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group textarea{min-height:100px}.char-count{text-align:right;font-size:.8rem;color:var(--text-4);margin-top:.3rem}.helper-text{margin:.5rem 0 0;font-size:.85rem;color:var(--text-4);font-style:italic}.review-section{background:var(--surface-2);border-left:3px solid #3498db;padding:1.5rem;border-radius:6px;margin-bottom:1.5rem}.review-row{display:flex;flex-direction:column;margin-bottom:1rem}.review-row:last-child{margin-bottom:0}.review-row strong{color:var(--text);margin-bottom:.3rem;font-size:.9rem}.review-value{color:#34495e;font-size:.95rem}.review-text{white-space:pre-wrap;word-break:break-word;line-height:1.5}.btn-primary{width:100%;padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 12px #3498db4d}.btn-primary:disabled{background:var(--text-4);cursor:not-allowed;opacity:.7}.error-message{background:#fadbd8;border-left:3px solid #e74c3c;color:#c0392b;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.confirmation-icon{font-size:3rem;margin-bottom:1rem;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.wizard-card.success h2{color:#27ae60;margin-bottom:1rem}.wizard-card.success p{margin:.5rem 0;color:var(--text)}.muted{color:var(--text-4);font-size:.85rem}@media (max-width: 640px){.wizard-card{padding:1.5rem}.wizard-header h2{font-size:1.25rem}.request-type-btn{padding:1rem}.btn-icon{font-size:1.5rem}.btn-text strong{font-size:.9rem}.confirmation-icon{font-size:2.5rem}}.staff-choices{display:flex;flex-wrap:wrap;gap:.5rem}.staff-choice{flex:1 1 8rem;min-height:48px;padding:0 1rem;border:2px solid var(--border);border-radius:.75rem;background:var(--surface);color:var(--text);font-size:1rem;font-weight:600;cursor:pointer}.staff-choice.selected{border-color:#2563eb;background:var(--blue-soft);color:var(--blue-ink)}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface-2);color:var(--text);line-height:1.4}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;font-weight:700}p{margin:0 0 1rem}.p-4{padding:1rem}.pb-20{padding-bottom:5rem}.pt-4{padding-top:1rem}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mt-1{margin-top:.25rem}.fixed{position:fixed}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.z-50{z-index:50}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-center{align-items:center}.bg-white{background:var(--surface)}.bg-gray-50{background:var(--surface-2)}.text-gray-500{color:var(--text-3)}.text-gray-600{color:var(--text-2)}.text-gray-800{color:#1f2937}.text-blue-600{color:#2563eb}.text-blue-400{color:#60a5fa}.border-t{border-top:1px solid var(--border)}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-md{box-shadow:0 4px 6px #0000001a}.text-xs{font-size:.75rem}.min-h-screen{min-height:100vh}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.transition-colors{transition:color .2s ease,background-color .2s ease}.duration-200{transition-duration:.2s}.space-y-4>*+*{margin-top:1rem}nav{background:var(--surface);border-top:1px solid var(--border)}nav a{text-decoration:none;display:flex;flex-direction:column;align-items:center}nav a:hover{opacity:.8}:root{color-scheme:light;--bg: #f8fafc;--surface: #ffffff;--surface-2: #f9fafb;--surface-3: #f3f4f6;--text: #111827;--text-2: #374151;--text-3: #6b7280;--text-4: #9ca3af;--border: #e5e7eb;--border-2: #d1d5db;--blue-soft: #eff6ff;--blue-soft-2: #dbeafe;--blue-border: #bfdbfe;--blue-ink: #1d4ed8;--red-soft: #fef2f2;--red-soft-2: #fee2e2;--red-border: #fca5a5;--red-ink: #b91c1c;--green-soft: #f0fdf4;--green-soft-2: #dcfce7;--green-border: #86efac;--green-ink: #15803d;--amber-soft: #fffbeb;--amber-soft-2: #fef3c7;--amber-border: #fcd34d;--amber-ink: #92400e;--shadow: rgba(15, 23, 42, .1)}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1120;--surface: #131c2e;--surface-2: #182338;--surface-3: #1f2b42;--text: #f1f5f9;--text-2: #cbd5e1;--text-3: #94a3b8;--text-4: #64748b;--border: #26334d;--border-2: #33425f;--blue-soft: rgba(59, 130, 246, .12);--blue-soft-2: rgba(59, 130, 246, .2);--blue-border: rgba(96, 165, 250, .45);--blue-ink: #93c5fd;--red-soft: rgba(239, 68, 68, .12);--red-soft-2: rgba(239, 68, 68, .2);--red-border: rgba(248, 113, 113, .5);--red-ink: #fca5a5;--green-soft: rgba(34, 197, 94, .12);--green-soft-2: rgba(34, 197, 94, .2);--green-border: rgba(74, 222, 128, .45);--green-ink: #86efac;--amber-soft: rgba(245, 158, 11, .12);--amber-soft-2: rgba(245, 158, 11, .2);--amber-border: rgba(251, 191, 36, .45);--amber-ink: #fcd34d;--shadow: rgba(0, 0, 0, .45)}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--bg: #0b1120;--surface: #131c2e;--surface-2: #182338;--surface-3: #1f2b42;--text: #f1f5f9;--text-2: #cbd5e1;--text-3: #94a3b8;--text-4: #64748b;--border: #26334d;--border-2: #33425f;--blue-soft: rgba(59, 130, 246, .12);--blue-soft-2: rgba(59, 130, 246, .2);--blue-border: rgba(96, 165, 250, .45);--blue-ink: #93c5fd;--red-soft: rgba(239, 68, 68, .12);--red-soft-2: rgba(239, 68, 68, .2);--red-border: rgba(248, 113, 113, .5);--red-ink: #fca5a5;--green-soft: rgba(34, 197, 94, .12);--green-soft-2: rgba(34, 197, 94, .2);--green-border: rgba(74, 222, 128, .45);--green-ink: #86efac;--amber-soft: rgba(245, 158, 11, .12);--amber-soft-2: rgba(245, 158, 11, .2);--amber-border: rgba(251, 191, 36, .45);--amber-ink: #fcd34d;--shadow: rgba(0, 0, 0, .45)}}html,body{background:var(--bg);color:var(--text)}input,select,textarea{background-color:var(--surface);color:var(--text);border-color:var(--border-2)}input::placeholder,textarea::placeholder{color:var(--text-4)}@media (pointer: coarse){button:not([data-compact]),select,input:not([type=checkbox]):not([type=radio]),[role=button]:not([data-compact]){min-height:44px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background-color:var(--surface-2);color:var(--text)}