:root{--bg-color: #f1f5f9;--card-bg: #ffffff;--primary: #2563eb;--success: #16a34a;--text-dark: #0f172a;--text-gray: #64748b;--border: #e2e8f0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-dark)}.app-container{max-width:600px;margin:0 auto;padding:20px;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.logo-area h1{margin:0;font-size:24px;letter-spacing:-.5px}.badge-beta{background:#dbeafe;color:#1e40af;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;vertical-align:middle;margin-left:8px}.btn-refresh{background:#fff;border:1px solid var(--border);padding:8px;border-radius:50%;cursor:pointer;color:var(--text-gray);box-shadow:0 1px 2px #0000000d}.btn-refresh:active{background:#f8fafc;transform:scale(.95)}.stats-container{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:30px}.stat-card{background:var(--card-bg);padding:16px;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column}.stat-label{font-size:12px;color:var(--text-gray);font-weight:600;text-transform:uppercase;margin-bottom:4px}.stat-value{font-size:24px;font-weight:800;display:flex;align-items:center;gap:4px;color:var(--text-dark)}.revenue .stat-value{color:var(--success)}.feed-label{font-size:14px;font-weight:600;color:var(--text-gray);margin-bottom:12px}.load-list{display:flex;flex-direction:column;gap:16px}.load-card{background:var(--card-bg);border-radius:16px;padding:20px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid white;transition:transform .1s;cursor:pointer}.load-card:active{transform:scale(.98)}.card-top{display:flex;justify-content:space-between;margin-bottom:16px}.ref-badge{background:#f1f5f9;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-gray);display:flex;align-items:center;gap:4px}.rate-badge{font-size:18px;font-weight:800;color:var(--success)}.route-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stop{display:flex;flex-direction:column}.stop.right{align-items:flex-end;text-align:right}.stop-label{font-size:10px;color:var(--text-gray);font-weight:700;margin-bottom:2px}.city{font-weight:700;font-size:15px;color:var(--text-dark)}.state{font-size:15px;color:var(--text-gray);margin-left:4px}.date-pill{margin-top:4px;display:inline-flex;align-items:center;gap:4px;font-size:11px;background:#f8fafc;padding:2px 6px;border-radius:4px;color:var(--text-gray);border:1px solid var(--border)}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:12px;margin-top:4px}.commodity{font-size:12px;color:var(--text-gray);font-style:italic}.status-dot{font-size:11px;font-weight:600;padding-left:12px;position:relative}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%)}.status-dot.success{color:var(--success)}.status-dot.success:before{background:var(--success)}.status-dot.pending{color:orange}.status-dot.pending:before{background:orange}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px;z-index:100}.modal-content{background:#fff;width:100%;max-width:350px;padding:24px;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-gray)}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:12px;font-weight:700;color:var(--text-gray);margin-bottom:6px}.input-group input{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:16px;box-sizing:border-box}.save-btn{width:100%;background:var(--primary);color:#fff;padding:14px;border:none;border-radius:10px;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;background-color:var(--bg-color);padding:20px;box-sizing:border-box}.login-card{width:100%;max-width:400px;background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;text-align:center}.login-input{width:100%;padding:14px;border-radius:8px;border:1px solid var(--border);font-size:16px;margin-bottom:12px;box-sizing:border-box}.login-btn{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.login-btn:hover{background:#1d4ed8}