body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-header{background:#ffffff1a;margin-bottom:20px;padding:20px;position:sticky;top:0;width:100%;z-index:100}.app-header,.header-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-container{background:#fffffff2;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000001a;justify-content:space-between;margin:0 auto;max-width:1400px;padding:20px 30px}.header-container,.header-logo{align-items:center;display:flex}.header-logo{cursor:pointer;flex-shrink:0;gap:15px}.logo-icon{box-shadow:0 4px 15px #4caf504d;transition:transform .3s ease}.logo-icon:hover{transform:scale(1.05)}.logo-text h1{color:#2c3e50;font-size:28px;line-height:1}.logo-text p{color:#7f8c8d;font-weight:500;margin:2px 0 0}.header-nav{flex:1 1;gap:15px;justify-content:end;max-width:600px}.header-nav,.nav-btn{align-items:center;display:flex}.nav-btn{box-shadow:0 3px 10px #3498db4d;gap:8px;overflow:hidden;padding:12px 20px;position:relative}.nav-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-btn:hover:before{left:100%}.nav-btn:hover{box-shadow:0 5px 20px #3498db66}.nav-btn.active{background:linear-gradient(45deg,#e74c3c,#c0392b);box-shadow:0 5px 20px #e74c3c66}.nav-btn.active:hover{background:linear-gradient(45deg,#c0392b,#a93226)}.nav-icon{font-size:16px;opacity:.9}.nav-label{font-weight:600;letter-spacing:.3px}.header-info{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.app-version{background:#ecf0f1;border-radius:10px;color:#7f8c8d;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px}.team-info{color:#95a5a6;font-size:11px;font-weight:500;letter-spacing:.5px}@media (max-width:1024px){.header-container{padding:18px 25px}.logo-text h1{font-size:24px}.nav-btn{font-size:13px;padding:10px 16px}.nav-icon{font-size:14px}}@media (max-width:768px){.app-header{padding:15px}.header-container{flex-direction:column;gap:20px;padding:20px}.header-logo{justify-content:center}.header-nav{flex-wrap:wrap;gap:12px;justify-content:end;max-width:100%}.nav-btn{font-size:13px;padding:10px 15px}.nav-label{display:none}.nav-icon{font-size:18px}.header-info{align-items:center}}@media (max-width:480px){.app-header{padding:10px}.header-container{gap:15px;padding:15px}.header-logo{gap:10px}.logo-icon{font-size:16px;height:40px;width:40px}.logo-text h1{font-size:20px}.logo-text p{font-size:12px}.header-nav{gap:8px}.nav-btn{border-radius:20px;padding:8px 12px}.nav-icon{font-size:16px}.app-version,.team-info{font-size:10px}}@media (max-width:360px){.header-container{padding:12px}.logo-text h1{font-size:18px}.nav-btn{padding:6px 10px}.nav-icon{font-size:14px}}.nav-btn:focus{outline:2px solid #3498db;outline-offset:2px}@media (prefers-reduced-motion:reduce){.logo-icon,.nav-btn{transition:none}.nav-btn:before{display:none}}@media (prefers-contrast:high){.header-container{background:#fff;border:2px solid #000}.nav-btn{border:1px solid #000}.nav-btn.active{background:#000;color:#fff}}@media (prefers-color-scheme:dark){.header-container{background:#2c3e50f2;border:1px solid #ffffff1a}.logo-text h1{color:#ecf0f1}.app-version,.logo-text p{color:#bdc3c7}.app-version{background:#34495e}.team-info{color:#7f8c8d}}body{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:20px}.logo{gap:15px}.logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(45deg,#4caf50,#2196f3);border-radius:12px;color:#fff;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.logo-text h1{color:#3498db;font-size:22px;font-weight:700;margin:0}.logo-text p{color:#3498db;font-size:14px;margin:0}.nav{align-items:center;display:flex;gap:20px}.nav-btn{background:#3498db;border:none;border-radius:25px;color:#fff;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s ease}.nav-btn:hover{background:#2980b9;transform:translateY(-2px)}.nav-btn.active{background:#e74c3c}.status-indicator{align-items:center;background:#4caf501a;border-radius:20px;color:#2c3e50;display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 12px}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-dot.healthy{background:#27ae60}.status-dot.error{background:#e74c3c}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:25px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.stat-icon.parking{background:linear-gradient(45deg,#4caf50,#45a049)}.stat-icon.time{background:linear-gradient(45deg,#ff9800,#f57c00)}.stat-icon.occupancy{background:linear-gradient(45deg,#9c27b0,#7b1fa2)}.stat-icon.zones{background:linear-gradient(45deg,#607d8b,#455a64)}.stat-icon.population{background:linear-gradient(45deg,#e91e63,#c2185b)}.stat-icon.vehicles{background:linear-gradient(45deg,#ff5722,#d84315)}.stat-number{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:5px}.stat-label{color:#7f8c8d;font-size:14px;margin-bottom:10px}.stat-change{border-radius:20px;font-size:12px;font-weight:700;padding:5px 10px}.positive{background:#d4edda;color:#155724}.negative{background:#f8d7da;color:#721c24}.neutral{background:#e2e3e5;color:#495057}.real-data-insights{margin:30px 0}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.insight-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:15px;box-shadow:0 8px 32px #0000001a;text-align:center;transition:transform .3s ease}.insight-header{flex-direction:column;gap:15px;margin-bottom:20px}.insight-header,.insight-icon{align-items:center;display:flex}.insight-icon{background:linear-gradient(45deg,#3498db,#2980b9);border-radius:50%;color:#fff;font-size:24px;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.insight-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0;text-align:center}.insight-content p{color:#34495e;line-height:1.6;margin-bottom:15px;text-align:left}.insight-content ul{margin:15px 0;padding-left:20px;text-align:left}.insight-content li{color:#34495e;line-height:1.8;margin-bottom:8px}.insight-note{background:#d4edda;border:none;border-radius:20px;color:#155724;font-size:12px;font-weight:700;margin-top:15px;padding:10px 15px;text-align:center}.quick-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:30px}.section-title{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:12px;box-shadow:0 4px 16px #0000000f;color:#2c3e50;display:inline-flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:20px;padding:8px 14px;text-align:left}.action-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;overflow:hidden;padding:25px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.action-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-card:hover:before{left:100%}.action-card:hover{transform:translateY(-5px) scale(1.02)}.action-icon{display:block;font-size:48px;margin-bottom:15px}.action-title{font-size:18px;font-weight:600;margin-bottom:8px}.action-desc{font-size:14px;opacity:.9}.live-updates{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:30px}.update-item{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;padding:15px 0}.update-item:last-child{border-bottom:none}.update-dot{animation:pulse 2s infinite;border-radius:50%;height:12px;margin-right:15px;width:12px}.update-dot.green{background:#27ae60}.update-dot.orange{background:#f39c12}.update-dot.red{background:#e74c3c}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.update-text{color:#2c3e50;flex:1 1;font-size:14px}.update-time{color:#7f8c8d;font-size:12px}.system-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:25px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.info-item{align-items:center;background:#3498db1a;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.info-label{color:#7f8c8d;font-size:14px;font-weight:500}.info-value{color:#2c3e50;font-family:Courier New,monospace;font-size:14px;font-weight:600}.info-status{border-radius:10px;font-size:12px;font-weight:600;padding:4px 8px}.info-status.success{background:#4caf5033;color:#4caf50}.info-status.error{background:#f4433633;color:#f44336}.footer-text{color:#000;font-size:14px;margin:0;text-align:center}.dashboard-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff}.dashboard-error{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.error-icon{font-size:4rem}.dashboard-error h3{font-size:2rem;margin-bottom:15px}.dashboard-error p{font-size:1.1rem;margin-bottom:25px;max-width:600px;opacity:.9}.retry-button{background:#f4433633;border:2px solid #f44336;border-radius:10px;font-size:1rem;font-weight:600;transition:all .3s ease}.retry-button:hover{background:#f443364d;transform:translateY(-2px)}@media (max-width:768px){.container{padding:15px}.nav{flex-wrap:wrap;justify-content:center}.action-grid,.info-grid,.insights-grid,.stats-grid{grid-template-columns:1fr}}.insights-container{margin:0;max-width:100%;min-height:100vh;padding:20px}.loading-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.loading-container p{color:#666;font-size:18px;margin:0}.error-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.error-icon{font-size:48px;margin-bottom:20px}.error-container h2{color:#e74c3c;font-size:24px;margin-bottom:15px}.error-container p{color:#666;font-size:16px;margin-bottom:20px}.retry-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.retry-button:hover{background:#5a6fd8}.page-title{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:30px;text-align:center}.page-title h1{color:#2c3e50;font-size:2.5em;margin-bottom:15px}.page-title p{color:#7f8c8d;font-size:18px;margin-bottom:20px}.time-display{color:#95a5a6;font-size:14px}.data-timestamp{color:#3498db;margin-left:10px}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.insight-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.insight-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-5px)}.insight-number{color:#667eea;font-size:2.5em;font-weight:700;margin-bottom:10px}.insight-label{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:15px}.insight-desc{color:#7f8c8d;font-size:14px;line-height:1.5}.chart-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px;width:100%}.real-chart{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;margin-bottom:20px;min-height:300px;padding:20px;width:100%}.chart-container{height:250px;position:relative}.chart-data{display:flex;justify-content:space-around;margin-top:20px}.chart-summary{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-top:15px;padding:15px}.data-point{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-width:100px;padding:10px;text-align:center}.data-point .label{color:#7f8c8d;font-size:12px;margin-bottom:5px;text-transform:uppercase}.data-point .value{color:#2c3e50;font-size:18px;font-weight:700}.trend-indicator{align-items:center;display:flex;font-size:14px;font-weight:600;gap:5px;justify-content:center}.trend-arrow{font-size:16px}.no-data{align-items:center;color:#95a5a6;display:flex;font-size:18px;font-style:italic;height:200px;justify-content:center}.forecast-analysis{padding:20px}.forecast-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.forecast-metrics .metric{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;text-align:center}.forecast-metrics .metric-value{color:#667eea;display:block;font-size:24px;font-weight:700;margin-bottom:5px}.forecast-metrics .metric-label{color:#6c757d;font-size:12px;text-transform:uppercase}.methodology{background:#e9ecef;border-radius:8px;color:#495057;font-size:14px;line-height:1.5;padding:15px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;padding:25px;transition:transform .3s ease;width:100%}.chart-card:hover{transform:translateY(-2px)}.chart-card.full-width{grid-column:1/-1}.chart-title{color:#2c3e50;font-weight:600;gap:15px;margin-bottom:20px}.chart-icon,.chart-title{align-items:center;display:flex;font-size:20px}.chart-icon{border-radius:50%;height:40px;justify-content:center;width:40px}.chart-icon.car{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.chart-icon.population{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.chart-icon.trend{background:linear-gradient(135deg,#45b7d1,#96c93d)}.mock-chart{background:linear-gradient(45deg,#f0f0f0 25%,#0000 0),linear-gradient(-45deg,#f0f0f0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f0f0f0 0),linear-gradient(-45deg,#0000 75%,#f0f0f0 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:8px;height:200px;margin-bottom:20px}.mock-chart.line{background:linear-gradient(90deg,#667eea,#764ba2)}.mock-chart.bar{background:linear-gradient(180deg,#667eea,#764ba2)}.chart-placeholder{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-style:italic;height:200px}.chart-legend,.chart-placeholder{display:flex;justify-content:center}.chart-legend{flex-wrap:wrap;gap:20px;margin-top:15px}.legend-item{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:8px}.legend-color{background:#667eea;border-radius:3px;height:16px;width:16px}.data-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.data-table h4{color:#2c3e50;font-size:18px;margin-bottom:15px}.table-container{overflow-x:auto}.scrollable-table{background:#f8f9fa;border:1px solid #ecf0f1;border-radius:8px;max-height:350px;overflow-y:auto}.scrollable-table .table{background:#0000;margin:0}.scrollable-table .table th{background:#e9ecef;position:sticky;top:0;z-index:1}.scrollable-table .table tbody tr{background:#0000}.scrollable-table .table tbody tr:hover{background:#e9ecef}.table{border-collapse:collapse;min-width:600px;table-layout:fixed;width:100%}.table:not(.scrollable-table .table) td,.table:not(.scrollable-table .table) th{width:25%}.scrollable-table .table td,.scrollable-table .table th{width:20%}.table td,.table th{border-bottom:1px solid #ecf0f1;padding:15px;text-align:left}.table th{background:#f8f9fa;color:#2c3e50;font-weight:600;position:sticky;top:0}.table tr:hover{background:#f8f9fa;transition:background-color .2s ease}.trend-up{color:#27ae60;font-weight:600}.trend-down{color:#e74c3c;font-weight:600}.baseline{color:#7f8c8d;font-style:italic;font-weight:500}.highlight{background-color:#2ecc711a;font-weight:700}.prediction-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:30px;margin-top:30px;padding:30px}.prediction-title{font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.prediction-text{font-size:16px;line-height:1.6;text-align:center}.prediction-text strong{color:#f1c40f}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.metric-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px;text-align:center;transition:transform .3s ease}.metric-card:hover{transform:translateY(-3px)}.metric-icon{font-size:32px;margin-bottom:15px}.metric-value{color:#667eea;font-size:2em;font-weight:700;margin-bottom:10px}.metric-label{color:#7f8c8d;font-size:14px;font-weight:500}@media (max-width:768px){.insights-container{padding:15px}.page-title h1{font-size:2em}.page-title p{font-size:16px}.chart-grid,.insights-grid{grid-template-columns:1fr}.chart-grid{gap:15px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.chart-title{font-size:18px}.insight-number{font-size:2em}.metric-value{font-size:1.5em}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}.chart-legend{align-items:center;flex-direction:column}.legend-item{margin-bottom:10px}}.regional-analysis{padding:20px}.regional-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.regional-metrics .metric{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.regional-metrics .metric-value{color:#667eea;display:block;font-size:28px;font-weight:700;margin-bottom:8px}.regional-metrics .metric-label{color:#6c757d;font-size:14px;line-height:1.4}.highlight-row{background-color:#2ecc711a!important;font-weight:700}.data-insights{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.data-insights ul{margin:15px 0;padding-left:20px}.data-insights li{color:#495057;line-height:1.5;margin-bottom:8px}.data-source{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:30px;padding:25px}.source-title{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.source-content p{color:#6c757d;line-height:1.6;margin-bottom:12px}.source-content p:last-child{margin-bottom:0}.placeholder-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:40px 20px;width:100%}.placeholder-content{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:600px;padding:60px 40px;text-align:center;width:100%}.placeholder-icon{animation:bounce 2s ease-in-out infinite;font-size:5rem;margin-bottom:30px}.placeholder-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:20px}.placeholder-content p{color:#7f8c8d;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.placeholder-features{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:400px}.feature-item{align-items:center;animation:fadeInUp .8s ease-out;background:#3498db1a;border:1px solid #3498db33;border-radius:12px;display:flex;gap:15px;padding:15px 20px;transition:all .3s ease}.feature-item:first-child{animation-delay:.2s}.feature-item:nth-child(2){animation-delay:.4s}.feature-item:nth-child(3){animation-delay:.6s}.feature-item:hover{background:#3498db26;box-shadow:0 4px 15px #3498db33;transform:translateY(-2px)}.feature-icon{font-size:1.5rem;opacity:.8}.feature-item span:last-child{color:#2c3e50;font-size:1rem;font-weight:500}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.placeholder-container{padding:30px 15px}.placeholder-content{padding:40px 30px}.placeholder-icon{font-size:4rem;margin-bottom:25px}.placeholder-content h1{font-size:2rem}.placeholder-content p{font-size:1.1rem}.feature-item{padding:12px 16px}.feature-icon{font-size:1.3rem}.feature-item span:last-child{font-size:.9rem}}@media (max-width:480px){.placeholder-container{padding:20px 10px}.placeholder-content{padding:30px 20px}.placeholder-icon{font-size:3rem;margin-bottom:20px}.placeholder-content h1{font-size:1.8rem;margin-bottom:15px}.placeholder-content p{font-size:1rem;margin-bottom:30px}.placeholder-features{gap:15px}.feature-item{gap:12px;padding:10px 15px}.feature-icon{font-size:1.2rem}.feature-item span:last-child{font-size:.85rem}}.feature-item:focus{outline:2px solid #3498db;outline-offset:2px}@media (prefers-reduced-motion:reduce){.feature-item,.placeholder-icon{animation:none}.feature-item:hover{transform:none}}@media (prefers-contrast:high){.placeholder-content{background:#fff;border:2px solid #000}.feature-item{background:#f0f0f0;border:1px solid #000}.placeholder-content h1{-webkit-text-fill-color:initial;background:none;color:#000}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App,body{color:#333}.App{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;position:relative}.App *{max-width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.fade-in{animation:fadeIn .5s ease-in-out}.fade-in-up{animation:fadeInUp .5s ease-in-out}.slide-in-left{animation:slideInLeft .5s ease-in-out}.slide-in-right{animation:slideInRight .5s ease-in-out}@media (max-width:480px){.App{font-size:14px}}@media (max-width:768px){.App{font-size:15px}}@media (max-width:1024px){.App{font-size:16px}}:focus{outline:2px solid #3498db;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.App{background:#fff;color:#000}}
/*# sourceMappingURL=main.c7cd5bdb.css.map*/