*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a1a1a}#root{height:100vh}.app-shell{display:flex;height:100vh}.app-content{flex:1;min-width:0;display:flex;overflow:hidden}.nav-rail{width:220px;flex-shrink:0;display:flex;flex-direction:column;background:#111827;padding:20px 12px;overflow-y:auto}.nav-rail .brand-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.nav-rail .brand h1{font-size:16px;color:#fff;margin:0;white-space:normal}.nav-rail .brand p{font-size:11px;color:#9ca3af;margin:0 0 20px}.nav-groups{display:flex;flex-direction:column;flex:1}.nav-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin:16px 0 6px;padding:0 10px}.nav-group-label:first-child{margin-top:0}.nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:#d1d5db;font-size:13px;text-align:left;cursor:pointer}.nav-item:hover{background:#1f2937}.nav-item.active{background:#1a56db;color:#fff}.nav-logout{margin-top:12px;padding:8px 10px;border:none;border-radius:6px;background:#1f2937;color:#d1d5db;font-size:13px;cursor:pointer}.nav-logout:hover{background:#374151}.sidebar{width:38%;min-width:420px;max-width:640px;flex-shrink:0;padding:16px;overflow-y:auto;border-right:1px solid #e2e2e2;background:#fafafa}.map-container{flex:1}.reports-view{flex:1;overflow-y:auto;background:#f3f4f6;padding:20px}h1{font-size:18px;margin:0 0 4px;white-space:nowrap}h2{font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:#666;margin:24px 0 8px}.subtitle{font-size:13px;color:#666;margin:0 0 16px}form{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}input{padding:6px 8px;border:1px solid #ccc;border-radius:4px;font-size:13px}button{padding:6px 10px;border:none;border-radius:4px;background:#1a56db;color:#fff;font-size:13px;cursor:pointer}button:disabled{background:#a9b8d9;cursor:default}.route-card{border:1px solid #e2e2e2;border-radius:6px;padding:10px;margin-bottom:8px;background:#fff}.route-card h3{font-size:13px;margin:0 0 4px}.route-card .meta{font-size:11px;color:#888;margin-bottom:8px}.route-card form{flex-direction:row;margin-bottom:0}.route-card.selected{background:#e3f2fd;border-color:#1976d2;border-width:2px}.route-card input{flex:1}.error{color:#b91c1c;font-size:12px;margin:4px 0}.info{color:#047857;font-size:12px;margin:4px 0}.login-card .link-button+.link-button{margin-left:8px}.hint{font-size:12px;color:#888;margin:0 0 8px}.active-shift{font-size:12px;padding:4px 0;color:#15803d}select{padding:6px 8px;border:1px solid #ccc;border-radius:4px;font-size:13px;flex:1}.login-screen{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#eef2ff,#f5f7fb 55%,#f5f5f5)}.login-card{background:#fff;border:1px solid #e9ecf5;border-radius:14px;padding:36px 32px;width:320px;box-shadow:0 20px 50px -20px #1a56db40}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}.login-brand h1{margin:0;font-size:22px;letter-spacing:-.01em}.register-role-toggle{display:flex;gap:6px;margin-bottom:8px}.register-role-toggle button{flex:1;padding:8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:13px;cursor:pointer}.register-role-toggle button.active{background:#1a56db;border-color:#1a56db;color:#fff}.link-button{background:#eef2ff;color:#1a56db;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .15s ease}.link-button:hover{background:#dbe4fe}.login-legal-links{margin-top:18px;text-align:center;font-size:11.5px;color:#999}.login-legal-links a{color:#999;text-decoration:underline}.badge{background:#b91c1c;color:#fff;border-radius:10px;padding:1px 7px;font-size:11px}.notif{font-size:12px;padding:8px;border-radius:6px;margin-bottom:6px;cursor:pointer}.notif.unread{background:#eff6ff;color:#1e3a8a;font-weight:600}.notif.read{background:#f5f5f5;color:#888;cursor:default}