/* Outletsenteret workspace */
:root{--bg:#f4f5f2;--panel:#fff;--text:#192b29;--muted:#677670;--line:#e1e7e2;--accent:#206c54;--accent2:#e9f3ee;--nav:#102b26;--nav2:#1b3d34;--green:#256d52;--greenbg:#e9f4ed;--orange:#93621b;--orangebg:#fff4df;--shadow:0 10px 30px rgba(30,54,43,.055)}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;letter-spacing:-.015em;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text)}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,.btn{transition:background .16s,border-color .16s,box-shadow .16s}a:hover{color:#174c3c}.btn:hover{background:#f0f5f1;border-color:#b8cbc0}.primary:hover{background:#19563f;color:white;border-color:#19563f}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #76b5a0;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}
.ap-sidebar{position:fixed;inset:0 auto 0 0;width:236px;z-index:20;padding:32px 18px 20px;background:var(--nav);color:#bdd0c7;display:flex;flex-direction:column;overflow-y:auto}
.ap-brand{display:flex;align-items:center;gap:12px;color:white;margin:0 3px 46px;flex-shrink:0}.ap-brand:hover{color:white}.ap-brand strong{font-size:17px;letter-spacing:-.6px;font-weight:700}.ap-brand small{display:block;font-size:9px;letter-spacing:2.2px;color:#90ada2;margin-top:6px}.ap-brand-dot{color:#a4ce9b}.ap-brand-icon{width:35px;height:39px;border:1px solid #94b6a3;border-radius:12px 12px 5px 12px;font-size:23px;line-height:37px;text-align:center;color:#daeedc;position:relative}.ap-brand-icon>span{position:absolute;right:-3px;bottom:3px;width:9px;height:9px;background:#bbdb90;border:2px solid var(--nav);border-radius:50%}
.ap-nav-label{font-size:9px;letter-spacing:1.8px;color:#86a699;margin:0 13px 13px;font-weight:600}.ap-nav{display:flex;gap:5px}.ap-nav-link{display:flex;align-items:center;gap:12px;min-height:46px;border:1px solid transparent;border-radius:9px;padding:11px 12px;background:transparent;color:#b4c9bf;font-size:12px;font-weight:500;text-align:left;width:100%;white-space:nowrap}.ap-nav-link svg{flex-shrink:0;opacity:.9}.ap-nav-link:hover{color:#fff;background:#193d31}.ap-nav-link.active{color:#f4fff4;background:#284d3e;border-color:#345b48}.ap-nav-link.active svg{color:#c4dfa2}.ap-nav-link.active:after{content:"";width:5px;height:5px;border-radius:50%;background:#c4dfa2;margin-left:auto}.ap-sidebar .ap-nav-label:not(:first-child){margin-top:17px}.ap-sidebar-footer{margin-top:auto;padding-top:35px}.ap-company{border-top:1px solid #365046;padding:20px 6px 0;display:flex;align-items:center;gap:10px}.ap-company-avatar{display:grid;place-items:center;background:#294b3e;color:#d9e8d8;width:32px;height:32px;border-radius:50%;font-size:12px}.ap-company strong{display:block;font-size:11px;color:#eef4ee}.ap-company small{display:block;font-size:10px;color:#94afa2;margin-top:4px}.ap-footer-links{display:flex;gap:18px;margin:17px 7px 0}.ap-footer-links a{font-size:10px;color:#acc6b8}.ap-skip{position:fixed;left:250px;top:-100px;z-index:80;background:#fff;padding:14px;border-radius:8px}.ap-skip:focus{top:10px}
.ap-workspace>.dp-shell,.ap-workspace>.ct-shell{margin:0 0 0 236px;max-width:none;padding:34px 38px 70px;min-height:100vh}.ap-workspace .dp-top,.ap-workspace .ct-top{align-items:center;margin:0 0 28px;padding-bottom:26px;border-bottom:1px solid var(--line)}.dp-top h1,.ct-top h1{font-size:32px;letter-spacing:-1.1px;font-weight:650;line-height:1.12;margin:14px 0 10px}.dp-top>div>a,.ct-top>div>a{font-size:11px;color:#74867c}.dp-top p,.ct-top p{font-size:13px;margin:0;color:#6b7a72}.dp-links{gap:8px}.btn,.primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:43px;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:600;line-height:1.4}.btn{background:#fff;color:#42584a;border-color:#dbe3dc}.btn.primary,.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.dp-top .dp-links{justify-content:flex-end;max-width:480px}.dp-shell .panel,.ct-shell .panel{border-radius:14px;border:1px solid var(--line);box-shadow:0 2px 3px rgba(20,40,25,.012);margin-bottom:22px}.dp-shell .panel-body,.ct-shell .panel-body{padding:24px}.dp-shell h2,.ct-shell h2{font-size:17px;letter-spacing:-.35px;margin:0 0 16px;line-height:1.4;font-weight:650}.dp-shell h3{font-size:17px;letter-spacing:-.3px}.dp-shell p,.ct-shell p{line-height:1.7}.dp-shell .kpi-grid{gap:16px;margin-bottom:24px}.kpi{padding:23px;border-radius:13px;position:relative;overflow:hidden;box-shadow:0 2px 3px rgba(20,40,25,.012)}.kpi strong{font-size:35px;font-weight:600;letter-spacing:-1.2px;margin:18px 0 3px;line-height:1.15}.dp-shell .kpi>span{font-size:11px;line-height:1.5;color:#677970}.kpi:after{content:"";position:absolute;right:20px;bottom:22px;width:7px;height:7px;background:#abc4b3;border:5px solid #edf4ed;border-radius:50%;box-sizing:content-box}.kpi:first-child{background:#edf3e8;border-color:#dce6d5}.kpi:first-child:after{background:#7e9d64;border-color:#dfe9d6}.dp-amount{font-size:26px!important}.dp-grid{gap:22px}.dp-tabs{padding:0 0 22px;gap:4px;scrollbar-width:thin}.dp-tabs a{background:transparent;border:0;border-radius:8px;font-size:12px;padding:12px 15px;color:#6a7c70}.dp-tabs a:hover{background:#e9eee6}.dp-tabs .active{background:#e3ece1;color:#275741;font-weight:650;box-shadow:inset 0 -2px #54866a}
.dp-shell label,.ct-shell label{font-size:12px;font-weight:550;color:#506255;line-height:1.5}.dp-shell input,.dp-shell textarea,.dp-shell select,.ct-editor input,.ct-editor textarea,.ct-editor select,.ct-sign-form input:not([type=checkbox]){background:#fbfcfa;border:1px solid #dde5dc;border-radius:8px;padding:12px 13px;color:#223d2d;min-height:44px;font-size:14px;box-shadow:0 1px 1px rgba(30,60,30,.015)}.dp-shell input:focus,.dp-shell textarea:focus,.dp-shell select:focus{background:#fff;border-color:#75a088}.dp-shell input::placeholder{color:#95a197}.dp-shell input[type=checkbox],.dp-shell input[type=radio],.ct-shell input[type=checkbox]{display:inline-block;width:20px;height:20px;min-height:20px;vertical-align:middle;accent-color:var(--accent);margin:0 7px 0 0;flex-shrink:0}.dp-filter{gap:12px}.dp-filter label{min-width:120px}.dp-filter label:first-child{flex:1.7}.dp-filter input,.dp-filter select{font-size:13px}.dp-filter button{font-size:11px;padding:11px 12px}.dp-shell .vehicle-grid{gap:22px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.vehicle-card{border-radius:15px;border-color:var(--line)}.vehicle-card:hover{border-color:#c1d1c0;transform:translateY(-3px);box-shadow:0 12px 26px rgba(28,62,36,.065)}.dp-shell .vehicle-img{height:205px;background:#e9eee7}.vehicle-card .body{padding:22px}.vehicle-card h3{font-size:19px;font-weight:650;margin-bottom:7px;letter-spacing:-.5px}.vehicle-card p{font-size:12px;color:#7c8b7f;line-height:1.65;margin-bottom:14px}.vehicle-card p strong{color:#294731;font-size:19px;font-weight:600;letter-spacing:-.5px}.vehicle-card .body>.btn{width:100%;margin-top:6px;background:#f6f8f3;border-color:#e3e8df;color:#2b593f;font-size:12px}.vehicle-card .body>.btn:hover{background:#eaf1e5;border-color:#c4d5bd}.badge{font-size:10px;letter-spacing:0;padding:6px 10px;box-shadow:0 1px 4px #00000005}.dp-shell .vehicle-img .badge{top:15px;left:15px}.dp-hero{border-radius:11px;max-height:440px;background:#edf1e9}.dp-warn{font-size:11px!important;color:#927030!important}.dp-shell .dp-row{border-color:#e9eee6;padding:16px 0}.dp-row summary,details.panel>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:14px;font-size:13px;font-weight:600}.dp-row summary::-webkit-details-marker,details.panel>summary::-webkit-details-marker{display:none}.dp-row summary:before,details.panel>summary:before{content:"+";font-size:19px;font-weight:400;color:#719079;width:20px}.dp-row[open]>summary:before,details.panel[open]>summary:before{content:"−"}.dp-shell table{border-collapse:collapse}.dp-shell th{font-size:10px;letter-spacing:.7px;color:#7f8f80;padding:14px!important;background:#f7f9f4;white-space:nowrap;border-bottom:1px solid #dfe6db!important}.dp-shell td{padding:18px 14px!important;color:#53624f;font-size:12px;line-height:1.75;border-bottom:1px solid #edf0e8!important;vertical-align:top}.dp-shell td a{font-weight:650;color:#225c3e}.dp-shell tbody tr:hover{background:#fafbf8}.dp-shell small{overflow-wrap:anywhere}.dp-shell .ct-sign-form canvas,.ct-sign-form canvas{border:1.5px dashed #a8bca9;border-radius:12px;background:#fcfdfa;height:180px;touch-action:none}.ct-notice{background:#edf4e9;color:#48684a;border:1px solid #dce8d7}.ct-check{font-size:13px}.ct-hash{color:#7b8b7c}.dp-shell :focus-visible{outline-color:#76b5a0}.dp-checkrow{border-color:#e7ede3}.alert{font-size:13px;padding:15px 18px}.dp-shell [hidden],.ap-workspace [hidden]{display:none!important}
/* Demo navigation and context */
.ap-demo-header{margin-left:236px;padding:23px 38px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.ap-breadcrumb{font-size:10px;color:#7a897e;letter-spacing:.4px}.ap-breadcrumb strong{color:#354d3c;font-weight:600}.ap-breadcrumb span{margin:0 10px;color:#a1afa1}.ap-demo-badge{font-size:10px;border:1px solid #d9e4d4;background:#eef4e9;padding:7px 11px;border-radius:30px;display:flex;align-items:center;gap:7px;color:#5b7451;white-space:nowrap}.ap-demo-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#8ca875}.ap-demo-note{font-size:10px;line-height:1.6;color:#92ada0;padding:15px 8px 0}.ap-demo .dp-shell{padding-top:25px}.ap-demo #demo-nav .ap-nav-link{min-height:40px;padding:9px 12px}.ap-demo .ap-brand{margin-bottom:22px}.ap-demo .ap-sidebar-footer{padding-top:20px}.ap-demo .dp-top>div>a{display:none}.ap-demo .dp-top h1{margin-top:5px}.ap-demo .dp-top .dp-links>a:not(:last-child){display:none}
/* Existing screens share the same materials */
.sidebar{background:var(--nav)}.brand-mark{background:#345c44;color:#d7e8be}.nav-item.active{box-shadow:none;background:#284d3e}.topbar{background:var(--bg);border-color:var(--line)}.login-page{background:#102b26}.login-card{border-radius:20px;padding:34px}.login-card .primary{margin-top:14px}.login-card input{min-height:46px}.sidebar .nav-item{min-height:43px}.sidebar .avatar{background:#416b50}.sidebar .user-card{border-color:#375245}
@media(min-width:1600px){.ap-workspace>.dp-shell,.ap-workspace>.ct-shell{padding-left:60px;padding-right:60px}.ap-demo-header{padding-left:60px;padding-right:60px}.dp-shell .vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.ap-sidebar{width:210px;padding-left:12px;padding-right:12px}.ap-brand{gap:9px}.ap-brand strong{font-size:16px}.ap-workspace>.dp-shell,.ap-workspace>.ct-shell{margin-left:210px;padding:28px 24px 50px}.ap-demo-header{margin-left:210px;padding:22px 24px 0}.dp-top h1,.ct-top h1{font-size:28px}.ap-workspace .dp-top{align-items:flex-start;flex-direction:column;gap:20px}.dp-top .dp-links{justify-content:flex-start;max-width:none}.dp-shell .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-shell .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-shell .vehicle-img{height:175px}}
@media(max-width:960px){.ap-sidebar{position:relative;width:auto;inset:auto;padding:18px 20px 12px;overflow:visible}.ap-brand{margin:0 0 16px}.ap-brand strong{font-size:17px}.ap-brand small{font-size:8px}.ap-brand-icon{height:34px;width:33px;line-height:31px}.ap-nav{flex-direction:row;overflow:auto;gap:6px;padding-bottom:5px;scrollbar-width:thin}.ap-nav-link{width:auto;flex-shrink:0;font-size:11px;min-height:43px;padding:9px 12px}.ap-nav-link svg{width:17px;height:17px}.ap-nav-link.active:after{display:none}.ap-nav-label,.ap-sidebar .ap-nav-label,.ap-sidebar-footer{display:none}.ap-workspace>.dp-shell,.ap-workspace>.ct-shell{margin-left:0;padding:28px 24px 45px;min-height:0}.ap-demo-header{margin-left:0;padding:20px 24px 0}.ap-demo .ap-brand{margin-bottom:15px}.ap-skip{left:15px}.ap-workspace .dp-top,.ap-workspace .ct-top{gap:18px;padding-bottom:23px;margin-bottom:24px}.dp-grid,.dp-checkrow{grid-template-columns:1fr}.ap-demo .dp-top .dp-links>a:not(:last-child){display:none}.ap-demo .dp-top{flex-direction:row}.dp-filter{gap:14px}.dp-filter label{min-width:40%;flex:1}.dp-filter label:first-child{flex:1;min-width:40%}.dp-filter button{margin:0}.ct-grid{grid-template-columns:1fr}}
@media(max-width:600px){.ap-workspace>.dp-shell,.ap-workspace>.ct-shell{padding:24px 16px 40px}.ap-sidebar{padding-left:16px;padding-right:16px}.ap-demo-header{padding:18px 16px 0}.ap-breadcrumb{font-size:9px}.ap-breadcrumb span{margin:0 5px}.ap-demo-badge{font-size:9px;padding:6px 9px}.dp-top h1,.ct-top h1{font-size:27px}.dp-top p,.ct-top p{font-size:12px}.ap-demo .dp-top{flex-direction:column}.dp-shell .panel-body,.ct-shell .panel-body{padding:20px}.dp-shell .kpi-grid{gap:10px}.kpi{padding:17px}.kpi strong{font-size:29px}.kpi:after{right:13px;bottom:17px;width:5px;height:5px;border-width:4px}.dp-shell .kpi>span{font-size:10px}.dp-shell .vehicle-grid{grid-template-columns:1fr}.dp-shell .vehicle-img{height:210px}.dp-filter label,.dp-filter label:first-child{min-width:100%}.dp-filter button{width:100%}.dp-tabs a{padding:11px 13px;font-size:11px}.dp-photo{grid-template-columns:70px minmax(0,1fr)}.dp-photo img{width:70px;height:65px}.dp-shell .dp-photo input{min-width:0}.dp-amount{font-size:22px!important}.ct-top{flex-direction:column;align-items:flex-start}.ap-demo-header{gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.vehicle-card:hover{transform:none}}
@media print{.ap-sidebar,.ap-demo-header,.ap-skip{display:none!important}.ap-workspace>.dp-shell,.ap-workspace>.ct-shell{margin:0;padding:0}body{background:white}.panel,.kpi{box-shadow:none}.dp-shell .vehicle-grid{grid-template-columns:repeat(2,1fr)}}