:root{--ink:#252344;--muted:#8f8da2;--purple:#6754bf;--purple-dark:#5845af;--lavender:#f2f0fc;--line:#ebeaf2;--pink:#ec76a3;--green:#1ea672;--amber:#e4a22e;--blue:#4779d2;--shadow:0 22px 60px rgba(46,38,91,.09)}*{box-sizing:border-box}body{margin:0;background:#eeeef8;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{border:0;cursor:pointer;color:inherit}.app-shell{display:flex;min-height:100vh;padding:22px;gap:22px;max-width:1680px;margin:auto}.sidebar{width:224px;background:linear-gradient(180deg,#6653bd 0%,#5c49b0 100%);border-radius:28px;padding:28px 16px 18px;display:flex;flex-direction:column;color:#fff;box-shadow:0 24px 50px rgba(76,58,161,.18);flex-shrink:0}.brand-mark{width:40px;height:40px;border-radius:13px;background:#fff;color:var(--purple);font:800 24px/40px Manrope;text-align:center;margin:0 0 4px 10px}.brand-mark span{color:var(--pink)}.brand-name{font:800 20px Manrope;margin:0 0 48px 10px;letter-spacing:-.7px}.brand-name span{font-weight:500;color:#d5cdfb}.main-nav{display:grid;gap:8px}.nav-item{height:50px;background:transparent;color:#d6cff8;border-radius:15px;display:flex;align-items:center;gap:14px;padding:0 14px;text-align:left;transition:.2s}.nav-item svg{width:21px;height:21px;fill:currentColor}.nav-item:hover{background:rgba(255,255,255,.1);color:#fff}.nav-item.active{background:#fff;color:var(--purple);box-shadow:0 8px 20px rgba(42,29,113,.12)}.sidebar-bottom{margin-top:auto;display:grid;gap:8px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}.logout{color:#d6cff8}.main-content{flex:1;min-width:0;padding:18px 18px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 28px}.eyebrow{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#a7a5b8;font-weight:700;margin:0 0 7px}.topbar h1{font:700 25px Manrope;letter-spacing:-.7px;margin:0}.topbar h1 span{color:var(--pink);font-size:18px}.top-actions{display:flex;align-items:center;gap:14px}.search-box{height:43px;width:220px;background:#fff;border-radius:13px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#aaa8b8;box-shadow:0 8px 20px rgba(60,49,105,.04)}.search-box svg{width:18px;fill:currentColor}.search-box input{border:0;outline:0;width:100%;color:var(--ink);background:transparent;font-size:12px}.icon-button{width:42px;height:42px;background:#fff;border-radius:13px;position:relative;display:grid;place-items:center;color:#79768b}.icon-button svg{width:19px;fill:currentColor}.notification i{position:absolute;width:7px;height:7px;background:var(--pink);border:2px solid #fff;border-radius:50%;right:10px;top:9px}.user-avatar{width:42px;height:42px;border-radius:50%;background:#262442;color:#fff;display:grid;place-items:center;font-weight:700;border:3px solid #fff;box-shadow:0 5px 15px rgba(40,30,80,.15)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:20px}.purple-card{background:linear-gradient(135deg,#6c59c7,#5a48b0);color:#fff;border-radius:25px;padding:23px 26px 20px;box-shadow:var(--shadow);min-height:315px}.card-heading{display:flex;align-items:start;justify-content:space-between}.card-kicker{font-size:10px;letter-spacing:1.1px;color:#d7d0fb;margin:0 0 7px;font-weight:700}.card-heading h2{font:700 19px Manrope;margin:0;letter-spacing:-.4px}.select-wrap select{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:8px 11px;outline:0;font-size:11px}.select-wrap option{color:var(--ink)}.chart-area{height:170px;position:relative;margin-top:13px}.chart-label{position:absolute;top:3px;left:3px;display:flex;align-items:baseline;gap:8px}.chart-label strong{font:800 31px Manrope}.chart-label span{color:#d4cdf7;font-size:11px}.line-chart{position:absolute;left:0;right:0;bottom:14px;width:100%;height:122px;overflow:visible}.grid-line{stroke:rgba(255,255,255,.14);stroke-dasharray:3 5}.area-path{fill:url(#chartFill)}.main-path{fill:none;stroke:#f1a7c9;stroke-width:3}.chart-dot{fill:#f7c2dc;stroke:#fff;stroke-width:3}.chart-dot-ring{fill:none;stroke:rgba(255,255,255,.23);stroke-width:2}.chart-months{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;color:#cbc4ed;font-size:10px}.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid rgba(255,255,255,.17);padding-top:16px}.overview-stats div{display:flex;flex-direction:column;gap:5px}.overview-stats span{font-size:11px;color:#d4cdf7}.overview-stats strong{font:700 20px Manrope}.overview-stats em{font:500 11px DM Sans;color:#d4cdf7;font-style:normal}.side-stack{display:grid;gap:20px}.mini-card{border-radius:24px;padding:22px;display:grid;grid-template-columns:54px 1fr 30px;align-items:center;gap:13px;min-height:147px;position:relative;overflow:hidden}.mini-card:after{content:'';position:absolute;width:180px;height:100px;border-radius:50%;border:1px solid rgba(255,255,255,.2);right:-60px;bottom:-58px;box-shadow:0 0 0 11px rgba(255,255,255,.04),0 0 0 22px rgba(255,255,255,.04)}.pink-card{background:linear-gradient(135deg,#f17ba8,#e95f94);color:#fff}.cream-card{background:#fff4ec;color:var(--ink)}.mini-icon{width:54px;height:54px;border-radius:17px;background:rgba(255,255,255,.23);display:grid;place-items:center}.cream-card .mini-icon{background:#ffe2d3;color:#e67b5c}.mini-icon svg{width:26px;fill:currentColor}.mini-card p{margin:0 0 7px;font-size:11px;opacity:.85}.mini-card strong{display:block;font:700 18px Manrope;margin-bottom:5px}.mini-card span{font-size:10px;opacity:.78}.round-arrow{position:relative;z-index:1;width:29px;height:29px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;font-size:16px}.cream-card .round-arrow{background:#fff;color:#e67b5c;box-shadow:0 4px 10px rgba(200,120,80,.12)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:30px 0 15px}.section-heading h2{font:700 19px Manrope;margin:0;letter-spacing:-.4px}.outline-button{border:1px solid #dedcea;color:var(--purple);background:transparent;border-radius:10px;padding:10px 14px;font-size:11px}.outline-button span{font-size:15px;margin-left:6px}.outline-button:hover{background:#f7f5ff}.part-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.part-card,.panel{background:#fff;border-radius:20px}.part-card{padding:19px 20px 17px;box-shadow:0 9px 22px rgba(49,40,90,.035)}.part-top{display:flex;justify-content:space-between;align-items:center}.part-symbol{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;font-size:20px}.purple-symbol{color:var(--purple);background:#e8e4ff}.coral-symbol{color:#ed7294;background:#ffe2eb}.blue-symbol{color:#4f85cc;background:#e1effd}.status-chip{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.status-chip.green{color:#168b61;background:#e7f8f1}.status-chip.amber{color:#b07816;background:#fff3db}.status-chip.blue{color:#3869bf;background:#eaf1ff}.part-card h3{font:700 14px Manrope;margin:18px 0 5px}.part-card p{font-size:11px;color:var(--muted);margin:0 0 18px}.progress-row{display:flex;justify-content:space-between;color:#aaa8b5;font-size:10px;margin-bottom:7px}.progress-row strong{color:var(--ink)}.progress{height:5px;background:#f0f0f4;border-radius:10px;overflow:hidden}.progress i{height:100%;background:#48be8d;display:block;border-radius:10px}.amber-progress i{background:#efb14d}.part-foot{display:flex;justify-content:space-between;margin-top:13px;font-size:10px;color:#777588}.part-foot .muted{color:#aaa8b5}.lower-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:20px;margin-top:20px}.panel{padding:21px 22px;box-shadow:0 9px 22px rgba(49,40,90,.035);min-width:0}.compact{margin:0 0 17px;align-items:center}.compact h2{font-size:16px}.dots-button{background:transparent;color:#b3b0c0;font-weight:700;letter-spacing:2px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:570px}th{text-align:left;color:#aaa8b8;font-size:9px;letter-spacing:.8px;padding:0 9px 11px;font-weight:700}td{border-top:1px solid #f0eff4;padding:12px 9px;vertical-align:middle;font-size:11px;white-space:nowrap}td small{display:block;color:#aaa8b5;font-size:9px;margin-top:4px}.table-part{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;display:block}.purple-dot{background:#8b79e0}.coral-dot{background:#ee759b}.blue-dot{background:#61a4da}.mechanic{display:flex;align-items:center;gap:6px}.mechanic b{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#f0edff;color:var(--purple);font-size:8px}.fleet-list{display:grid;gap:5px}.fleet-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f0eff4}.fleet-row:last-child{border-bottom:0}.crane-avatar{width:39px;height:39px;border-radius:13px;background:#f0edff;color:var(--purple);display:grid;place-items:center}.crane-avatar svg{width:27px;fill:currentColor}.fleet-row strong{font-size:12px;display:block}.fleet-row div:nth-child(2) span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.unit-status{font-size:10px;display:flex;align-items:center;gap:5px}.unit-status i{width:6px;height:6px;border-radius:50%;display:block}.unit-status.ready{color:var(--green)}.unit-status.ready i{background:var(--green)}.unit-status.service{color:var(--amber)}.unit-status.service i{background:var(--amber)}.small{padding:8px 10px;font-size:10px}.floating-action{position:fixed;right:34px;bottom:28px;background:var(--ink);color:#fff;padding:13px 17px 13px 13px;border-radius:14px;box-shadow:0 12px 25px rgba(37,35,68,.25);font-size:12px;z-index:5}.floating-action span{display:inline-grid;place-items:center;background:var(--pink);border-radius:8px;width:23px;height:23px;margin-right:8px;font-size:19px;vertical-align:middle}.placeholder-section{display:none;background:#fff;border-radius:24px;padding:80px 30px;text-align:center;min-height:550px}.placeholder-section .placeholder-icon{width:64px;height:64px;border-radius:20px;background:#edeaff;color:var(--purple);font-size:32px;line-height:64px;margin:0 auto 20px}.placeholder-section h2{font:700 24px Manrope;margin:0 0 10px}.placeholder-section>p:last-child{max-width:460px;margin:0 auto;color:var(--muted);line-height:1.7}.modal-backdrop{position:fixed;inset:0;background:rgba(34,28,70,.45);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;padding:20px;z-index:10}.modal-backdrop.open{display:flex}.modal{width:min(480px,100%);background:#fff;border-radius:24px;padding:27px;position:relative;box-shadow:0 25px 90px rgba(31,22,70,.28)}.modal h2{font:700 22px Manrope;margin:0 0 7px}.modal-subtitle{color:var(--muted);font-size:12px;margin:0 0 24px}.modal-close{position:absolute;top:18px;right:20px;background:#f5f4f8;border-radius:50%;width:30px;height:30px;font-size:20px;color:#858294}.modal form{display:grid;gap:15px}.modal label{display:grid;gap:7px;color:#777487;font-size:11px;font-weight:600}.modal input,.modal select{height:42px;border:1px solid #e4e2eb;border-radius:10px;padding:0 12px;outline:0;color:var(--ink);background:#fff}.modal input:focus,.modal select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #eeeaff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload-box{position:relative;border:1px dashed #c7c1e8;background:#faf9ff;border-radius:12px;display:flex;align-items:center;gap:12px;padding:14px;color:var(--purple);overflow:hidden}.upload-box>span{font-size:25px}.upload-box strong,.upload-box small{display:block}.upload-box strong{font-size:12px}.upload-box small{color:var(--muted);font-size:10px;margin-top:3px}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.primary-button{background:var(--purple);color:#fff;border-radius:10px;padding:11px 16px;font-size:11px}.primary-button:hover{background:var(--purple-dark)}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:#20203c;color:#fff;border-radius:12px;padding:12px 17px;font-size:12px;z-index:20;transition:.25s;box-shadow:0 12px 30px rgba(25,20,55,.25)}.toast.show{opacity:1;transform:translate(-50%,0)}.toast span{display:inline-grid;place-items:center;background:#42bc8d;border-radius:50%;width:18px;height:18px;margin-right:6px;font-size:11px}@media(max-width:1150px){.sidebar{width:78px;padding-left:12px;padding-right:12px}.brand-name,.nav-item span{display:none}.brand-mark{margin-left:7px}.nav-item{justify-content:center;padding:0}.main-content{padding-left:3px;padding-right:3px}.hero-grid,.lower-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}}@media(max-width:700px){.app-shell{padding:10px;gap:10px}.sidebar{width:58px;border-radius:19px;padding:16px 7px}.brand-mark{width:36px;height:36px;font-size:21px;line-height:36px;margin:0 auto 30px}.main-nav{gap:5px}.nav-item{height:45px}.sidebar-bottom{padding-top:18px}.main-content{padding:10px 4px 85px}.topbar{align-items:flex-start;gap:15px}.topbar h1{font-size:19px}.top-actions{gap:7px}.search-box{width:40px;padding:0 11px}.search-box input{display:none}.search-box svg{width:17px}.icon-button,.user-avatar{width:36px;height:36px}.purple-card{padding:20px 17px;min-height:320px}.card-heading h2{font-size:16px}.select-wrap select{max-width:104px;font-size:10px}.overview-stats strong{font-size:15px}.overview-stats span{font-size:9px}.side-stack{grid-template-columns:1fr}.section-heading{margin-top:25px}.section-heading h2{font-size:17px}.part-cards{grid-template-columns:1fr}.lower-grid{gap:14px}.panel{padding:18px 13px}.floating-action{right:19px;bottom:18px}.form-row{grid-template-columns:1fr}.modal{padding:24px 19px}}
 .fleet-directory{display:none;text-align:left;padding:23px}.directory-heading{margin:0 0 20px}.directory-heading h2{font-size:20px}.unit-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.unit-summary div{background:#f8f7fd;border-radius:14px;padding:15px 17px;display:flex;align-items:baseline;gap:9px}.unit-summary strong{font:800 22px Manrope;color:var(--purple)}.unit-summary span{font-size:11px;color:var(--muted)}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.asset-card{display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:10px;border:1px solid #efedf5;border-radius:14px;padding:11px 12px}.asset-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font:800 14px Manrope}.crane-tone{background:#ebe8ff;color:var(--purple)}.lift-tone{background:#ffe6ee;color:#df658f}.asset-card strong{display:block;font:700 12px Manrope}.asset-card span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.asset-card em{font-style:normal;font-size:9px;color:#b07816;background:#fff4dd;border-radius:20px;padding:5px 7px;white-space:nowrap}@media(max-width:700px){.fleet-directory{padding:18px 14px}.unit-summary strong{font-size:18px}.unit-summary div{display:block}.unit-summary span{display:block;margin-top:4px}.asset-grid{grid-template-columns:1fr}.directory-heading{align-items:center}}