:root{--primary-color: #1E88E5;--primary-light: #e3f2fd;--success-color: #4CAF50;--success-light: #f0f9f0;--warning-color: #FFB300;--danger-color: #F44336;--gray-100: #f9f9f9;--gray-200: #f5f5f5;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--border-radius-sm: 4px;--border-radius: 8px;--box-shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--box-shadow: 0 4px 12px rgba(0, 0, 0, .1);--transition: .2s ease;--map-height-mobile: 40vh;--map-height-tablet: 45vh}html,body{margin:0;padding:0;height:100%;overflow:hidden}.container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.map-container{position:relative;width:100%;height:40vh;z-index:10;display:none}.map-container.map-visible{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000}#map{height:100%;width:100%}.form-container{width:100%;height:100vh;background:#fff;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}@media(min-width:769px){.container{flex-direction:row}.map-container{display:block;position:fixed;top:0;left:0;width:50%;height:100vh;z-index:10}.map-container.map-visible{position:fixed;top:0;left:0;width:50%;height:100vh;z-index:10}.form-container{margin-left:50%;width:50%;height:100vh}}@media(min-width:769px)and (max-width:1024px){.map-container,.map-container.map-visible{width:45%}.form-container{margin-left:45%;width:55%}}@media(hover:none){.action-link,.delete-btn,.action-btn,.modal-close,button{min-height:44px;min-width:44px}.location-actions{gap:12px}}@supports (padding: max(0px)){.form-container{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}}.form-group{margin-bottom:20px}.form-group.hidden,button.hidden{display:none}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--gray-800)}.form-group input[type=text],.cost-input,.date-input{width:100%;padding:12px 16px;font-size:16px;border:2px solid var(--gray-300);border-radius:var(--border-radius);background-color:#fff;transition:all var(--transition);box-shadow:var(--box-shadow-sm);-webkit-appearance:none}.form-group input[type=text]{width:100%;max-width:300px}.form-group input[type=text]:focus,.cost-input:focus,.date-input:focus{border-color:var(--primary-color);box-shadow:0 2px 8px #1e88e526;outline:none}.form-group input[type=text]::placeholder{color:var(--gray-500)}.form-group input[type=text].loading{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%231E88E5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}.form-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;margin-bottom:24px;border-bottom:1px solid var(--gray-300);width:100%;position:relative}.form-title{display:flex;flex-direction:column}.form-title h2{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:var(--gray-900)}.breadcrumbs{font-size:.875rem;color:var(--gray-600)}.breadcrumbs a{color:var(--primary-color);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.item-btn{background:none;border:none;color:var(--gray-600);cursor:pointer;padding:8px;font-size:14px;min-width:44px;min-height:44px}.item-btn:hover{color:var(--gray-900)}.delete-item:hover{color:var(--danger-color)}.touch-active{background-color:var(--primary-light)!important}.chevron{transition:transform var(--transition);color:var(--gray-600)}.collapsed .chevron{transform:rotate(-90deg)}.delete-btn{padding:8px 12px;font-size:.875rem;color:var(--danger-color);background:none;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition);min-height:44px}.delete-btn:hover{background-color:#ffebee;color:#c00}.action-link{padding:8px 12px;font-size:.875rem;color:var(--primary-color);background:none;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition);text-decoration:none;display:flex;align-items:center;gap:4px;min-height:44px}.action-link:hover{background-color:var(--primary-light)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.modal-content{position:relative;background-color:#fff;margin:10% auto;padding:20px;width:95%;max-width:500px;border-radius:12px;box-shadow:var(--box-shadow)}.modal-close{position:absolute;right:20px;top:20px;font-size:24px;cursor:pointer;color:var(--gray-600);padding:8px;margin:-8px}.modal-header{margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.modal-footer.stacked{flex-direction:column}.modal-footer.stacked button{width:100%;justify-content:center}.route-controls{position:absolute;top:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:300px}.route-controls.compact .map-control-btn{padding:8px 12px;font-size:13px}.map-control-btn{background-color:#fff;border:none;border-radius:var(--border-radius-sm);box-shadow:0 2px 6px #0000004d;cursor:pointer;padding:10px 16px;font-size:14px;font-weight:500;color:var(--gray-800);display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color var(--transition),box-shadow var(--transition)}.map-control-btn:hover{background-color:var(--gray-200);box-shadow:0 4px 8px #0003}.map-control-btn:disabled{opacity:.7;cursor:not-allowed}.route-info{background-color:#fff;border-radius:var(--border-radius);padding:12px;box-shadow:0 2px 6px #0000004d}.map-info-message{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:10px 16px;border-radius:20px;font-size:14px;z-index:100;box-shadow:0 2px 8px #0000004d;pointer-events:none;transition:opacity .5s ease;text-align:center;max-width:80%}.map-info-message.fade-out{opacity:0}.user-section{display:flex;align-items:center;gap:16px;position:absolute;top:16px;right:0}.notifications{position:relative}.notification-btn{background:none;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-600);font-size:16px;transition:background-color var(--transition)}.notification-btn:hover{background-color:var(--gray-200);color:var(--primary-color)}.notification-badge{position:absolute;top:-5px;right:-5px;background-color:var(--danger-color);color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:600}.user-profile{display:flex;align-items:center;gap:12px;position:relative}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-weight:500;color:var(--gray-800);font-size:.9rem}.user-role{font-size:.75rem;color:var(--gray-600)}.user-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid var(--gray-300)}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-menu-btn{background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-600);font-size:14px;transition:color var(--transition);padding:8px;min-width:44px;min-height:44px}.user-menu-btn:hover{color:var(--primary-color)}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);min-width:180px;z-index:1000;margin-top:8px;display:none;max-width:calc(100vw - 20px)}.dropdown-menu ul{list-style:none;padding:0;margin:0}.dropdown-menu li{border-bottom:1px solid var(--gray-200)}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu li a{display:block;padding:12px 16px;color:var(--gray-800);text-decoration:none;transition:background-color var(--transition);font-size:.9rem;min-height:44px;display:flex;align-items:center}.dropdown-menu li a:hover{background-color:var(--gray-200)}.dropdown-menu li a i{margin-right:8px;color:var(--gray-600)}.dropdown-menu li.divider{height:1px;background-color:var(--gray-300);margin:8px 0}.user-profile:hover .dropdown-menu,.user-profile.active .dropdown-menu{display:block}.save-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#4a90e2,#1e63c4);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #1e63c44d;transition:all .3s ease}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1e63c466;background:linear-gradient(135deg,#5a9de8,#2973d5)}.save-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #1e63c44d}.save-btn i{font-size:18px}