:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--navy: #0f172a;--accent: #2563eb;--accent-soft: #dbeafe;--success: #059669;--danger: #dc2626;--border: #e2e8f0;--bg-main: #f1f5f9;--card-bg: #ffffff;--text-dark: #1e293b;--text-light: #64748b;--font-main: "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{background-color:var(--bg-main);margin:0;font-family:var(--font-main);color:var(--text-dark);line-height:1.5}.container{max-width:450px;margin:0 auto;padding:20px;min-height:100vh}.header{background:var(--navy);padding:25px 20px;border-radius:12px;margin-bottom:25px;color:#fff;box-shadow:0 10px 15px -3px #0000001a}.header h3{margin:0;font-weight:600;letter-spacing:-.5px;font-size:1.25rem}.user-badge{display:inline-block;background:#ffffff1a;padding:4px 12px;border-radius:4px;font-size:.8rem;margin-top:10px;border:1px solid rgba(255,255,255,.2);color:#cbd5e1}.nav-tabs{display:flex;background:#fff;margin-top:20px;padding:4px;border-radius:8px;border:1px solid var(--border)}.nav-tabs button{flex:1;border:none;background:none;padding:10px;font-weight:500;color:var(--text-light);cursor:pointer;border-radius:6px;transition:.2s}.nav-tabs button.active{background:var(--accent);color:#fff}.logout-btn{color:#fca5a5!important}.card{background:var(--card-bg);padding:24px;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000001a}.form-group{margin-bottom:20px}label{display:block;font-size:.75rem;font-weight:700;color:var(--text-dark);margin-bottom:6px;text-transform:uppercase}input,select{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;font-size:.95rem;background:#fff;color:var(--text-dark)}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn{width:100%;padding:14px;border-radius:6px;font-weight:600;cursor:pointer;border:none;transition:.2s}.btn-primary{background:var(--navy);color:#fff}.btn-gps{background:#fff;color:var(--navy);border:1px solid var(--navy);margin-bottom:15px}.btn-submit{background:var(--accent);color:#fff;font-size:1rem}.btn-submit:hover{filter:brightness(1.1)}.record-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:12px}.record-details p{margin:4px 0;font-size:.9rem}.photo-slider{display:flex;gap:10px;margin:12px 0;overflow-x:auto}.dash-img{width:100px;height:70px;border-radius:4px;object-fit:cover;border:1px solid var(--border)}.modal-overlay{background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#fff;width:90%;max-width:400px;padding:25px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{animation:fadeIn .4s ease}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:9999;font-weight:700;color:var(--navy)}