:root{--ink:#151817;--muted:#5d6661;--line:#dfe4dd;--paper:#f6f8f4;--green:#35d90d;--green-deep:#207f12;--orange:#f18a31;--yellow:#f3df38;--danger:#bf3030;--warning:#d08d09}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh}.topbar{background:var(--ink);color:#fff;border-bottom:4px solid var(--green)}.topbar__inner{align-items:center;gap:20px;max-width:1280px;min-height:76px;margin:0 auto;padding:12px 24px;display:flex}.brand-logo{filter:brightness(0)invert();width:185px;height:auto;display:block}.brand-subtitle{letter-spacing:.11em;text-transform:uppercase;color:#e8ece7;border-left:1px solid #fff4;padding-left:16px;font-size:13px;font-weight:700}.container{max-width:1280px;margin:0 auto;padding:28px 24px}.nav{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.nav a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:700;transition:all .15s}.nav a:hover{border-color:var(--orange);box-shadow:0 3px 12px #15181712}.card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 18px #1518170a}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.field{flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.field input,.field select{background:#fff;border:1px solid #cfd7ce;border-radius:10px;padding:12px}.btn{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 16px;font-weight:800}.btn:hover{background:#2b312d}.btn.secondary{color:var(--ink);background:#fff;border:1px solid #cfd7ce}.muted{color:var(--muted)}.danger{color:var(--danger)}.login-wrap{max-width:430px;margin:10vh auto;padding:20px}.login-wrap .card{border-top:5px solid var(--green)}.login-logo{width:210px;height:auto;margin-bottom:26px}.stat{margin-top:6px;font-size:30px;font-weight:900}.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:12px;font-weight:900}.cockpit-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.cockpit-heading h1{letter-spacing:-.03em;margin:3px 0 7px;font-size:34px}.cockpit-date{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;font-size:14px}.cockpit-stats{margin-bottom:22px}.traffic-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.traffic-column{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.traffic-header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px;display:flex}.traffic-header h2{margin:0;font-size:17px}.traffic-header p{color:var(--muted);margin:3px 0 0;font-size:13px}.traffic-header strong{margin-left:auto;font-size:24px}.traffic-dot{border-radius:50%;flex:none;width:13px;height:13px}.traffic-red .traffic-dot{background:var(--danger)}.traffic-yellow .traffic-dot{background:var(--yellow);box-shadow:inset 0 0 0 1px #bca607}.traffic-green .traffic-dot{background:var(--green)}.traffic-list{gap:0;display:grid}.work-item{border-bottom:1px solid #edf1ec;gap:14px;padding:15px 16px;display:grid}.work-item:last-child{border-bottom:0}.work-item:hover{background:#fbfcfa}.work-title,.work-customer,.work-detail{margin:0}.work-title{font-weight:800}.work-customer{margin-top:4px}.work-detail,.work-action span{color:var(--muted);font-size:13px}.work-action{gap:5px;display:grid}.work-action strong{font-size:13px;line-height:1.35}.traffic-empty{color:var(--muted);margin:0;padding:18px 16px;font-size:14px}.cockpit-error{color:#8e2828;background:#fff6f6;border-color:#e6b4b4;margin-bottom:20px}.data-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.data-heading h1{letter-spacing:-.03em;margin:4px 0 0;font-size:34px}.data-table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line);padding:12px 10px;font-size:12px}.data-table td{vertical-align:top;border-bottom:1px solid #edf1ec;padding:14px 10px;font-size:14px}.data-table tr:last-child td{border-bottom:0}.data-table strong{display:block}.badge{color:#207f12;background:#edf9e9;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.badge.orange{color:#b75d11;background:#fff0e3}.badge.yellow{color:#8c7600;background:#fff9cd}.empty{text-align:center;color:var(--muted);padding:28px}.page-error{color:var(--danger);background:#fff6f6;border:1px solid #efcaca;border-radius:12px;margin-bottom:16px;padding:12px}.loading{color:var(--muted);padding:24px}@media (max-width:900px){.traffic-grid{grid-template-columns:1fr}.cockpit-heading,.data-heading{display:grid}.cockpit-date{width:max-content}}@media (max-width:600px){.topbar__inner{min-height:64px;padding:10px 14px}.brand-logo{width:150px}.brand-subtitle{display:none}.container{padding:20px 14px}.work-item{gap:8px}.data-heading h1,.cockpit-heading h1{font-size:28px}}