:root{color:#191a1c;font-synthesis:none;--black:#101112;--panel:#18191b;--silver:#d6d7d7;--gold:#e3a62f;background:#f1f1ef;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button,.card,input,select,textarea{border:1px solid #d0d0cd;border-radius:9px}button{background:#fff;padding:10px 14px}.primary{background:var(--black);color:#fff;border-color:var(--black);font-weight:800}.primary:hover{background:#292a2c}.primary:disabled{opacity:.45;cursor:not-allowed}.logo{width:min(520px,80vw);height:auto;display:block}.authpage{color:#fff;background:radial-gradient(circle at 72% 5%,#2e2618 0,#171714 27%,#0f1012 70%);flex-direction:column;justify-content:center;align-items:center;gap:34px;min-height:100vh;padding:42px 16px;display:flex}.authbrand,.brand{justify-content:center;align-items:center;display:flex}.authcard{color:#f4f4f2;background:#18191b;border:1px solid #373735;border-radius:14px;width:min(540px,94vw);padding:46px;box-shadow:0 30px 90px #0009}.authswitch{background:#101113;border-radius:9px;grid-template-columns:1fr 1fr;padding:6px;display:grid}.authswitch button{color:#8e8f91;background:0 0;border:0}.authswitch .selected{color:#f6bd4f;background:#382d1c;box-shadow:0 2px 12px #0004}.authcard h1{margin:14px 0;font-size:40px;font-weight:500}.authhint{color:#a7a7a5;font-size:18px}.authcard label,.modal label,.fleetcard label{gap:8px;margin:18px 0;font-weight:650;display:grid}.authcard input,.modal input,.modal select,.modal textarea,.fleetcard input,.addmember select,.filters input,.adddepartment input{width:100%;color:inherit;background:#111214;border-color:#666;padding:14px}.authcard input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.submit{background:var(--gold);color:#111;border-color:var(--gold);width:100%;margin-top:10px;padding:14px}.error{color:#ffd6d6;background:#471c1c;border-radius:7px;margin:10px 0;padding:10px}.eyebrow{letter-spacing:.18em;color:var(--gold);font-size:12px;font-weight:900}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.shell aside{color:#fff;background:#111214;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{padding:8px 4px 28px}.shell nav{gap:4px;display:grid}.shell nav button{color:#a8a8a5;text-align:left;background:0 0;border:0;font-weight:700}.shell nav button:hover,.shell nav .active{color:#f4b743;background:#2a241b}.user{border-top:1px solid #ffffff20;margin-top:auto;padding:18px 8px}.user small{color:#969694;letter-spacing:.08em;display:block}.user button{color:#fff;background:#ffffff0b;border-color:#ffffff1f;width:100%;margin-top:12px}.workspace{min-width:0}.workspace>header{background:#fff;border-bottom:1px solid #d7d7d3;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex}.workspace>header small,.workspace>header b{display:block}.content{max-width:1500px;margin:auto;padding:32px}.pageintro{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pageintro h1{margin:4px 0;font-size:30px}.pageintro p{color:#6b6b68;margin:4px 0}.metrics{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.metric span{letter-spacing:.1em;color:#666;font-size:11px;font-weight:900}.metric strong{margin:8px 0;font-size:28px;display:block}.metric p{color:#6f6f6c;margin:0}.metric.highlight{background:var(--black);color:#fff;border-top:3px solid var(--gold)}.metric.highlight span,.metric.highlight p{color:#bdbdb9}.card{background:#fff;padding:20px}.cardhead{justify-content:space-between;align-items:center;display:flex}.cardhead h3{margin:0}.cardhead p{color:#6b6b68;margin:4px 0 15px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #e2e2df;padding:13px}th{color:#666;font-size:11px}td small{color:#777;display:block}.badge,.status,.chips span{background:#eeeeeb;border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.filters{margin-bottom:16px}.filters input{color:#111;background:#fff;max-width:480px}.modalback{z-index:10;background:#080808c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#f7f7f5;border-radius:14px;width:min(720px,96vw);max-height:92vh;padding:28px;position:relative;overflow:auto}.modal input,.modal select,.modal textarea,.fleetcard input{color:#111;background:#fff}.close{border:0;font-size:24px;position:absolute;top:16px;right:16px}.typebuttons{gap:8px;display:flex}.typebuttons .active{background:var(--black);color:var(--gold)}.formgrid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.formgrid .wide{grid-column:1/-1}.modal textarea{min-height:80px}.calculation{background:#e7e7e3;border-radius:8px;gap:7px;padding:14px;display:grid}.calculation span{justify-content:space-between;display:flex}.fleetgrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.fleetcard{background:#fff;border:1px solid #d7d7d3;border-radius:10px;padding:20px}.fleetcard p{justify-content:space-between;display:flex}.truck{height:80px;color:var(--gold);background:#18191b;border-radius:7px;place-items:center;font-weight:900;display:grid}.invoice-list article,.teamrow{border-bottom:1px solid #e2e2df;grid-template-columns:1fr 1.5fr 1fr auto auto;align-items:center;gap:16px;padding:15px;display:grid}.team,.addmember{margin-bottom:16px}.settingsgrid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.settingsgrid .card:last-child{grid-column:1/-1}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips span button{color:#777;background:0 0;border:0;padding:0;font-size:18px;line-height:1}.adddepartment{gap:8px;margin-top:18px;display:flex}.adddepartment input{color:#111;background:#fff}.toast{color:#fff;border-left:4px solid var(--gold);z-index:20;background:#171819;border-radius:8px;padding:12px 18px;position:fixed;top:88px;right:24px;box-shadow:0 8px 30px #0003}@media (width<=800px){.shell{display:block}.shell aside{height:auto;position:static}.logo.compact{width:170px}.shell nav{display:flex;overflow:auto}.user{display:none}.workspace>header{padding:0 16px}.content{padding:20px 14px}.metrics,.formgrid,.settingsgrid{grid-template-columns:1fr}.formgrid .wide,.settingsgrid .card:last-child{grid-column:auto}.invoice-list article,.teamrow{grid-template-columns:1fr 1fr}.pageintro{align-items:flex-start;gap:12px}.authcard{padding:28px}.authcard h1{font-size:34px}.adddepartment{flex-direction:column}}.shell{color:#f2f2ef;background:#101112;grid-template-columns:236px 1fr}.shell aside{background:#131416;border-right:1px solid #2a2d30;padding:26px 18px}.logo.compact{width:190px}.brand{height:88px;margin-bottom:18px}.shell nav{gap:2px}.shell nav button{color:#a6aaad;border-radius:6px;padding:11px 12px;font-size:13px}.shell nav button:hover,.shell nav .active{color:#fff;box-shadow:inset 3px 0 var(--gold);background:#24211b}.workspace{background:#101112}.workspace>header{background:#101112;border-bottom:1px solid #2a2d30;height:88px;padding:0 36px}.workspace>header small{letter-spacing:1.4px;color:#8e9296;font-size:9px}.workspace>header b{margin-top:4px;font-size:21px}.content{padding:32px 36px}.pageintro{margin-bottom:26px}.pageintro h1{letter-spacing:-.5px;font-size:28px}.pageintro p{color:#8e9296;font-size:13px}.period,.outline{color:#bbb;background:#17191b;border:1px solid #2a2d30;border-radius:5px;padding:10px 13px;font-size:12px}.period span{background:#52c788;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric{background:#17191b;border:1px solid #2a2d30;border-radius:7px;padding:20px}.metric span{letter-spacing:1.4px;color:#8e9296;font-size:9px}.metric strong{margin:11px 0 8px;font-size:25px}.metric p{color:#8e9296;font-size:10px}.metric.highlight{border:1px solid #2a2d30;border-left:3px solid var(--gold);background:#17191b}.card{color:#f2f2ef;background:#17191b;border-color:#2a2d30;border-radius:7px}.overviewgrid{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px;display:grid}.overviewgrid.lower{grid-template-columns:2.2fr 1fr}.cardhead{padding:20px 22px 14px}.cardhead h3{font-size:14px}.cardhead p{color:#8e9296;font-size:11px}.legend{color:#8e9296;font-size:10px}.legend i{background:var(--gold);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.chart{height:190px;padding:14px 25px 20px 20px;display:flex}.ylabels{color:#666;flex-direction:column;justify-content:space-between;padding:0 12px 22px 0;font-size:9px;display:flex}.bars{background:repeating-linear-gradient(#0000 0 40px,#232527 41px);border-bottom:1px solid #2a2d30;flex:1;justify-content:space-around;align-items:end;display:flex}.barwrap{flex-direction:column;justify-content:end;align-items:center;gap:8px;width:12%;height:100%;display:flex}.barwrap b{background:linear-gradient(#f5a623,#9e6412);border-radius:3px 3px 0 0;width:100%;min-height:2px}.barwrap span{color:#777;white-space:nowrap;margin-bottom:-15px;font-size:8px}.donut{border-radius:50%;place-items:center;width:125px;height:125px;margin:4px auto 16px;display:grid;position:relative}.donut:after{content:"";background:#17191b;border-radius:50%;position:absolute;inset:18px}.donut div{z-index:1;text-align:center}.donut strong{font-size:24px;display:block}.donut small{color:#8e9296;font-size:9px}.mixrow{color:#8e9296;border-top:1px solid #2a2d30;justify-content:space-around;padding:15px;font-size:10px;display:flex}.mixrow b{color:#fff;margin-left:8px}.link{color:var(--gold);background:0 0;border:0;font-size:11px}.bigmoney{padding:0 22px 20px;font-size:27px;display:block}.receivables .outline{width:calc(100% - 44px);color:var(--gold);margin:8px 22px 20px}.emptyoverview{text-align:center;color:#8e9296;border-top:1px solid #2a2d30;padding:28px;font-size:11px}table{font-size:11px}th{color:#686d70;letter-spacing:1px;border-color:#2a2d30;font-size:8px;font-weight:400}td{color:#c6c8ca;border-color:#222527}.fleetcard,.settingsgrid .card,.team,.addmember{color:#f2f2ef;background:#17191b;border-color:#2a2d30}.fleetcard input,.addmember select,.adddepartment input,.filters input{color:#eee;background:#101112;border-color:#2a2d30}.toast{color:#75e7aa;background:#183c2a;border:1px solid #2d6b4b;border-left:3px solid #52c788}.modal{color:#f2f2ef;background:#181a1c}.modal input,.modal select,.modal textarea{color:#eee;background:#101112;border-color:#2a2d30}.calculation{background:#101112}.user{border-color:#2a2d30}.shell .primary,.workspace>header .primary{color:#17120a;background:#edab2e;border-color:#edab2e;font-weight:800}.shell button:not(.primary):not(.link):not(.close){color:#c8c8c5;background:#1b1d1f;border-color:#35383b}.shell button:hover{filter:brightness(1.12)}.shell input,.shell select,.shell textarea{color:#f2f2ef!important;background:#101112!important;border-color:#3a3d40!important}.shell input::placeholder,.shell textarea::placeholder{color:#73777b}.filters select,.settingsgrid input,.settingsgrid select,.invoice-list,.invoice-list article,.teamrow{color:#f2f2ef;background:#17191b;border-color:#2a2d30}.pageintro h1,.pageintro h2,.card h1,.card h2,.card h3,.fleetcard h3,.settingsgrid h3{color:#f2f2ef}.pageintro p,.fleetcard p,.settingsgrid p,.teamrow span,.invoice-list span{color:#8e9296}.truck{color:#edab2e;background:#101112;border:1px solid #2a2d30}.badge,.status,.chips span{color:#c5c7c9;background:#292c2f}.badge.leo{color:#ffc15d;background:#382d1a}.badge.civilian{color:#afb3b7;background:#292c2f}.status{border:1px solid #444}.settingsgrid .card:last-child,.fleetcard,.invoice-list,.team,.addmember{box-shadow:none}.adddepartment button{white-space:nowrap}.chips span{border-radius:4px}.chips span button{color:#a9aaab!important;background:0 0!important;border:0!important}.modalback{background:#000c}.modal .primary,.modal .submit{color:#17120a;background:#edab2e;border-color:#edab2e}.modal .typebuttons button{color:#999;background:#101112;border-color:#2a2d30}.modal .typebuttons .active{color:#ffc15d;background:#382d1a}.calculation{color:#ddd;border:1px solid #2a2d30}.workspace footer{color:#8e9296;background:#101112}.teamrow .rolepicker{border-radius:7px;width:100%;min-width:190px;padding:9px 10px;font-style:normal}.dispatchsummary{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 28px;display:grid}.dispatchform{margin-bottom:20px}.dispatchform label,.dispatchcontrols label{color:#8e9296;gap:7px;font-size:11px;display:grid}.dispatchform input,.dispatchform select,.dispatchform textarea,.dispatchcontrols select{padding:11px}.dispatchcreate{width:100%;margin-top:14px}.dispatchsection{margin:24px 0 12px;font-size:17px}.dispatchboard{gap:12px;display:grid}.dispatchcard{background:#17191b;border:1px solid #2a2d30;border-left:4px solid #687078;border-radius:8px;padding:18px}.dispatchcard.priority-urgent{border-left-color:#edab2e}.dispatchcard.priority-emergency{border-left-color:#e35656}.dispatchhead,.dispatchroute,.dispatchcontrols{align-items:center;gap:14px;display:flex}.dispatchhead{justify-content:space-between}.dispatchhead span{letter-spacing:1px;color:#8e9296;font-size:10px}.dispatchhead h3{margin:4px 0 0}.dispatchstatus{text-transform:uppercase;letter-spacing:.8px;background:#292c2f;border-radius:999px;padding:6px 9px;font-size:10px}.dispatchstatus.dispatched,.dispatchstatus.on-scene,.dispatchstatus.transporting{color:#ffc15d;background:#382d1a}.dispatchstatus.completed{color:#75e7aa;background:#183c2a}.dispatchstatus.cancelled{color:#ff9b9b;background:#3e2020}.dispatchroute{margin:16px 0}.dispatchroute p{background:#101112;border-radius:6px;flex:1;margin:0;padding:12px}.dispatchroute small{color:#767b80;margin-bottom:5px;display:block}.dispatchdetails,.dispatchnotes{color:#aeb1b4;font-size:12px}.dispatchnotes{background:#101112;border-radius:6px;padding:10px}.dispatchcontrols{grid-template-columns:1fr 1.4fr 1fr auto;margin-top:15px;display:grid}.dispatchdelete{align-self:end;color:#f99!important}.dispatchboard.closed{opacity:.78}@media (width<=800px){.dispatchsummary{grid-template-columns:1fr}.dispatchroute{display:grid}.dispatchcontrols{grid-template-columns:1fr}.dispatchdelete{width:100%}}.operatoractions{align-items:end;gap:12px;margin-top:16px;display:flex}.operatoractions label{color:#8e9296;flex:1;gap:7px;font-size:11px;display:grid}.operatoractions select{padding:11px}.towsheet{text-align:center;text-decoration:none}@media (width<=800px){.operatoractions{display:grid}}.repairform{margin-bottom:20px}.repairform label,.repairedit label{color:#8e9296;gap:7px;font-size:11px;display:grid}.repairform input,.repairform select,.repairform textarea,.repairedit input,.repairedit select,.repairedit textarea{padding:11px}.repairmetrics{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 28px;display:grid}.repairboard{gap:12px;display:grid}.repairboard.closed{opacity:.78}.repaircard{background:#17191b;border:1px solid #2a2d30;border-left:4px solid #edab2e;border-radius:8px;padding:18px}.repairvehicle{color:#8e9296;font-size:12px}.repairconcern{background:#101112;border-radius:6px;margin:14px 0;padding:12px}.repairconcern small{color:#777;margin-bottom:6px;display:block}.repairedit{grid-template-columns:1fr 1fr;gap:12px;display:grid}.repairedit .wide{grid-column:1/-1}.repairfooter{justify-content:flex-end;align-items:center;gap:10px;margin-top:15px;display:flex}.repairfooter strong{margin-right:auto;font-size:18px}@media (width<=800px){.repairmetrics,.repairedit{grid-template-columns:1fr}.repairedit .wide{grid-column:auto}.repairfooter{display:grid}.repairfooter strong{margin:0}}.towactions{flex-wrap:wrap;gap:6px;display:flex}.towactions button{padding:7px 9px;font-size:11px}.towactions .approve{color:#75e7aa!important;background:#183c2a!important;border-color:#2d6b4b!important}.approval-pending{color:#ffc15d;background:#382d1a}.approval-approved{color:#75e7aa;background:#183c2a}.incomegrids{gap:28px;display:grid}.incomegrids h2{margin-bottom:12px;font-size:18px}.invoiceactions{align-items:end;gap:12px;display:flex}.invoiceactions label{color:#8e9296;letter-spacing:1px;text-transform:uppercase;gap:6px;font-size:10px;display:grid}.invoiceactions select{min-width:150px;padding:11px}.invoicemetrics{grid-template-columns:2fr 1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.runninginvoices{margin-bottom:16px}.runninginvoices article{border-top:1px solid #2a2d30;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:16px;padding:15px 22px;display:grid}.runninginvoices article span{color:#8e9296;font-size:11px}.runninginvoices article strong{text-align:right;color:#f2f2ef}.invoice-list a{color:#edab2e;text-decoration:none}.invoice-list a:hover{text-decoration:underline}.invoice-list article{grid-template-columns:1fr 1.5fr .8fr auto auto auto auto}.invoice-status{color:#bbb;border:1px solid #555;border-radius:4px;padding:5px 8px;font-style:normal}.invoice-status.paid,.paidlabel{color:#75e7aa;border-color:#2d6b4b}.markpaid{color:#75e7aa!important;border-color:#2d6b4b!important;padding:7px 10px!important}.deleteinvoice,.deletetow{color:#ff9292!important;border-color:#713a3a!important;padding:7px 10px!important}.paidlabel{text-align:center;font-size:10px}.repairpickers{margin-bottom:16px}.repairpickergrid{grid-template-columns:1fr 1fr;gap:14px;padding:0 22px 22px;display:grid}.repairpicker{background:#101112;border:1px solid #2a2d30;border-radius:7px;grid-template-columns:1fr auto;align-items:end;gap:10px;padding:14px;display:grid}.repairpicker label{color:#8e9296;letter-spacing:1px;text-transform:uppercase;grid-column:1/-1;gap:7px;font-size:10px;display:grid}.repairpicker select{width:100%;padding:11px}.repairselection{color:#8e9296;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.repairselection strong{color:#edab2e;white-space:nowrap}.repairpicker button{white-space:nowrap}.repairpicker button:disabled{opacity:.45;cursor:not-allowed}@media (width<=800px){.repairpickergrid,.repairpicker{grid-template-columns:1fr}.repairpicker label{grid-column:auto}.repairselection{flex-direction:column;align-items:flex-start}}@media (width<=980px){.shell{grid-template-columns:76px 1fr}.shell aside{width:76px;padding:24px 12px}.logo.compact{width:52px}.shell nav button{font-size:0}.metrics{grid-template-columns:1fr 1fr}.overviewgrid,.overviewgrid.lower{grid-template-columns:1fr}.invoicemetrics{grid-template-columns:1fr 1fr}}@media (width<=800px){.shell{display:block}.shell aside{width:100%;height:auto}.shell nav button{font-size:12px}.metrics{grid-template-columns:1fr 1fr}.overviewgrid,.overviewgrid.lower{grid-template-columns:1fr}.content{padding:22px 16px}.invoiceintro{display:block}.invoiceactions{flex-direction:column;align-items:stretch;margin-top:18px}.invoicemetrics{grid-template-columns:1fr}.runninginvoices article{grid-template-columns:1fr 1fr}.runninginvoices article strong{text-align:left;grid-column:1/-1}}.fleetadd{grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:end;gap:12px;margin-bottom:16px;display:grid}.fleetadd label{color:#8e9296;gap:7px;font-size:10px;display:grid}.fleetadd input{padding:10px}.fleetadd input[type=color],.fleetcard input[type=color]{height:42px;padding:4px}.fleetbuttons{gap:8px;display:flex}.fleetbuttons button{flex:1}.removevehicle{color:#ff9292!important;border-color:#713a3a!important}@media (width<=800px){.fleetadd{grid-template-columns:1fr 1fr}.fleetadd>:first-child{grid-column:1/-1}}.commission-setting label{color:#c9cbcd;gap:8px;margin:18px 0 12px;font-size:12px;font-weight:700;display:grid}.commission-setting small{color:#777c80;line-height:1.5;display:block}.ratecontrol{grid-template-columns:minmax(90px,150px) auto auto;justify-content:start;align-items:center;gap:9px;display:grid}.ratecontrol input{width:100%;padding:11px}.ratecontrol span{color:#edab2e;font-weight:900}.ratecontrol button{white-space:nowrap}@media (width<=800px){.ratecontrol{grid-template-columns:1fr auto}.ratecontrol button{grid-column:1/-1}}.auto-tow-number{background:#101112;border:1px dashed #4a4d50;border-radius:8px;align-self:center;gap:5px;padding:12px 14px;display:grid}.auto-tow-number span{letter-spacing:1.3px;color:#edab2e;font-size:9px;font-weight:900}.auto-tow-number b{color:#a7aaad;font-size:12px}.clockcard{border-left:3px solid #edab2e;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.clockcard h2{margin:8px 0 0}.clockcard p{color:#8e9296;margin:6px 0 0}.clockcard button{min-width:150px;padding:13px}.clockcard .clockout{color:#fff!important;background:#8f3434!important;border-color:#b64c4c!important}.payrollpeople{margin-bottom:16px}.raterow{border-top:1px solid #2a2d30;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 20px;display:grid}.raterow small{color:#777;display:block}.raterow label{color:#edab2e;align-items:center;gap:6px;font-weight:800;display:flex}.raterow input{width:105px;padding:9px}.raterow label span{color:#8e9296;font-size:11px}.payrollselect{justify-content:space-between;align-items:end;margin:20px 0 14px;display:flex}.payrollselect label{color:#8e9296;gap:6px;font-size:11px;display:grid}.payrollselect select{min-width:220px;padding:10px}.payrollselect>div{text-align:right}.payrollselect>div span{color:#8e9296;margin-top:4px;font-size:11px;display:block}.payrollgrid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.payrollmetric>span{letter-spacing:1.3px;color:#edab2e;font-size:9px;font-weight:900}.payrollmetric>strong{margin:10px 0 14px;font-size:24px;display:block}.payrollmetric dl{margin:0}.payrollmetric dl div{border-top:1px solid #2a2d30;justify-content:space-between;padding:6px 0;display:flex}.payrollmetric dt{color:#8e9296;font-size:10px}.payrollmetric dd{margin:0;font-size:11px;font-weight:700}.shiftlist>div:not(.cardhead){border-top:1px solid #2a2d30;grid-template-columns:1fr 1fr auto;gap:16px;padding:12px 20px;font-size:11px;display:grid}.shiftlist>div span{color:#a9acae}@media (width<=1050px){.payrollgrid{grid-template-columns:1fr 1fr}}@media (width<=650px){.clockcard,.payrollselect{flex-direction:column;align-items:stretch;gap:14px}.payrollselect>div{text-align:left}.payrollgrid,.raterow,.shiftlist>div:not(.cardhead){grid-template-columns:1fr}}.shiftlist>.shiftedit{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto auto;align-items:end}.shiftedit label{color:#8e9296;gap:6px;font-size:10px;display:grid}.shiftedit input{padding:9px}.shiftbuttons{gap:7px;display:flex}.shiftbuttons button{white-space:nowrap;padding:8px 10px!important}.adminclockout{color:#ffbf6f!important;border-color:#6d502c!important}@media (width<=1050px){.shiftlist>.shiftedit{grid-template-columns:1fr 1fr}.shiftbuttons{grid-column:1/-1}}@media (width<=650px){.shiftlist>.shiftedit{grid-template-columns:1fr}.shiftbuttons{flex-direction:column;grid-column:auto}}