*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6}.app{min-height:100vh}.header{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:24px;text-align:center}.header h1{font-size:28px;font-weight:700;margin-bottom:4px}.header p{opacity:.9;font-size:14px}.tabs-container{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px}.tabs{display:flex;max-width:1200px;margin:0 auto}.tab-btn{display:flex;align-items:center;gap:8px;padding:16px 24px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:#2563eb}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.tab-icon{font-size:16px}.main-container{max-width:1200px;margin:0 auto;padding:24px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 900px){.layout{grid-template-columns:1fr}}.form-panel,.results-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.panel-header{padding:16px 20px;border-bottom:1px solid #e5e7eb}.panel-header h2{font-size:18px;font-weight:600}.form-content,.results-content{padding:20px}.form-section{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#374151}.form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-hint{font-size:12px;color:#6b7280;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.properties-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.property-input-group{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.property-input-group .form-input:first-child{flex:1}.time-constraint{display:flex;align-items:center;gap:8px}.time-label{font-size:12px;color:#6b7280;white-space:nowrap}.time-input{width:120px!important;flex:none!important}.btn-remove{width:32px;height:32px;border:none;background:#fee2e2;color:#dc2626;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s;align-self:flex-start}.btn-remove:hover{background:#fecaca}.btn-primary{width:100%;padding:12px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:10px 16px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.btn-large{padding:14px 24px;font-size:16px}.btn-copy{padding:4px 8px;background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;transition:opacity .2s}.btn-copy:hover{opacity:1}.share-buttons,.share-buttons-bottom{display:flex;gap:12px;margin-top:12px}.share-buttons .btn-secondary,.share-buttons-bottom .btn-secondary{flex:1}.form-actions{display:flex;gap:12px;margin-bottom:16px}.form-actions .btn-secondary{flex:1}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.summary-card{background:#f9fafb;padding:16px;border-radius:8px;text-align:center}.summary-label{display:block;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.summary-value{font-size:24px;font-weight:700;color:#2563eb}.stops-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.stop-item{display:flex;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;border:2px solid transparent;transition:border-color .2s}.stop-item.late{border-color:#fbbf24;background:#fffbeb}.stop-marker{width:32px;height:32px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.stop-content{flex:1;min-width:0}.stop-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.stop-title h4{font-size:14px;font-weight:600}.stop-address{font-size:13px;color:#6b7280;margin-bottom:8px;word-break:break-word}.stop-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#6b7280}.stop-meta span{display:flex;align-items:center;gap:4px}.time-constraint-badge{margin-top:8px;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500}.time-constraint-badge.on-time{background:#d1fae5;color:#059669}.time-constraint-badge.late{background:#fef3c7;color:#d97706}.late-warning{font-weight:600}.alert{padding:12px 16px;border-radius:8px;font-size:14px;margin-top:16px}.alert-error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#d1fae5;color:#059669;border:1px solid #a7f3d0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto}.modal h3{font-size:18px;margin-bottom:16px}.modal-actions{display:flex;gap:12px;margin-top:16px}.modal-actions button{flex:1}.routes-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.route-card{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px}.route-card strong{font-size:14px}.route-card p{font-size:12px;color:#6b7280}.route-actions{display:flex;gap:8px}.route-actions .btn-secondary{padding:6px 12px;font-size:12px}.route-actions .btn-remove{width:auto;padding:6px 12px;font-size:12px}.empty-state{text-align:center;color:#6b7280;padding:20px}.duration-input{width:80px!important;flex:none!important}@media (max-width: 600px){.header{padding:16px}.header h1{font-size:24px}.main-container{padding:16px}.summary-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.share-buttons,.share-buttons-bottom{flex-direction:column}}.checkbox-container{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;cursor:pointer}.checkbox-container input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.checkbox-label{font-size:14px;font-weight:500;color:#1e40af}.checkbox-hint{font-size:12px;color:#6b7280;width:100%;margin-left:26px}.stop-item.work-stop{background:#f0f9ff;border:2px solid #3b82f6}.stop-marker.work-marker{background:#3b82f6;font-size:16px}