:root{--color-primary-50: #F8F9FA;--color-primary-100: #E9ECEF;--color-primary-200: #DEE2E6;--color-primary-300: #CED4DA;--color-primary-400: #ADB5BD;--color-primary-500: #6C757D;--color-primary-600: #495057;--color-primary-700: #343A40;--color-primary-800: #2B3035;--color-primary-900: #1A1D21;--color-secondary-50: #F0F7F4;--color-secondary-100: #D4EBE1;--color-secondary-200: #B8DFCE;--color-secondary-300: #9CD3BB;--color-secondary-400: #7FC6A8;--color-secondary-500: #5FA888;--color-secondary-600: #4A8A6F;--color-secondary-700: #396C56;--color-secondary-800: #2A4E3E;--color-secondary-900: #1C3127;--color-neutral-50: #FAFAF9;--color-neutral-100: #F5F4F1;--color-neutral-200: #E8E6E1;--color-neutral-300: #D3D0C9;--color-neutral-400: #B8B4AB;--color-neutral-500: #9C988D;--color-neutral-600: #7A7669;--color-neutral-700: #5C5850;--color-neutral-800: #3E3C36;--color-neutral-900: #28261F;--color-accent-50: #FDF8F3;--color-accent-100: #FAEDDD;--color-accent-200: #F5D9B8;--color-accent-300: #E8B87D;--color-accent-400: #D99C52;--color-accent-500: #B8813D;--color-accent-600: #8C6530;--color-accent-700: #6B4E25;--color-accent-800: #4A371A;--color-accent-900: #2E2311;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5;color:var(--color-primary-900);background-color:var(--color-neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.parking-header{background-color:var(--color-primary-900);color:#fff;padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.parking-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.parking-container{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.parking-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.parking-stat-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.parking-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.parking-stat-label{font-size:var(--font-size-sm);color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.parking-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-900)}.parking-sessions-table{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.parking-table{width:100%;border-collapse:collapse}.parking-table thead{background-color:var(--color-neutral-100)}.parking-table th{text-align:left;padding:var(--spacing-md);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.parking-table td{padding:var(--spacing-md);border-top:1px solid var(--color-neutral-200)}.parking-table tbody tr{transition:background-color var(--transition-fast);cursor:pointer}.parking-table tbody tr:hover{background-color:var(--color-neutral-50)}.parking-status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.parking-status-pending{background-color:var(--color-neutral-200);color:var(--color-neutral-700)}.parking-status-validating,.parking-status-creating{background-color:#fef3c7;color:#92400e}.parking-status-completed{background-color:#d1fae5;color:#065f46}.parking-status-failed{background-color:#fee2e2;color:#991b1b}.parking-log-stream{background:var(--color-primary-900);color:#0f0;font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--spacing-lg);border-radius:var(--radius-lg);height:300px;overflow-y:auto;box-shadow:var(--shadow-lg);margin-top:var(--spacing-xl)}.parking-log-line{margin-bottom:var(--spacing-xs);line-height:1.5}.parking-log-time{color:#666;margin-right:var(--spacing-sm)}.parking-log-level-info{color:#0f0}.parking-log-level-warning{color:var(--color-warning)}.parking-log-level-error{color:var(--color-error)}.parking-log-level-success{color:#0f0;font-weight:var(--font-weight-bold)}.parking-form{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);max-width:600px}.parking-form-group{margin-bottom:var(--spacing-lg)}.parking-form-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--color-primary-900)}.parking-form-input,.parking-form-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-sans);transition:all var(--transition-base)}.parking-form-input:focus,.parking-form-textarea:focus{outline:none;border-color:var(--color-secondary-500);box-shadow:0 0 0 3px #5fa8881a}.parking-form-textarea{resize:vertical;min-height:100px}.parking-form-checkbox{display:flex;align-items:center;gap:var(--spacing-sm)}.parking-form-checkbox input{width:18px;height:18px}.parking-button{background-color:var(--color-secondary-500);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.parking-button:hover{background-color:var(--color-secondary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.parking-button:disabled{background-color:var(--color-neutral-300);cursor:not-allowed;transform:none}.parking-button-primary{background-color:var(--color-primary-800)}.parking-button-primary:hover{background-color:var(--color-primary-900)}.parking-button-danger{background-color:var(--color-error)}.parking-button-danger:hover{background-color:#dc2626}.parking-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl)}.parking-spinner{border:3px solid var(--color-neutral-200);border-top:3px solid var(--color-secondary-500);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.parking-error{background-color:#fee2e2;color:#991b1b;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border-left:4px solid var(--color-error)}.parking-success{background-color:#d1fae5;color:#065f46;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border-left:4px solid var(--color-success)}.parking-nav{background-color:var(--color-primary-800);padding:var(--spacing-md) var(--spacing-xl);display:flex;gap:var(--spacing-lg)}.parking-nav a{color:#fff;text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base)}.parking-nav a:hover{background-color:var(--color-primary-700)}.parking-nav a.active{background-color:var(--color-secondary-500)}.parking-filters{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);display:flex;gap:var(--spacing-md);align-items:end;flex-wrap:wrap}.parking-filter-group{flex:1;min-width:200px}.parking-vrm{font-family:var(--font-mono);font-weight:var(--font-weight-bold);color:var(--color-primary-900)}.parking-pagination{display:flex;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg)}.parking-pagination button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-neutral-300);background:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.parking-pagination button:hover:not(:disabled){background-color:var(--color-neutral-100);border-color:var(--color-neutral-400)}.parking-pagination button:disabled{opacity:.5;cursor:not-allowed}.parking-pagination button.active{background-color:var(--color-secondary-500);color:#fff;border-color:var(--color-secondary-500)}