@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@600;700;800;900&display=swap";:root{--primary:#1a6de3;--primary-dark:#1255b8;--primary-deep:#0a3d8c;--primary-bg:#eff6ff;--primary-ring:#1a6de324;--dark:#0b1c33;--dark-700:#132d4f;--dark-600:#1a3a66;--accent:#f5a623;--white:#fff;--bg:#f8fafd;--bg-alt:#f1f5fa;--border:#e2e8f0;--border-mid:#ccd6e8;--ink:#0f1b2d;--ink-2:#2d3e52;--ink-muted:#6b7c93;--ink-light:#9aabbd;--font-sans:"Inter", "Segoe UI", system-ui, sans-serif;--font-display:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;--r:8px;--r-lg:14px;--r-xl:20px;--sh-sm:0 2px 8px #0000000e;--sh-md:0 6px 24px #00000014;--sh-lg:0 16px 48px #0000001a;--sh-blue:0 6px 28px #1a6de338;--ease:.2s cubic-bezier(.4,0,.2,1);--ease-slow:.38s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;height:100%;font-size:15px}body{background:var(--bg);min-width:320px;height:100%;color:var(--ink-2);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.025em;margin:0;font-weight:800;line-height:1.14}p{color:var(--ink-muted);margin:0;line-height:1.78}a{color:inherit;transition:color var(--ease);text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}#root{flex-direction:column;min-height:100vh;display:flex}.portal-shell{flex-direction:column;flex:1;display:flex}.portal-header{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);background:#fffffff7;position:sticky;top:0;box-shadow:0 2px 20px #0000000d}.portal-header-row{justify-content:space-between;align-items:center;width:min(1200px,100% - 48px);height:72px;margin:0 auto;display:flex}.portal-brand{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.portal-brand-mark{background:var(--primary);border-radius:var(--r);width:40px;height:40px;font-family:var(--font-display);color:#fff;box-shadow:var(--sh-sm);justify-content:center;align-items:center;font-size:1.1rem;font-weight:900;display:flex}.portal-brand-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.025em;font-size:1rem;font-weight:800}.portal-nav{align-items:center;gap:6px;display:flex}.portal-nav-link{color:var(--ink-muted);transition:all var(--ease);border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:.875rem;font-weight:600;display:inline-flex}.portal-nav-link:hover{color:var(--primary);background:var(--primary-bg)}.portal-nav-link.active{color:var(--primary);background:var(--primary-bg);font-weight:700}.portal-nav-link.logout:hover{color:#ef4444;background:#fef2f2}.portal-container{width:min(1200px,100% - 48px);margin:0 auto}.kicker{letter-spacing:.13em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:14px;font-size:.77rem;font-weight:800;display:inline-flex}.kicker:before{content:"";background:var(--accent);border-radius:3px;width:22px;height:3px}.btn-primary{border-radius:var(--r);height:52px;font-family:var(--font-sans);white-space:nowrap;background:var(--primary);color:#fff;border:2px solid #0000;border-color:var(--primary);box-shadow:var(--sh-blue);transition:all var(--ease);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:.9375rem;font-weight:700;display:inline-flex}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;pointer-events:none}.btn-outline{border-radius:var(--r);height:42px;font-family:var(--font-sans);color:var(--primary);border:2px solid var(--primary);transition:all var(--ease);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:.875rem;font-weight:700;display:inline-flex}.btn-outline:hover{background:var(--primary);color:#fff}.btn-ghost{border-radius:var(--r);height:42px;font-family:var(--font-sans);color:var(--primary);border:2px solid var(--border-mid);transition:all var(--ease);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:.875rem;font-weight:700;display:inline-flex}.btn-ghost:hover{background:var(--primary-bg);border-color:var(--primary)}.text-link{color:var(--primary);transition:all var(--ease);border-bottom:2px solid #1a6de333;align-items:center;gap:6px;padding-bottom:2px;font-size:.9rem;font-weight:700;display:inline-flex}.text-link:hover{color:var(--primary-dark);border-color:var(--primary)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--ink-2);font-size:.82rem;font-weight:700}.form-label span{color:var(--primary)}.form-input{width:100%;font-family:var(--font-sans);color:var(--ink);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r);transition:all var(--ease);outline:none;padding:12px 16px;font-size:.9rem}.form-input::placeholder{color:var(--ink-light)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring);background:var(--white)}.form-error-msg{border-radius:var(--r);color:#ef4444;background:#fef2f2;border:1px solid #fecaca;margin-top:14px;padding:14px 18px;font-size:.875rem}.login-page{background:var(--white);flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-card{background:var(--white);border:1px solid var(--border-mid);width:100%;max-width:440px;box-shadow:var(--sh-lg);border-radius:20px;padding:48px 40px;position:relative;overflow:hidden}.login-title{color:var(--ink);margin-bottom:4px;font-size:1.4rem;font-weight:900}.login-subtitle{color:var(--ink-muted);margin-bottom:28px;font-size:.9rem}.login-form{flex-direction:column;gap:18px;display:flex}.login-submit{width:100%;height:54px;margin-top:6px;font-size:1rem}.login-back{text-align:center;color:var(--ink-light);transition:color var(--ease);margin-top:28px;font-size:.85rem;font-weight:600;display:block}.login-back:hover{color:var(--primary)}.dashboard-page{flex:1;padding:48px 0 80px}.dashboard-header{margin-bottom:40px}.dashboard-header h1{margin-top:10px;font-size:clamp(1.7rem,2.5vw,2.2rem)}.dashboard-header-phone{color:var(--ink-muted);align-items:center;gap:8px;margin-top:6px;font-size:.9rem;display:flex}.dashboard-grid{grid-template-columns:1fr 400px;align-items:start;gap:40px;display:grid}.portal-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px 28px 28px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000d}.portal-card-title{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;margin-bottom:20px;font-size:1.05rem;font-weight:800;display:flex}.portal-card-title svg{width:20px;height:20px;stroke:var(--primary);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.portal-card+.portal-card{margin-top:24px}.empty-state{text-align:center;padding:40px 24px}.empty-state-icon{background:var(--primary-bg);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex}.empty-state-icon svg{width:24px;height:24px;stroke:var(--primary);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.empty-state h3{margin-bottom:6px;font-size:1rem;font-weight:800}.empty-state p{color:var(--ink-muted);font-size:.875rem}.appt-list{flex-direction:column;display:flex}.appt-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;padding:18px 0;display:flex}.appt-item:first-child{border-top:1px solid var(--border)}.appt-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.appt-status-dot.upcoming{background:var(--primary)}.appt-status-dot.completed{background:var(--ink-light)}.appt-item h4{color:var(--ink);margin-bottom:2px;font-size:.95rem;font-weight:700}.appt-item p{color:var(--ink-muted);font-size:.84rem}.status-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:100px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.status-badge.paid{background:var(--primary-bg);color:var(--primary-dark)}.status-badge.pending{color:#723b13;background:#fdf6b2}.status-badge.unpaid{color:#ef4444;background:#fef2f2}.vehicle-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.vehicle-item:first-child{border-top:1px solid var(--border)}.vehicle-item h4{color:var(--ink);margin-bottom:2px;font-size:.95rem;font-weight:700}.vehicle-item p{color:var(--ink-muted);font-size:.84rem}.vehicle-plate{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;font-size:.78rem;font-weight:800;display:inline-block}.cta-card{background:var(--dark);border-radius:var(--r-lg);padding:32px 28px;position:relative;overflow:hidden}.cta-card:before{content:"";background:radial-gradient(circle at 80% 30%,#1a6de326,#0000 55%);position:absolute;inset:0}.cta-card h3{z-index:1;color:#fff;margin-bottom:8px;font-size:1.1rem;font-weight:800;position:relative}.cta-card p{z-index:1;color:#ffffff8c;margin-bottom:20px;font-size:.875rem;position:relative}.cta-card .btn-primary{z-index:1;justify-content:center;width:100%;position:relative}.data-table-wrapper{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000d}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.data-table th{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);padding:16px 20px;font-size:.78rem;font-weight:700}.data-table td{color:var(--ink-2);border-bottom:1px solid var(--border);transition:background-color var(--ease);padding:16px 20px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:var(--bg)}.data-table .col-amount{text-align:right}.data-table .col-bold{color:var(--ink);font-weight:700}.page-title-bar{margin-bottom:32px}.page-title-bar h1{margin-top:10px;font-size:clamp(1.7rem,2.5vw,2.2rem)}.loading-page{flex:1;justify-content:center;align-items:center;padding:80px 24px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}.login-card{padding:36px 28px}.portal-header-row{height:64px}}@media (width<=768px){.portal-container{width:100%;padding:0 16px}.portal-nav{display:none!important}.mobile-menu-btn{cursor:pointer;z-index:1001;background:0 0;border:none;padding:6px;display:block}.hamburger-icon{width:24px;height:18px;position:relative}.hamburger-icon span{background:currentColor;border-radius:2px;width:100%;height:2px;transition:all .3s;display:block;position:absolute}.hamburger-icon span:first-child{top:0}.hamburger-icon span:nth-child(2){top:8px}.hamburger-icon span:nth-child(3){top:16px}.mobile-menu-btn.open .hamburger-icon span:first-child{top:8px;transform:rotate(45deg)}.mobile-menu-btn.open .hamburger-icon span:nth-child(2){opacity:0}.mobile-menu-btn.open .hamburger-icon span:nth-child(3){top:8px;transform:rotate(-45deg)}.mobile-overlay{z-index:999;opacity:0;pointer-events:none;transition:opacity var(--ease);background:#0b1c3399;position:fixed;inset:0}.mobile-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{background:var(--white);z-index:1000;width:280px;box-shadow:var(--sh-lg);flex-direction:column;gap:16px;padding:64px 24px 24px;transition:transform .4s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}.mobile-nav-link{color:var(--ink);border-radius:var(--r);align-items:center;gap:12px;padding:12px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.mobile-nav-link.active{color:var(--primary);background:var(--primary-bg)}.mobile-nav-link.logout{color:var(--red);margin-top:auto}.data-table-wrapper{overflow-x:auto}.data-table th,.data-table td{white-space:nowrap;padding:12px}.portal-header h1{font-size:1.6rem}}@media (width<=480px){.btn-primary,.btn-outline,.btn-ghost{justify-content:center;width:100%}.form-group.full{grid-column:1/-1}}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.custom-calendar-wrapper{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);font-family:var(--font-sans);padding:16px;display:inline-block}.rdp{--rdp-cell-size:40px;--rdp-accent-color:var(--primary);--rdp-background-color:var(--primary-bg);--rdp-accent-color-dark:var(--primary-dark);--rdp-background-color-dark:#1e293b;--rdp-outline:2px solid var(--primary-ring);--rdp-outline-selected:2px solid var(--primary);margin:0}.rdp-caption_label{color:var(--ink);font-size:1rem;font-weight:700}.rdp-nav_button{border-radius:var(--r);width:32px;height:32px;transition:background-color var(--ease)}.rdp-nav_button:hover{background-color:var(--bg)}.rdp-head_cell{color:var(--ink-muted);text-transform:uppercase;font-size:.8rem;font-weight:600}.rdp-cell{border-radius:var(--r)}.rdp-day{border-radius:var(--r);color:var(--ink);transition:all var(--ease);font-weight:500}.rdp-day_selected{color:#fff;font-weight:700}.rdp-day:hover:not(.rdp-day_outside){background-color:var(--bg)}.rdp-day_selected:hover:not(.rdp-day_outside){background-color:var(--primary-dark)}.rdp-day_outside{color:var(--ink-light);opacity:.5}.rdp-day_disabled{color:var(--ink-light);opacity:.3;pointer-events:none}