/* Independently authored from rendered measurements of the authorized demo. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
:root{font-size:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body{height:100dvh;overflow:hidden}#workspace{height:100dvh;display:flex;flex-direction:column}header{height:70px;min-height:70px;padding:0 20px;gap:16px}main{flex:1;min-height:0;overflow:auto;padding:16px;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}footer{display:none}.pagetitle h1{font-size:20px;font-weight:700;letter-spacing:-.5px}.pagetitle small{font-size:11px;font-weight:400}.headeractions{gap:24px}.profile{font-size:13px;font-weight:600}.profile small{font-size:11px;font-weight:400}.profile .avatar{font-size:13px}.prototype{display:none}.iconbtn{width:36px;height:40px;border-radius:0}.iconbtn svg{width:24px;height:24px;stroke-width:1.7}#sidebar{width:270px;transition:transform .25s;border-right:1px solid #1e293b}.brand{height:173px;min-height:173px;padding:24px 20px;display:flex;align-items:center;flex-direction:column}.brand .garageLogo,.brand .brandmark{height:75px;width:75px;margin:0 0 8px;border:2px solid #ffffff66;box-shadow:0 4px 12px #0005}.brand h2{font-size:20px;font-weight:700;letter-spacing:-.5px;line-height:24px;margin:0 0 4px}.brand p{font-size:11px;font-weight:500;letter-spacing:.5px;line-height:13px;white-space:nowrap}nav{padding:16px 12px;display:flex;flex-direction:column;gap:4px}nav h3{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.9px;color:#ffffff61;padding:2px 14px 4px;margin:17px 0 0;min-height:18px}nav h3:first-child{margin-top:0}nav h3:after{content:"";height:1px;background:#ffffff0f;flex:1}nav a{font-size:13px;font-weight:500;color:#94a3b8;min-height:43px;padding:9.5px 14px;gap:12px;margin:0;border-left:3px solid transparent;transition:background .15s,color .15s,transform .15s;flex-shrink:0}nav a:hover{background:#ffffff0f;color:#fff;transform:translateX(3px)}nav a svg{width:24px;height:24px;stroke-width:1.7}nav a.active{border-left-color:#38bdf8;background:#1e3a8a;font-weight:700}nav .reportToggle{color:inherit;font:inherit}.reportArrow{margin-left:auto;font-size:20px;line-height:1;transition:transform .2s}.reportArrow.open{transform:rotate(90deg)}.reportchildren{padding:0 0 0 14px;max-height:0;overflow:hidden;opacity:0;transition:max-height .25s,opacity .2s;flex-shrink:0}.reportchildren.open{max-height:240px;opacity:1}.reportchildren a{position:relative;min-height:31px;font-size:12.5px;font-weight:500;padding:8px 16px 8px 30px;border-left:0}.reportchildren a:before{content:"";position:absolute;left:14px;width:4px;height:4px;background:#475569}.reportchildren a.active{background:#ffffff0a;color:#60a5fa}.slogan{font-size:12px;padding:18px 12px;margin:16px 12px;border:1px solid #ffffff1a;min-height:71px;line-height:17px}.slogan span{font-size:10px}.btn{border-radius:0;font-size:13.5px;font-weight:600;padding:10px 16px;min-height:39px;box-shadow:none}.btn svg{width:20px;height:20px}.btn.success{background:#10b981}.toolbar>.btn:not(.secondary):not(.success){background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 4px 12px #2563eb33}.toolbar>.btn.exportButton{background:#3b82f6;box-shadow:none}.toolbar{gap:10px;margin-bottom:28px;min-height:44px;align-items:center}.toolbar .search{font-family:Arial,sans-serif;font-size:13.5px;padding:10px 16px 10px 42px;border:1px solid #cbd5e1;border-radius:0;height:38px;min-height:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2394a3b8' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='m15 15 5 5'/%3E%3C/svg%3E") no-repeat 14px center;background-size:17px}.toolbar .search::placeholder{color:#8c929b}.toolbar .spacer{flex:1}.toolbar select{height:34px;min-height:34px;font-size:12.5px}.tablewrap{border:1px solid #e2e8f0;box-shadow:0 1px 4px #00000008;scrollbar-width:auto;scrollbar-color:#8f969e #eee}table{font-size:13px}th{background:#111827;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:12px 14px;position:sticky;top:0;z-index:2;border-bottom:1px solid #111827;box-shadow:0 2px 4px #00000014;height:40px}td{font-size:13px;font-weight:400;color:#1e293b;background:#fff;padding:11px 14px;border-bottom:1px solid #f1f5f9;height:51px}td strong{font-size:13px;font-weight:700;color:#1e293b}tbody tr:hover td{background:#f8fafc}tbody td:first-child{font-weight:700}body[data-view=customers] td:nth-child(2) strong{font-weight:400}th:last-child,td:last-child:has(.rowactions){position:sticky;right:0;z-index:3;box-shadow:-4px 0 12px #0f172a0d}th:last-child{z-index:4}.rowactions{gap:6px}.rowactions>.btn:has(svg):not(:has(span)){min-height:28px;min-width:28px;padding:4px}.rowactions>.btn svg{width:14px;height:14px}.rowactions .editButton{background:#fffbeb!important;border:1px solid #fde68a!important;color:#d97706!important;box-shadow:0 1px 3px #0000000d}.rowactions .deleteButton{background:#fef2f2!important;border:1px solid #fecaca!important;color:#ef4444!important;box-shadow:0 1px 3px #0000000d}.rowactions .printButton{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#3b82f6!important}.rowactions .btn{font-size:11px;border-radius:0}.badge{border-radius:0;font-size:11px;font-weight:600;padding:3px 7px}.panel{border-radius:0;border:1px solid #e2e8f0}.panelhead{padding:18px 20px;border-bottom:0}.panelhead h2{font-size:16px;font-weight:700;color:#081d26}.panelhead h2 svg{width:20px;height:20px}.panelbody{font-size:13px}.intro h2{font-size:20px;font-weight:800;color:#081d26}.intro p{font-size:13px}.summary{gap:16px;margin-bottom:24px}.summaryitem{padding:18px 20px;border-radius:0;box-shadow:0 2px 8px #0f172a05}.summaryitem small{font-size:11px;font-weight:700;letter-spacing:.5px}.summaryitem strong{font-size:25px;font-weight:800}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:44px}.stat{height:157px;min-height:157px;box-shadow:0 4px 16px #2563eb40;display:flex;flex-direction:column;padding:18px 18px 12px;transition:transform .2s}.stat:hover{transform:translateY(-3px)}.statmain{padding:0}.statlabel{font-size:11.5px;font-weight:700;gap:8px;letter-spacing:.2px;margin-bottom:8px}.statlabel svg{width:35px;height:35px;background:#ffffff26;border-radius:0;padding:7px}.statvalue{font-size:30px;font-weight:800;line-height:36px;letter-spacing:-.4px;margin:0}.statdesc{font-size:11px;margin-top:3px;color:#fff}.statmore{font-size:11.5px;font-weight:600;margin-top:auto;padding:8px 0 0;border-top:1px solid #ffffff26;background:none;line-height:14px}.statmore:hover{background:none}.watermark{right:10px;bottom:24px;opacity:.15}.watermark svg{height:68px;width:68px}.purple{box-shadow:0 4px 16px #4338ca33}.green{box-shadow:0 4px 16px #10b98133}.red{box-shadow:0 4px 16px #ef444433}.amber{box-shadow:0 4px 16px #f59e0b33}.chartgrid{grid-template-columns:1fr 1fr;gap:20px}.chart{height:250px;padding:12px 18px 20px}.chartsvg{height:210px}.donut{height:160px;width:160px}.donut:after{height:100px;width:100px}.donut strong{display:none}.legend{font-size:11px}.quickactions{grid-template-columns:repeat(3,1fr)}.quick{font-size:12px;border-radius:0}.pipeline{gap:2px;background:#fff;padding:6px;border:1px solid #e2e8f0;box-shadow:0 1px 4px #00000008;overflow-x:auto;scrollbar-color:#929292 #eee;margin-bottom:30px;min-height:54px}.pipeline button{flex:0 0 auto;min-width:130px;height:38px;min-height:38px;border:1px solid #e2e8f0;background:linear-gradient(#fff,#f1f5f9);padding:10px 22px 10px 18px;font-size:12.5px;font-weight:700;letter-spacing:.5px;display:flex;gap:8px;align-items:center;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);margin-left:-10px}.pipeline button:first-child{margin-left:0;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);padding-left:14px}.pipeline button.active{background:#0f172a;border-color:#0f172a;color:white;box-shadow:0 4px 12px #0f172a33}.pipeline strong{float:none;font-size:11px;font-weight:800;line-height:13px;background:#e2e8f0;color:#475569;padding:2px 7px}.pipeline button.active strong{background:#2563eb;color:#fff}.pipeline button:hover{background:#e2e8f0}.pipeline button.active:hover{background:#1e293b}.tabs{font-size:13px}.tab{font-size:13px}.filters{padding:16px;background:white;border:1px solid #e2e8f0}.filters select{font-size:12.5px;min-height:34px;padding:6px 10px}.bikephoto{height:122px}.bikecard{border-radius:0}.bikedetail h3{font-size:13px;font-weight:700}.bikedetail p{font-size:11px}.modal{align-items:center;padding:0;background:rgba(9,3,15,.4);backdrop-filter:blur(5px);z-index:200;animation:veilIn .25s}.dialog{border-radius:0;border:1px solid #e2e8f0;width:95%;max-width:780px;max-height:90dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px -10px #0004;animation:dialogIn .25s}.dialoghead{position:relative;flex-shrink:0;min-height:49px;padding:10px 20px;background:#0f172a;border-bottom:1px solid #1e293b}.dialoghead h2{font-size:14.5px;font-weight:700;letter-spacing:.3px;color:#fff;display:flex;align-items:center;gap:8px}.dialoghead h2 svg{width:18px;height:18px;color:#38bdf8}.dialoghead .iconbtn{width:28px;height:28px;border:1px solid #ffffff26;background:#ffffff14;color:#fff;font-size:20px;line-height:16px}.dialoghead .iconbtn:hover{background:#ffffff26}#modalBody{min-height:0;overflow:auto;font-size:13px;display:flex;flex-direction:column}#modalBody>form{min-height:0;display:flex;flex-direction:column;overflow:hidden}.formbody{padding:10px 16px;overflow:auto;min-height:0}.formgrid{padding:10px 16px;grid-template-columns:1fr 1fr;gap:6px 12px}.field{gap:4px;min-width:0}.field>span{font-size:11px;font-weight:700;letter-spacing:.3px;line-height:13.2px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.field input,.field select,.field textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:12.5px;font-weight:400;border:1px solid #cbd5e1;border-radius:0;height:32px;min-height:32px;padding:5px 9px;color:#0f172a}.field input[readonly]{background:#ebe0f5;color:#64748b;font-weight:700;border-color:#e2e8f0}.field textarea{height:70px;min-height:70px}.field.full{grid-column:1/-1}.formsection{font-size:11.5px;font-weight:800;letter-spacing:.5px;line-height:14px;background:#f1f5f9;border:0;border-left:3px solid #2563eb;padding:4px 10px;margin:6px 0 2px;color:#0f172a}.formactions{position:relative;flex-shrink:0;padding:8px 18px;min-height:54px;border-top:1px solid #e2e8f0;background:#f8fafc;gap:10px}.formactions .btn{font-size:13.5px;min-height:38px}.formactions .btn:not(.secondary):not(.danger){background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 4px 12px #2563eb33}.formactions .btn.secondary{color:#0f172a;border-color:#e2e8f0}.notice{font-size:11px;line-height:1.6;border-radius:0}.formbody>.notice{margin:4px 16px 8px}.phoneInput{display:flex;gap:5px}.phoneInput select{width:80px;flex-shrink:0;font-size:11px;background:#f8fafc;font-weight:700;padding:5px 3px}.phoneInput input{min-width:0}.selectWrap{position:relative;min-width:0}.selectWrap>select{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;padding:0!important;min-height:0!important;border:0!important}.selectTrigger{width:100%;height:35px;min-height:35px;border:1px solid #cbd5e1;background:#fff;text-align:left;padding:6px 10px;font-size:12.5px;font-weight:500;color:#1e293b;display:flex;align-items:center;justify-content:space-between;gap:8px}.selectTrigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectTrigger:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #64748b;flex-shrink:0;transition:transform .15s}.selectWrap.expanded .selectTrigger{border-color:#818cf8}.selectWrap.expanded .selectTrigger:after{transform:rotate(180deg)}.selectDropdown{position:absolute;top:calc(100% + 5px);left:0;width:max(100%,250px);max-width:280px;background:white;border:1px solid #c7d2fe;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014;z-index:1050;padding:0;animation:dropdownIn .15s}.selectDropdown[hidden]{display:none}.selectSearch{padding:8px 10px;background:#f8fafc}.selectSearch input{font-family:Arial,sans-serif;font-size:12.5px;padding:6px 10px;min-height:28px;height:28px}.selectOptions{max-height:220px;overflow:auto;padding:5px;scrollbar-width:auto}.selectOption{display:block;border:0;background:#fff;width:100%;text-align:left;font-size:13px;font-weight:400;color:#1e293b;padding:7px 12px;min-height:30px}.selectOption:hover,.selectOption:focus,.selectOption[aria-selected=true]{background:#eff6ff;color:#1d4ed8;outline:0}.field:has(.selectWrap.expanded){position:relative;z-index:10}.selectEmpty{font-size:12px;color:#94a3b8;padding:12px}.inlineAdd{display:flex;gap:6px}.inlineAdd select,.inlineAdd .selectWrap{flex:1;min-width:0}.inlineAdd button{width:28px;border:1px solid #cbd5e1;color:#2563eb;background:#eff6ff;flex-shrink:0;font-size:17px}.dialog.jobDialog{max-width:1440px;width:90%;max-height:86dvh;box-shadow:0 25px 50px -12px #0007}.jobDialog #modalBody,.jobDialog #billForm{overflow:hidden}.jobDialog .formbody{padding:0}.jobSplit{display:grid;grid-template-columns:minmax(440px,540px) minmax(540px,1fr);overflow:auto;min-height:0}.jobLeft{padding:14px 16px;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:14px}.jobLeft .formgrid{padding:12px 14px;gap:10px 14px;border:1px solid #e2e8f0;align-content:start}.jobLeft .field input,.jobLeft .field select{height:35px;min-height:35px;padding:6px 10px}.jobLeft .field>span{font-size:11px;margin-bottom:1px}.jobRight{padding:14px 16px;background:#f8fafc;overflow:visible}.jobRight .lineheading{margin:0;padding:10px 12px;background:#0f172a;color:#fff;font-size:12px;letter-spacing:.4px}.jobRight .lineheading:not(:first-child){margin-top:18px}.jobRight .lineheading .btn{min-height:26px;font-size:10px;padding:5px 8px;border:0;background:#fff;color:#2563eb}.jobRight .tablewrap{overflow:auto}.jobRight td{padding:7px;height:auto}.jobRight td input,.jobRight td select{min-height:30px;height:30px;font-size:12px;padding:5px 8px;min-width:65px}.jobRight td select{min-width:170px}.jobRight th{font-size:10px;padding:9px 7px;height:33px}.jobRight .totals{max-width:none;margin:18px 0 0;background:#fff}.jobRight .formgrid{padding:14px 0}.jobMode{display:flex;gap:0;grid-column:1/-1;justify-content:flex-end}.jobMode button{border:1px solid #cbd5e1;border-radius:0;background:#e2e8f0;color:#0f172a;font-size:11px;font-weight:700;padding:3px 9px}.jobMode button.active{background:#0e3442;color:#fff}.jobLeft input[readonly]{background:#f1f5f9;font-weight:400}.invoiceV2 th{background:#111827}.invoiceV2 td:last-child{position:static}.invoiceV2 .tablewrap{overflow:auto}.importHelp p{line-height:1.7;font-size:13px}@keyframes dialogIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes veilIn{from{opacity:0}to{opacity:1}}@keyframes dropdownIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1150px){.chartgrid{grid-template-columns:1fr 1fr}.headeractions{gap:18px}.quickactions{grid-template-columns:repeat(3,1fr)}}@media(max-width:950px){#sidebar{transform:translateX(-270px)}.navopen #shade{backdrop-filter:blur(4px);background:#0006}.navopen #sidebar{transform:translateX(0)}.navcollapsed #sidebar{transform:translateX(-270px)}#workspace{margin-left:0}.navopen .slogan{margin-top:16px}.chartgrid{grid-template-columns:1fr 1fr}.chart{height:245px;flex-wrap:wrap}.legend{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.panelhead h2{font-size:16px;line-height:20px}.quickactions{grid-template-columns:repeat(3,1fr)}.toolbar .search{flex:1;min-width:120px}.toolbar>.btn{font-size:13.5px;padding:10px 14px}.toolbar .spacer{display:none}.jobSplit{grid-template-columns:540px minmax(540px,1fr)}}@media(max-width:600px){header{height:70px;min-height:70px;padding:0 12px;gap:10px}.pagetitle h1{font-size:18px}.pagetitle small{font-size:10px}.headeractions{gap:5px}.headeractions .profile>span:not(.avatar){display:none}main{padding:14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:28px}.stat{padding:14px 12px 10px;height:150px;min-height:150px}.statlabel{font-size:10px;gap:6px}.statlabel svg{width:30px;height:30px}.statvalue{font-size:28px}.chartgrid{grid-template-columns:1fr;gap:0}.chart{height:240px}.legend{gap:12px}.toolbar{gap:8px;margin-bottom:22px}.toolbar .search{flex-basis:100%;max-width:none;min-width:0}.toolbar>.btn{flex:1;font-size:12px;padding:9px 10px}.toolbar>.btn svg{width:18px;height:18px}.formgrid{grid-template-columns:1fr 1fr;gap:6px 12px;padding:10px 8px}.formbody{padding:8px}.field.full{grid-column:1/-1}.field>span{font-size:10px}.dialog{max-height:94dvh;width:96%}.dialoghead{padding:10px 14px}.dialoghead h2{font-size:14px}.formactions{padding:8px 12px}.formactions .btn{font-size:12px}.phoneInput{gap:3px}.phoneInput select{width:58px;font-size:9px}.field input,.field select{font-size:12px}.jobDialog .jobLeft{padding:12px;min-width:0}.jobDialog .jobSplit{grid-template-columns:1fr;overflow:visible}.jobDialog .formbody{overflow:auto}.jobDialog .jobRight{padding:12px;min-width:0}.jobLeft .formgrid{padding:10px;gap:8px}.jobDialog .field.full{grid-column:1/-1}.jobDialog .selectDropdown{width:250px;max-width:75vw}.summaryitem strong{font-size:22px}.summaryitem small{font-size:10px}.dialog.jobDialog{width:96%;max-height:92dvh}.jobRight .totals input{min-width:0}.selectDropdown{width:250px;max-width:80vw}}@media print{body{height:auto;overflow:visible}#workspace{height:auto;display:none}.modal{position:static;display:block!important;overflow:visible;background:none;backdrop-filter:none}.dialog{width:100%;height:auto;max-height:none;overflow:visible;display:block;border:0}.dialoghead,.formactions{display:none!important}#modalBody{display:block;overflow:visible}.invoiceV2{font-size:12px}.invoiceV2 th,.invoiceV2 td{position:static!important;box-shadow:none!important}.invoiceV2 .tablewrap{overflow:visible}.invoiceV2 td{height:auto}.invoiceV2 th{color:#fff!important;background:#111827!important;print-color-adjust:exact}}

body[data-view="customers"] .toolbar{margin-bottom:44px}.walkinFields{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;grid-column:1/-1}.walkinFields[hidden],.field[hidden]{display:none!important}
.summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.summaryitem{border:0;padding:16px;color:#fff;display:flex;align-items:center;gap:16px;min-height:88px}.summaryitem small{color:#fff;font-size:11px;font-weight:600;letter-spacing:.4px}.summaryitem strong{font-size:22px;font-weight:800;margin-top:5px;white-space:nowrap}.kpiIcon{width:40px;height:40px;display:grid;place-items:center;background:#fff3;flex-shrink:0}.kpiIcon svg{width:22px;height:22px}.kpiContent{min-width:0}.jobSummary{grid-template-columns:repeat(3,minmax(0,1fr))}.jobToolbarCard{padding:16px;background:white;border:1px solid #e2e8f0;margin-bottom:30px}.jobToolbarCard .toolbar{margin-bottom:14px}.jobFilters{border:0;padding:0;margin:0;align-items:center;gap:10px}.filterLabel{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#64748b}.filterLabel svg{width:14px;height:14px;color:#38bdf8}.jobFilters>.selectWrap{flex:1;min-width:180px}.fuelTag{display:inline-block!important;background:#fef3c7;color:#d97706!important;font-size:10px!important;font-weight:600;padding:3px 5px}.jobFilters>select{flex:1;min-width:150px}@media(max-width:600px){.summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summaryitem{padding:12px;gap:10px}.summaryitem strong{font-size:20px}.kpiIcon{width:30px;height:30px}.summaryitem small{font-size:9px}.jobToolbarCard{padding:12px}.jobFilters>.selectWrap{min-width:100%;flex-basis:100%}}
.headerPanel{position:fixed;right:20px;top:67px;width:420px;max-height:calc(100dvh - 80px);z-index:110;background:#fff;border:1px solid #cbd5e1;box-shadow:0 15px 40px #0f172a40;display:flex;flex-direction:column;font-size:13px;animation:dropdownIn .2s}.accessHead{padding:18px 20px;background:linear-gradient(135deg,#081d26,#134e63);color:white}.accessTitle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#9dcbea;letter-spacing:.5px}.accessTitle svg{width:18px;height:18px}.accessTitle button{margin-left:auto;width:27px;height:27px;border:0;color:#fff;background:#ffffff26;font-size:18px}.accessPerson{display:flex;align-items:center;gap:14px;margin-top:12px}.accessPerson>.avatar{height:50px;width:50px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #a5b4fc;font-size:21px}.accessPerson strong{font-size:16px;font-weight:800}.accessPerson p{font-size:11px;margin:4px 0 0}.accessPerson b{display:inline-block;background:#38bdf8;color:#0f172a;font-size:10px;padding:3px 7px;margin-right:6px}.accessSummary{padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.accessSummary>small{display:block;font-size:11px;font-weight:700;color:#64748b}.accessSummary>strong{display:block;color:#059669;font-size:12px;margin:3px 0 12px}.accessTabs{display:flex}.accessTabs button{font-size:10px;font-weight:700;border:1px solid #e2e8f0;background:#e2e8f0;padding:4px 9px;color:#64748b}.accessTabs button.selected{background:#fff;color:#0f172a}.accessSearch{padding:10px 18px}.accessSearch input{height:31px;min-height:31px;font-size:12px;padding:6px 10px;border-radius:0;background:#f8fafc}.accessModules{padding:0 18px 12px;overflow:auto;min-height:0;scrollbar-color:#929292 #eee}.accessModule{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #f1f5f9;background:white;color:#0f172a;padding:9px 8px;margin-bottom:5px;text-align:left}.accessModule[hidden]{display:none}.accessModule strong{font-size:12px;font-weight:700}.accessIcon{display:grid;place-items:center;width:30px;height:30px;background:#ecfdf5;color:#059669;flex-shrink:0}.accessIcon svg{width:17px;height:17px}.accessBadge{margin-left:auto;font-size:10px;font-weight:600;color:#15803d;background:#dcfce7;padding:4px 7px;white-space:nowrap}.accessFooter{background:#f8fafc;border-top:1px solid #e2e8f0;padding:10px 18px;display:flex;align-items:center;gap:12px}.accessFooter>span{font-size:10px;color:#94a3b8;margin-left:auto}.notificationPanel{width:350px;right:120px}.notificationJob{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid #e2e8f0;background:#fff;padding:12px;width:100%;text-align:left;margin-top:10px;font-size:12px}.notificationJob small{font-size:11px;color:#64748b}@media(max-width:600px){.headerPanel{right:12px;width:calc(100vw - 24px)}.notificationPanel{right:12px}.accessBadge{font-size:9px}.accessModule strong{font-size:11px}}

/* Dashboard proportions follow the demo recording: two rows of three KPIs, paired charts, and three quick actions per row. */
@media(min-width:1551px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:641px){.chartgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
.quickactions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quick{background:#fff;min-height:88px;border-color:#e2e8f0;box-shadow:0 1px 3px #0f172a08}
.quick:nth-child(1) svg{color:#2563eb}.quick:nth-child(2) svg{color:#0ea5e9}.quick:nth-child(3) svg{color:#7c3aed}.quick:nth-child(4) svg{color:#f59e0b}.quick:nth-child(5) svg{color:#10b981}.quick:nth-child(6) svg{color:#ef4444}
@media(max-width:640px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.chartgrid{grid-template-columns:1fr;gap:0}.quickactions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}

button[aria-disabled='true']{opacity:.4;cursor:not-allowed;filter:grayscale(1)}

.staffPhotoName{display:flex;align-items:center;gap:10px;min-width:150px}.staffPhotoThumb,.staffPhotoPlaceholder{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 38px}.staffPhotoPlaceholder{display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-size:15px;font-weight:700}.staffPhotoEditor{display:flex;align-items:center;gap:16px}.staffPhotoPreview{width:84px;height:84px;border:1px dashed #94a3b8;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-size:30px;font-weight:700}.staffPhotoPreview img{width:100%;height:100%;object-fit:cover}.staffPhotoControls{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.staffPhotoControls small{font-size:11px;color:#64748b}