/* Importing fonts and defining CSS variables */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');:root {--bg-main: #f5f8f7;--glass-bg: rgba(255, 255, 255, 0.75);--glass-border: rgba(255, 255, 255, 0.6);--text-dark: #1f2937;--text-muted: #6b7280;--accent-green: #10b981;--accent-blue: #3b82f6;--sidebar-width: 80px;--border-radius-lg: 24px;--border-radius-md: 16px;--shadow-soft: 0 10px 40px rgba(0, 0, 0, 0.03);}body {font-family: 'Poppins', sans-serif;background-color: var(--bg-main);color: var(--text-dark);margin: 0;padding: 0;min-height: 100vh;display: flex;overflow-x: hidden;}/* Sidebar Styling */.dashboard-sidebar {width: var(--sidebar-width);background: #ffffff;height: 100vh;position: fixed;left: 0;top: 0;display: flex;flex-direction: column;align-items: center;padding: 2rem 0;box-shadow: 4px 0 24px rgba(0,0,0,0.02);z-index: 100;}.sidebar-logo {font-size: 1.8rem;color: var(--text-dark);margin-bottom: 3rem;}.sidebar-menu {list-style: none;padding: 0;margin: 0;width: 100%;display: flex;flex-direction: column;align-items: center;gap: 1.5rem;}.sidebar-menu a, .sidebar-bottom a {display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;border-radius: 12px;color: #9ca3af;font-size: 1.2rem;transition: all 0.3s ease;text-decoration: none;}.sidebar-menu a:hover, .sidebar-bottom a:hover {color: var(--accent-green);background: rgba(16, 185, 129, 0.1);}.sidebar-menu a.active {color: #ffffff;background: var(--accent-green);box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);}.sidebar-bottom {margin-top: auto;}/* Main Dashboard Area */.dashboard-main {margin-left: var(--sidebar-width);flex: 1;padding: 2rem 3rem;display: flex;flex-direction: column;}.dashboard-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;}.header-nav {display: flex;gap: 2rem;}.header-nav a {text-decoration: none;color: #9ca3af;font-size: 0.85rem;font-weight: 600;letter-spacing: 0.5px;transition: color 0.3s;}.header-nav a.active {color: var(--accent-green);border-bottom: 2px solid var(--accent-green);padding-bottom: 4px;}.profile-img {width: 40px;height: 40px;border-radius: 50%;box-shadow: 0 4px 12px rgba(0,0,0,0.1);}/* Grid Layout for Left and Right */.content-grid {display: grid;grid-template-columns: 1.2fr 1fr;gap: 2rem;align-items: start;flex: 1;}/* Greeting */.greeting-section {display: flex;align-items: center;gap: 1.2rem;}.avatar-large {width: 64px;height: 64px;border-radius: 50%;border: 2px solid #fff;box-shadow: 0 4px 15px rgba(0,0,0,0.05);}.greeting-text h2 {font-size: 1.5rem;font-weight: 600;margin: 0 0 4px 0;}.greeting-text p {font-size: 0.9rem;color: var(--text-muted);margin: 0;}/* Glassmorphism Classes */.glass-card {background: var(--glass-bg);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1px solid var(--glass-border);border-radius: var(--border-radius-lg);padding: 1.5rem;box-shadow: var(--shadow-soft);}.step-title {font-size: 0.9rem;font-weight: 600;color: var(--text-dark);text-transform: uppercase;letter-spacing: 0.5px;}/* Custom Inputs */.custom-input {background: #ffffff;border: 1px solid #e5e7eb;border-radius: 12px;padding: 0.75rem 1rem;font-size: 0.9rem;color: var(--text-dark);box-shadow: 0 2px 4px rgba(0,0,0,0.01) inset;}.custom-input:focus {border-color: var(--accent-green);box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.1);}/* Time Slots Wrapper */.time-slots-wrapper {max-height: 250px;overflow-y: auto;padding-right: 5px;}.time-slots-wrapper::-webkit-scrollbar { width: 6px; }.time-slots-wrapper::-webkit-scrollbar-track { background: transparent; }.time-slots-wrapper::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 10px; }/* Slot Cards */.time-slot-card {background: #ffffff;border: 1px solid #e5e7eb;border-radius: 14px;padding: 1rem 0.5rem;text-align: center;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display: flex;flex-direction: column;justify-content: center;align-items: center;}.time-slot-card:hover:not(.disabled) {border-color: var(--accent-green);transform: translateY(-3px);box-shadow: 0 8px 20px rgba(16, 185, 129, 0.15);}.time-slot-card.selected {background: linear-gradient(135deg, var(--accent-green) 0%, #059669 100%);border-color: transparent;color: #ffffff;box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3);}.time-slot-card.selected .slot-price,.time-slot-card.selected .slot-status {color: rgba(255,255,255,0.9);}.slot-time { font-size: 1.25rem; font-weight: 700; margin-bottom: 2px; }.slot-price { font-size: 0.75rem; color: var(--text-muted); font-weight: 500; margin-bottom: 6px; }.slot-status { font-size: 0.7rem; font-weight: 600; padding: 2px 6px; border-radius: 6px; background: #ecfdf5; color: #059669; }.time-slot-card.selected .slot-status { background: rgba(255,255,255,0.2); color: #fff; }.time-slot-card.disabled { background: #f9fafb; opacity: 0.6; cursor: not-allowed; }.time-slot-card.disabled .slot-status { background: #fef2f2; color: #dc2626; }/* Visual and Summary Area */.visual-summary-area {position: relative;height: 100%;min-height: 600px;border-radius: var(--border-radius-lg);background: linear-gradient(to bottom right, #e0f2fe, #d1fae5);overflow: hidden;display: flex;flex-direction: column;justify-content: flex-end;padding: 2rem;box-shadow: inset 0 0 50px rgba(255,255,255,0.5);}.map-header {position: absolute;top: 2rem;left: 2rem;}.map-header h4 { font-size: 1.25rem; font-weight: 700; margin: 0; }.map-header span { font-size: 0.8rem; color: var(--text-muted); font-weight: 500; }.floating-summary {position: relative;z-index: 10;background: rgba(255, 255, 255, 0.85);width: 100%;}.summary-title {font-size: 1.1rem;font-weight: 600;margin-bottom: 1.5rem;border-bottom: 1px solid rgba(0,0,0,0.05);padding-bottom: 0.75rem;}.detail-row {display: flex;justify-content: space-between;margin-bottom: 0.75rem;font-size: 0.9rem;}.detail-row .label { color: var(--text-muted); }.detail-row .value { font-weight: 600; color: var(--text-dark); }.summary-total-box {margin-top: 1.5rem;padding: 1rem;background: #ffffff;border-radius: 12px;display: flex;justify-content: space-between;align-items: center;box-shadow: 0 4px 12px rgba(0,0,0,0.02);}.total-label { font-size: 0.85rem; font-weight: 600; color: var(--text-muted); }.total-amount { font-size: 1.4rem; font-weight: 700; color: var(--accent-green); }/* Custom Buttons */.btn-primary-custom {background: var(--text-dark);color: #ffffff;border: none;border-radius: 12px;padding: 1rem;font-weight: 600;font-size: 1rem;transition: all 0.3s;}.btn-primary-custom:hover:not(:disabled) {background: #111827;transform: translateY(-2px);box-shadow: 0 8px 20px rgba(0,0,0,0.2);}.btn-primary-custom:disabled { background: #9ca3af; cursor: not-allowed; }/* Decorative Elements */.decorative-circle {position: absolute;border-radius: 50%;filter: blur(40px);z-index: 1;}.dec-1 {width: 200px;height: 200px;background: rgba(16, 185, 129, 0.2);top: -50px;right: -50px;}.dec-2 {width: 300px;height: 300px;background: rgba(59, 130, 246, 0.15);bottom: 20%;left: -100px;}/* Responsiveness */@media (max-width: 992px) {.content-grid { grid-template-columns: 1fr; }.visual-summary-area { min-height: auto; padding: 1.5rem; }}@media (max-width: 768px) {.dashboard-sidebar { width: 60px; }.dashboard-main { margin-left: 60px; padding: 1.5rem; }.header-nav { display: none; }}