.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);z-index:1100}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1200;width:90%;max-width:600px}.modal-content{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:0 8px 32px var(--shadow-hover);min-height:300px;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h2{margin:0;color:var(--text-primary);font-size:1.3rem}.modal-close{background:none;border:none;font-size:2.5rem;line-height:1;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:var(--bg-primary);color:var(--text-primary)}.modal-body{margin:1.5rem 0;color:var(--text-primary)}.modal-body p{margin:.5rem 0;font-size:1rem}.warning-text{color:#d32f2f;font-size:.9rem;font-style:italic}.info-text{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.delete-modal .modal-content{min-height:auto}.form-group{margin:1rem 0}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.reason-input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:4px;font-size:1rem;background:var(--card-bg);color:var(--text-primary);box-sizing:border-box}.reason-input:focus{outline:none;border-color:#667eea}.reason-input:disabled{opacity:.6;cursor:not-allowed}.btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-cancel:hover:not(:disabled){background:var(--bg-secondary)}.btn-delete{background:#d32f2f;color:#fff}.btn-delete:hover:not(:disabled){background:#b71c1c;transform:translateY(-2px);box-shadow:0 4px 8px #d32f2f4d}.btn-reset{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.btn-reset:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #667eea66}.btn-reset:disabled{opacity:.6;cursor:not-allowed}.step-indicator{margin-bottom:2rem}.step-dots{display:flex;justify-content:center;gap:.5rem}.step-dot{width:10px;height:10px;border-radius:50%;background:#ddd;transition:all .3s ease}.step-dot.active{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.3)}.step-dot.completed{background:#4caf50}.step-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.step-form{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.form-step{width:100%;display:flex;justify-content:center;gap:1rem}.datetime-step{flex-direction:column;align-items:center}.step-navigation{display:flex;justify-content:space-between;gap:1rem}.nav-btn{flex:1;padding:.75rem 2rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s}.back-btn{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.back-btn:hover:not(:disabled){background:var(--bg-secondary)}.next-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0003}.nav-btn:disabled{opacity:.5;cursor:not-allowed}:root{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-header: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #333;--text-secondary: #666;--text-muted: #999;--text-on-primary: #ffffff;--border-color: #e0e0e0;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .2);--input-bg: #ffffff;--input-border: #ddd;--card-bg: #ffffff;--overlay-bg: rgba(0, 0, 0, .5)}body.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-header: linear-gradient(135deg, #4a5568 0%, #553c6f 100%);--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #808080;--text-on-primary: #ffffff;--border-color: #404040;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .5);--input-bg: #2d2d2d;--input-border: #404040;--card-bg: #2d2d2d;--overlay-bg: rgba(0, 0, 0, .7)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body.dark-mode{background-color:var(--bg-primary);color:var(--text-primary)}