*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;color:#333}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;padding:30px;box-shadow:0 20px 60px #0000004d}h1{color:#667eea;margin-bottom:30px;text-align:center}h2{color:#333;margin-bottom:20px;font-size:1.5em}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #eee}.user-info{display:flex;align-items:center;gap:15px}#auth-forms{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.auth-form{padding:20px;border:2px solid #eee;border-radius:8px}.auth-form h2{font-size:1.3em;margin-bottom:15px}input[type=text],input[type=date]{width:100%;padding:12px;margin-bottom:15px;border:2px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s}input[type=text]:focus,input[type=date]:focus{outline:none;border-color:#667eea}button{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background .3s;font-weight:600}button:hover{background:#5568d3}button:active{transform:scale(.98)}#logout-btn{background:#e74c3c}#logout-btn:hover{background:#c0392b}.search-section{margin-bottom:30px}.search-form{display:grid;grid-template-columns:2fr 1fr auto;gap:15px;align-items:start}.card{background:#f8f9fa;padding:25px;border-radius:8px;margin-bottom:20px;border:1px solid #e9ecef}.card h2{margin-bottom:15px;font-size:1.3em;color:#667eea}.info-row{display:grid;grid-template-columns:200px 1fr;padding:10px 0;border-bottom:1px solid #dee2e6}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:#666}.info-value{color:#333}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.9em;font-weight:600}.status-on-time{background:#d4edda;color:#155724}.status-delayed{background:#f8d7da;color:#721c24}.status-unknown{background:#d1ecf1;color:#0c5460}.delay-indicator{font-size:2em;font-weight:700;text-align:center;padding:20px;border-radius:8px;margin-bottom:15px}.delay-none{background:#d4edda;color:#155724}.delay-minor{background:#fff3cd;color:#856404}.delay-major{background:#f8d7da;color:#721c24}#map-container{background:#e9ecef;height:300px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#666;font-style:italic}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading{text-align:center;padding:40px;color:#666}.error{background:#f8d7da;color:#721c24;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb}@media (max-width: 768px){#auth-forms,.search-form{grid-template-columns:1fr}.info-row{grid-template-columns:1fr;gap:5px}header{flex-direction:column;gap:15px}}