.dm-hero{display:flex;justify-content:space-between;align-items:center;padding:26px 30px;border-radius:23px;color:#fff;background:linear-gradient(125deg,#061f3d,#0b547d 70%,#078aa1);box-shadow:0 18px 42px #12394b29}.dm-hero span,.dm-title span{font:700 10px Manrope;letter-spacing:.14em}.dm-hero h1{margin:7px 0 3px;font:800 34px Manrope}.dm-hero p{margin:0;color:#c6e6ef}.dm-hero>b{padding:11px 14px;border:1px solid #ffffff3b;border-radius:12px;font-size:11px}.dm-shell{display:grid;grid-template-columns:220px 1fr;gap:17px;margin-top:18px}.dm-tabs{align-self:start;padding:9px;border:1px solid #dce7ec;border-radius:18px;background:#fff}.dm-tabs button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;width:100%;padding:9px;border:0;border-radius:10px;background:transparent;text-align:left;color:#526c7a;font:600 12px Manrope;cursor:pointer}.dm-tabs i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#edf5f7;font-style:normal;color:#08758b}.dm-tabs button.active{background:#e5f4f7;color:#063f52}.dm-tabs button.active i{background:#087c92;color:#fff}.dm-work{min-width:0;padding:23px;border:1px solid #dce7ec;border-radius:20px;background:#f9fbfc}.dm-title h2{margin:5px 0;font:800 25px Manrope;color:#173448}.dm-title p{margin:0 0 17px;color:#718692}.dm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.dm-kpis article,.dm-profile article,.dm-panel,.dm-table,.dm-form,.dm-chat,.dm-docs article{padding:17px;border:1px solid #dce7ec;border-radius:15px;background:#fff}.dm-kpis span,.dm-profile span{display:block;color:#758b97;font:700 10px Manrope;text-transform:uppercase}.dm-kpis b,.dm-profile b{display:block;margin:8px 0 4px;color:#153448;font:800 18px Manrope}.dm-kpis small{color:#8498a2}.dm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dm-panel h3{margin:0 0 10px;font:800 18px Manrope;color:#17384a}.dm-list{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #edf2f4}.dm-list:last-child{border:0}.dm-list i{color:#0f9b70}.dm-list div{flex:1}.dm-list p{margin:3px 0;color:#758a96;font-size:12px}.dm-list em{color:#17875f;font:600 11px Manrope}.dm-panel>button,.dm-demo{border:0;background:transparent;color:#08758b;font-weight:700;cursor:pointer}.dm-table{overflow:auto}.dm-table table{width:100%;border-collapse:collapse}.dm-table th,.dm-table td{padding:12px;text-align:left;border-bottom:1px solid #e8eef1;font-size:12px}.dm-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dm-form label{display:grid;gap:6px;color:#617a87;font:600 12px Manrope}.dm-form input,.dm-form select,.dm-form textarea,.dm-chat input{box-sizing:border-box;width:100%;padding:11px;border:1px solid #cad9df;border-radius:9px;font:500 13px Inter}.dm-form textarea{min-height:78px}.dm-form .wide{grid-column:1/-1}.dm-actions{display:flex;gap:9px}.dm-map{position:relative;height:170px;border-radius:14px;background:linear-gradient(45deg,#e4eff0 25%,transparent 25%) 0 0/28px 28px,linear-gradient(-45deg,#e4eff0 25%,transparent 25%) 0 0/28px 28px,#d3e5e7}.dm-map span,.dm-live span{position:absolute;left:50%;top:50%;width:125px;height:125px;transform:translate(-50%,-50%);border:2px solid #0b9db3;border-radius:50%;background:#10a0b416}.dm-map i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;color:#08647a}.dm-panel small{display:block;margin-top:8px;color:#7d929d}.dm-flow{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.dm-flow span{padding:9px 12px;border-radius:18px;background:#e8f4f6;color:#175669;font-weight:700}.dm-docs{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.dm-docs article{display:flex;gap:12px;align-items:center}.dm-docs article i{font-size:26px;color:#087c92}.dm-docs article div{flex:1}.dm-docs p{margin:3px 0;color:#778d99}.dm-docs article span{color:#159065;font-weight:700}.dm-live{position:relative;display:grid;place-items:center;height:310px;margin-top:14px;border-radius:18px;background:linear-gradient(30deg,#e5eff0 12%,transparent 12% 42%,#d1e4e5 42% 48%,transparent 48%),#f3f8f8}.dm-live i{z-index:1;font-size:34px}.dm-live b{position:absolute;bottom:42px;padding:7px 10px;border-radius:9px;background:#fff}.dm-live small{position:absolute;bottom:20px}.dm-profile{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.dm-chat{min-height:330px}.dm-chat #dmChat{min-height:260px}.dm-chat p{max-width:75%;padding:10px 13px;border-radius:13px;background:#e6f2f4}.dm-chat p.user{margin-left:auto;background:#087c92;color:#fff}.dm-chat form{display:flex;gap:8px}.dm-loading,.dm-error{min-height:360px;display:grid;place-items:center;text-align:center;color:#647e8b}
@media(max-width:900px){.dm-shell{grid-template-columns:1fr}.dm-tabs{display:flex;overflow:auto;position:sticky;top:58px;z-index:3}.dm-tabs button{min-width:110px;grid-template-columns:25px 1fr}.dm-tabs em{display:none}.dm-kpis{grid-template-columns:repeat(2,1fr)}.dm-grid{grid-template-columns:1fr}.dm-form{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.dm-hero{padding:20px}.dm-hero>b{display:none}.dm-hero h1{font-size:23px}.dm-work{padding:13px}.dm-kpis,.dm-docs,.dm-profile,.dm-form{grid-template-columns:1fr}.dm-form .wide{grid-column:auto}}
.dm-shell{grid-template-columns:220px minmax(0,1fr);width:100%}.dm-tabs{position:static!important;inset:auto!important;width:auto!important;height:auto!important}.dm-work{display:block;position:static;width:auto;max-width:none;min-width:0;padding:23px;border:1px solid #dce7ec;border-radius:20px;background:#f9fbfc}

/* Driver portal aligned with the Employee self-service visual system. */
.dm-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:25px;border-radius:18px;background:linear-gradient(125deg,#052f62 0%,#087bae 72%,#18a5a1 100%);box-shadow:0 20px 45px #073d7733;position:relative;overflow:hidden}
.dm-hero:after{content:'';position:absolute;width:260px;height:260px;border:45px solid #ffffff0c;border-radius:50%;right:-70px;top:-120px}.dm-avatar{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:linear-gradient(145deg,#ffe3a5,#f0b13a);border:4px solid #ffffff4d;color:#173650;font:800 22px Manrope;z-index:1}.dm-welcome{z-index:1}.dm-welcome>span{color:#ffd875}.dm-welcome h1{margin:3px 0;font:800 30px Manrope}.dm-welcome p{margin:0;color:#d9eff9}.dm-ready{z-index:1;display:grid;justify-items:end}.dm-ready b{font:800 27px Manrope}.dm-ready span{font-size:11px;color:#d9eff9}.dm-ready em{margin-top:9px;padding:7px 10px;border:1px solid #ffffff55;border-radius:8px;background:#ffffff16;color:#fff;font:700 10px Manrope;font-style:normal}
.dm-shell{grid-template-columns:210px minmax(0,1fr);gap:14px;margin-top:15px}.dm-tabs{padding:10px;border:1px solid var(--line,#dce7ec);border-radius:14px;box-shadow:0 8px 22px #163e5b0b}.dm-tabs>small{display:block;padding:12px 10px 5px;color:#8497a3;font:800 9px Manrope;letter-spacing:.12em}.dm-tabs>small:first-child{padding-top:4px}.dm-tabs button{padding:8px 9px;border-radius:9px}.dm-tabs button.active{background:#e8f5fb;color:#075d86}.dm-tabs button.active i{background:#087bae}.dm-tabs i{background:#e8f5fb;color:#0577a9}.dm-work{padding:18px;border-radius:14px;background:#fff;border-color:var(--line,#dce7ec);box-shadow:0 8px 22px #163e5b0b}.dm-title{margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid var(--line,#dce7ec)}.dm-title h2{margin:2px 0 3px;font-size:22px}.dm-title p{margin:0}.dm-kpis{gap:12px;margin:0 0 14px}.dm-kpis article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:center;padding:16px;border-radius:13px;box-shadow:0 7px 18px #163e5b0b}.dm-kpis article>i{grid-row:1/5;display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e8f5fb;color:#0577a9;font:800 17px Manrope;font-style:normal}.dm-kpis article>span,.dm-kpis article>b,.dm-kpis article>small{grid-column:2}.dm-kpis article>b{margin:1px 0;font-size:17px}.dm-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.dm-quick button{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;padding:11px;border:1px solid #e5edf2;border-radius:9px;background:#f5f9fc;color:#173650;text-align:left;cursor:pointer}.dm-quick button>i{grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#dff1fb;color:#0878a8;font-style:normal}.dm-quick button b,.dm-quick button span{grid-column:2}.dm-quick button span{font-size:10px;color:#718692}.dm-grid{gap:14px}.dm-panel{border-radius:14px;box-shadow:0 8px 22px #163e5b0b}.dm-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding-bottom:10px;border-bottom:1px solid var(--line,#dce7ec)}.dm-panel>header span{color:#0878a8;font:800 9px Manrope;letter-spacing:.1em}.dm-panel>header h3{margin:2px 0 0}.dm-panel>header>i{color:#0878a8;font-size:22px;font-style:normal}.dm-list{padding:10px 2px}.dm-list>i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e6f7ef}.dm-table,.dm-form,.dm-chat,.dm-docs article,.dm-profile article{border-radius:13px;box-shadow:0 7px 18px #163e5b0b}
body.dark .dm-work,body.dark .dm-tabs,body.dark .dm-kpis article,body.dark .dm-panel,body.dark .dm-table,body.dark .dm-form,body.dark .dm-chat,body.dark .dm-docs article,body.dark .dm-profile article{background:#132231;color:#e7eef6;border-color:#29465b}body.dark .dm-title h2,body.dark .dm-panel h3,body.dark .dm-kpis b,body.dark .dm-profile b{color:#e7eef6}body.dark .dm-tabs button{color:#bad0dd}body.dark .dm-tabs button.active,body.dark .dm-quick button{background:#20384b;color:#e7eef6;border-color:#34536a}
@media(max-width:1000px){.dm-shell{grid-template-columns:1fr}.dm-tabs{display:flex;overflow:auto;position:sticky!important;top:58px!important;z-index:3}.dm-tabs>small{display:none}.dm-tabs button{min-width:116px}.dm-quick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.dm-hero{grid-template-columns:auto 1fr}.dm-ready{grid-column:1/-1;justify-items:start}.dm-kpis,.dm-quick{grid-template-columns:1fr}.dm-avatar{width:58px;height:58px}.dm-welcome h1{font-size:23px}.dm-work{padding:12px}}