:root{--black: #000000;--yellow: #fdbe10;--sapphire: #015976;--dark-sapphire: #0a3c47;--paper: #f5f5f4;--ink: #1a1a1a;--muted: #6b6b6b;--line: #e2e2e0;--green: #1e7a5a;--purple: #6a3fa0;--amber: #b06a00}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--paper);color:var(--ink);font-size:15px}h1,h2,h3,.display{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.02em}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}.cut{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 13px,100% 100%,0 100%)}.cut-btn{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 9px,100% 100%,0 100%)}.login-wrap{min-height:100vh;background:var(--black);display:flex;align-items:center;justify-content:center;padding:24px}.login-box{width:100%;max-width:380px;text-align:center}.login-box img{width:260px;max-width:80%;margin-bottom:12px}.login-box h1{color:#fff;font-size:30px;font-weight:700;margin-bottom:4px}.login-box .sub{color:var(--yellow);font-family:Barlow Condensed;text-transform:uppercase;letter-spacing:.12em;font-size:14px;margin-bottom:28px}.login-box input{width:100%;padding:12px 14px;margin-bottom:12px;background:#141414;border:1px solid #333;color:#fff}.login-box input:focus{outline:2px solid var(--yellow);border-color:var(--yellow)}.login-box button{width:100%;padding:12px;background:var(--yellow);color:var(--black);border:none;font-family:Barlow Condensed;font-weight:700;text-transform:uppercase;font-size:17px;letter-spacing:.06em}.login-err{color:#ffb3b3;font-size:13px;margin-top:10px}.header{background:var(--black);color:#fff;padding:14px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.header img{height:34px}.header .app-title{font-family:Barlow Condensed;font-weight:700;font-size:22px;text-transform:uppercase;color:var(--yellow);letter-spacing:.04em}.header .spacer{flex:1}.tabs{display:flex;gap:4px}.tabs button{background:transparent;color:#bbb;border:none;font-family:Barlow Condensed;font-weight:700;text-transform:uppercase;font-size:16px;letter-spacing:.05em;padding:8px 14px}.tabs button.on{color:var(--black);background:var(--yellow)}.who{font-size:13px;color:#bbb}.header .signout{background:transparent;border:1px solid #444;color:#ddd;padding:6px 12px;font-size:13px}.page{max-width:1200px;margin:0 auto;padding:20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.card{background:#fff;border:1px solid var(--line);padding:14px 16px}.card .num{font-family:Barlow Condensed;font-size:32px;font-weight:800;line-height:1}.card .lbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.attn{background:#fff;border:1px solid var(--line);border-left:4px solid var(--yellow);padding:14px 16px;margin-bottom:20px}.attn h3{font-size:18px;margin-bottom:10px}.attn-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:14px;flex-wrap:wrap}.attn-row .when{font-weight:700;min-width:84px}.attn-row .when.overdue{color:var(--amber)}.attn-row .buyer-link{color:var(--sapphire);font-weight:700;background:none;border:none;font-size:14px;text-decoration:underline;padding:0}.attn-row .note{color:var(--muted);flex:1;min-width:160px}.attn-row .done-btn{background:var(--black);color:#fff;border:none;padding:4px 12px;font-family:Barlow Condensed;text-transform:uppercase;font-size:13px;letter-spacing:.05em}.attn .empty{color:var(--muted);font-size:14px}.toolbar{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.toolbar input[type=text]{padding:9px 12px;border:1px solid var(--line);background:#fff;min-width:200px}.toolbar select{padding:9px 10px;border:1px solid var(--line);background:#fff}.toolbar .spacer{flex:1}.btn-yellow{background:var(--yellow);color:var(--black);border:none;padding:10px 18px;font-family:Barlow Condensed;font-weight:700;text-transform:uppercase;font-size:15px;letter-spacing:.05em}.btn-dark{background:var(--black);color:#fff;border:none;padding:9px 16px;font-family:Barlow Condensed;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.05em}.btn-line{background:#fff;border:1px solid var(--line);color:var(--ink);padding:9px 16px;font-size:13px}.tbl-wrap{background:#fff;border:1px solid var(--line);overflow-x:auto}table{width:100%;border-collapse:collapse}th{font-family:Barlow Condensed;text-transform:uppercase;letter-spacing:.06em;font-size:14px;text-align:left;padding:10px 12px;background:var(--black);color:#fff;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}th .arrow{color:var(--yellow);margin-left:4px}td{padding:10px 12px;border-top:1px solid var(--line);font-size:14px;vertical-align:middle}tr.rowlink{cursor:pointer}tr.rowlink:hover td{background:#fafaf7}.name-cell{font-weight:700}.sub-cell{color:var(--muted);font-size:12px}.badge{display:inline-block;padding:3px 10px;color:#fff;font-family:Barlow Condensed;text-transform:uppercase;font-size:13px;letter-spacing:.05em;white-space:nowrap}.miles{display:flex;gap:4px}.mile-dot{width:12px;height:12px;border:1px solid #bbb;background:#fff;border-radius:50%}.mile-dot.on{background:var(--yellow);border-color:var(--amber)}.money{font-variant-numeric:tabular-nums;font-weight:500}.empty-tbl{padding:30px;text-align:center;color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding:30px 16px;overflow-y:auto;z-index:50}.modal{background:#fff;width:100%;max-width:660px;padding:0 0 20px}.modal-head{background:var(--black);color:#fff;padding:14px 20px;display:flex;align-items:center;gap:12px}.modal-head h2{font-size:24px;flex:1}.modal-head .x{background:none;border:none;color:#fff;font-size:22px;line-height:1}.modal-body{padding:18px 20px}.frm{display:grid;grid-template-columns:1fr 1fr;gap:12px}.frm .full{grid-column:1 / -1}.frm label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px}.frm input,.frm select,.frm textarea{width:100%;padding:9px 10px;border:1px solid var(--line);background:#fff}.frm textarea{min-height:70px;resize:vertical}.sect{margin-top:20px}.sect h3{font-size:18px;border-bottom:2px solid var(--yellow);display:inline-block;padding-bottom:2px;margin-bottom:10px}.mile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mile-grid label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.mile-grid input{width:16px;height:16px;accent-color:var(--yellow)}.act-add{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.act-add input[type=text]{flex:1;min-width:180px;padding:9px 10px;border:1px solid var(--line)}.act-add input[type=date]{padding:8px;border:1px solid var(--line)}.act-item{padding:9px 0;border-top:1px solid var(--line);font-size:14px}.act-item .meta{color:var(--muted);font-size:12px;margin-top:2px}.act-item .fu{color:var(--amber);font-weight:700}.act-item .fu.done{color:var(--green);text-decoration:line-through}.act-item .tiny{background:none;border:none;color:var(--sapphire);font-size:12px;text-decoration:underline;padding:0;margin-left:8px}.modal-foot{display:flex;gap:10px;padding:0 20px;margin-top:20px}.modal-foot .spacer{flex:1}.btn-danger{background:none;border:1px solid #c33;color:#c33;padding:9px 14px;font-size:13px}.saved-note{color:var(--green);font-size:13px;align-self:center}.set-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media (max-width: 760px){.set-grid,.frm{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid var(--line);padding:16px}.panel h3{font-size:19px;margin-bottom:12px}.src-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--line)}.src-row span{flex:1}.src-row button{background:none;border:none;color:#c33;font-size:12px;text-decoration:underline}.src-add{display:flex;gap:8px;margin-top:10px}.src-add input{flex:1;padding:8px 10px;border:1px solid var(--line)}.team-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--line);flex-wrap:wrap}.team-row input{flex:1;min-width:140px;padding:7px 9px;border:1px solid var(--line)}.team-row .email{color:var(--muted);font-size:12px;width:100%}.team-row select{padding:7px;border:1px solid var(--line)}.loading{padding:60px;text-align:center;color:var(--muted)}.view-toggle{display:flex;border:1px solid var(--line);background:#fff}.view-toggle button{background:transparent;border:none;padding:9px 16px;font-family:Barlow Condensed;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.05em;color:var(--muted)}.view-toggle button.on{background:var(--black);color:var(--yellow)}.board{display:flex;gap:10px;overflow-x:auto;padding-bottom:14px;align-items:flex-start}.col{min-width:185px;width:185px;flex-shrink:0;background:#ecece9;border:1px solid var(--line)}.col.over{outline:2px dashed var(--yellow);outline-offset:-2px}.col-head{font-family:Barlow Condensed;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.05em;padding:8px 10px;display:flex;align-items:center;justify-content:space-between}.col-count{opacity:.75;font-size:13px}.col-body{padding:8px;display:flex;flex-direction:column;gap:8px;min-height:60px}.col-empty{text-align:center;color:#b5b5b0;padding:12px 0}.kcard{background:#fff;border:1px solid var(--line);padding:9px 10px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 8px,100% 100%,0 100%)}.kcard:hover{border-color:#bbb}.kcard.dragging{opacity:.4}.kname{font-weight:700;font-size:14px}.ksub{color:var(--muted);font-size:12px;margin:2px 0 6px}.kfoot{display:flex;align-items:center;justify-content:space-between;gap:6px}.kfoot .money{font-size:12px;font-weight:700}
