@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#173b39;font-synthesis:none;background:#f4f8f7;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.demo-shell{min-height:100vh}.sidebar{color:#fff;z-index:10;background:#102f32;flex-direction:column;width:248px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;border-bottom:1px solid #315153;align-items:center;gap:12px;padding:0 10px 26px;text-decoration:none;display:flex}.brand img{filter:brightness(0)invert();width:83px}.brand span{letter-spacing:.18em;color:#9bc7c2;font-size:10px}.sidebar nav{gap:7px;margin-top:28px;display:grid}.sidebar nav button{color:#b8cecc;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.sidebar nav button span{width:22px;font-size:19px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#1c514f}.learn{color:#d8f3ef;border:1px solid #47716e;border-radius:12px;margin-top:auto;padding:14px;font-size:13px;text-decoration:none}main{min-height:100vh;margin-left:248px}.topbar{background:#fff;border-bottom:1px solid #dce9e6;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex}.topbar div:first-child{display:grid}.topbar strong{font-size:15px}.topbar small{color:#72908d;margin-top:3px;font-size:11px}.top-actions{gap:5px;display:flex}.top-actions button{color:#577572;cursor:pointer;background:#fff;border:1px solid #cfe1de;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800}.top-actions button.active{color:#fff;background:#0b8179;border-color:#0b8179}.demo-banner{color:#73571a;background:#fff3d6;border-bottom:1px solid #f2d68d;align-items:center;gap:18px;min-height:48px;padding:9px 34px;font-size:12px;display:flex}.demo-banner strong{letter-spacing:.12em;font-size:11px}.demo-banner span{flex:1}.demo-banner button{color:#73571a;cursor:pointer;background:0 0;border:0;font-weight:700}.page{max-width:1500px;margin:auto;padding:34px}.page-title{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.page-title p,.eyebrow{color:#0b8179;letter-spacing:.14em;margin:0 0 5px;font-size:11px;font-weight:800}.page-title h1{color:#143b39;margin:0;font-size:32px;line-height:1.1}.primary,.secondary{cursor:pointer;border:0;border-radius:11px;padding:12px 18px;font-weight:800}.primary{color:#fff;background:#0b8179;box-shadow:0 8px 22px #0b817930}.secondary{color:#0b6d66;background:#e9f4f2}.full{width:100%;margin-top:10px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.metrics article,.panel,.report-grid article{background:#fff;border:1px solid #dce8e6;border-radius:17px;padding:20px;box-shadow:0 8px 28px #173b3908}.metrics article{gap:8px;display:grid}.metrics span,.report-grid article>span{color:#6f8c89;font-size:12px}.metrics strong,.report-grid article>strong{color:#133e3b;font-size:30px}.metrics em{color:#0b8179;font-size:11px;font-style:normal}.panel{padding:0;overflow:hidden}.panel-head{border-bottom:1px solid #e2ecea;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.panel-head h2{margin:0;font-size:17px}.panel-head button{color:#0b8179;cursor:pointer;background:0 0;border:0;font-weight:800}.order-table button{text-align:left;cursor:pointer;color:#173b39;background:#fff;border:0;border-bottom:1px solid #edf3f2;grid-template-columns:65px minmax(220px,1fr) 105px 80px 18px;align-items:center;gap:12px;width:100%;padding:15px 22px;display:grid}.order-table button:hover{background:#f7fbfa}.order-table time{font-weight:800}.order-table span{gap:3px;display:grid}.order-table small,td small{color:#78928f;margin-top:3px;display:block}.order-table b{text-align:right}.order-table i{font-size:22px;font-style:normal}.status,.payment{text-transform:uppercase;border-radius:999px;width:max-content;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.status.waiting{color:#8b6011;background:#fff1d8}.status.work{color:#246493;background:#dff0ff}.status.ready{color:#6055a8;background:#e9e6ff}.status.done,.payment.paid{color:#16715f;background:#dff3ec}.payment{color:#a34a31;background:#ffe7df}.kanban{grid-template-columns:repeat(4,1fr);align-items:start;gap:14px;display:grid}.kanban-column{background:#eaf2f0;border-radius:16px;min-height:470px;padding:12px}.kanban-column h3{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:3px 4px 14px;font-size:12px;display:flex}.kanban-column h3 b{background:#fff;border-radius:999px;margin-left:auto;padding:3px 7px}.dot{background:#d9a43d;border-radius:50%;width:8px;height:8px}.dot.work{background:#3989c4}.dot.ready{background:#7e72c9}.dot.done{background:#28947d}.order-card{text-align:left;cursor:pointer;color:#173b39;background:#fff;border:1px solid #d5e4e1;border-radius:13px;gap:7px;width:100%;margin-bottom:10px;padding:14px;display:grid;box-shadow:0 4px 12px #173b3908}.order-card:hover{transform:translateY(-1px)}.order-card small{color:#76908d}.order-card span{font-size:12px}.order-card em{color:#0b8179;font-style:normal;font-weight:800}.table-panel table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e8efee;padding:17px 20px;font-size:13px}th{color:#718c89;text-transform:uppercase;letter-spacing:.08em;background:#f8fbfa;font-size:10px}.plate{color:#173b39;background:#fff;border:1px solid #b8c8c5;border-radius:5px;padding:3px 8px;font-size:12px}.stock-pill{color:#16715f;background:#dff3ec;border-radius:999px;justify-content:center;min-width:34px;padding:5px 8px;font-weight:800;display:inline-flex}.stock-pill.danger{color:#a34a31;background:#ffe6dc}.report-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.report-grid article{min-height:270px;position:relative;overflow:hidden}.report-grid .wide{grid-column:1/-1;min-height:230px}.bars{align-items:end;gap:10px;height:130px;margin-top:32px;display:flex}.bars i{background:linear-gradient(#7bd1c5,#0b8179);border-radius:7px 7px 2px 2px;flex:1}.donut{background:conic-gradient(#0b8179 0 68%,#e2edeb 68%);border-radius:50%;place-items:center;width:140px;height:140px;margin:20px auto;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;width:92px;height:92px;position:absolute}.donut b{font-size:22px;position:relative}.service-row{grid-template-columns:150px 1fr 45px;align-items:center;gap:14px;margin:22px 0;display:grid}.service-row i{background:linear-gradient(90deg,#0b8179 var(--w),#e4eeec var(--w));border-radius:99px;height:9px}.service-row em{font-style:normal;font-weight:800}.timeline{max-width:800px}.timeline article{grid-template-columns:70px 18px 1fr;align-items:center;gap:12px;display:grid}.timeline time{color:#6f8986;font-size:12px}.timeline span{background:#0b8179;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #dff2ee}.timeline p{background:#fff;border:1px solid #dce8e6;border-radius:12px;padding:16px}.overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#082a2c99;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer,.modal{background:#fff;width:min(480px,100%);height:100%;padding:35px;position:relative;overflow:auto}.modal{border-radius:22px;max-width:460px;height:auto;margin:auto}.x{cursor:pointer;background:#edf4f3;border:0;border-radius:50%;width:34px;height:34px;font-size:21px;position:absolute;top:18px;right:20px}.drawer h2,.modal h2{margin:10px 0 26px;font-size:25px}.detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.detail-grid>div{background:#f4f8f7;border-radius:11px;gap:4px;padding:14px;display:grid}.detail-grid .wide{grid-column:1/-1}.detail-grid span,.invoice span{color:#718c89;text-transform:uppercase;font-size:10px}.detail-grid small{color:#718c89}.invoice{border:1px solid #dbe7e5;border-radius:12px;margin:22px 0;padding:12px}.invoice div{justify-content:space-between;padding:8px;display:flex}.invoice .sum{border-top:1px solid #dbe7e5;font-size:19px}.drawer-status{gap:8px;margin-bottom:18px;display:flex}.modal label{color:#587471;gap:6px;margin:14px 0;font-size:12px;font-weight:700;display:grid}.modal input{color:#173b39;border:1px solid #cbdedb;border-radius:10px;padding:12px}.toast{color:#fff;z-index:80;background:#103e3a;border-radius:12px;padding:14px 19px;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #0b302e44}.clickable{cursor:pointer}.clickable:hover{background:#f4faf8}.row-arrow{float:right;color:#0b8179;font-size:20px}.client-heading{align-items:center;gap:15px;margin:15px 0 24px;display:flex}.client-heading h2{margin:0 0 4px}.client-heading a{color:#0b8179;font-weight:700;text-decoration:none}.avatar{color:#0b8179;background:#dff2ee;border-radius:17px;place-items:center;width:58px;height:58px;font-size:19px;font-weight:800;display:grid}.positive{color:#14816c}.current-repair{background:#fff4db;border:1px solid #efd491;border-radius:14px;gap:7px;margin:20px 0;padding:17px;display:grid}.current-repair>span{text-transform:uppercase;color:#8b671b;font-size:10px}.current-repair small{color:#7b6a43}.current-repair button{color:#0b8179;cursor:pointer;background:0 0;border:0;width:max-content;padding:5px 0;font-weight:800}.history{margin:22px 0}.history h3{font-size:14px}.history p{border-bottom:1px solid #e6efed;margin:0;padding:11px 0;font-size:12px}.action-link{text-align:center;text-decoration:none;display:block}@media (width<=1000px){.metrics,.kanban{grid-template-columns:1fr 1fr}.sidebar{width:210px}main{margin-left:210px}}@media (width<=700px){.sidebar{width:100%;height:auto;padding:14px;position:static}.brand{padding:0 4px 12px}.sidebar nav{margin:10px 0;display:flex;overflow:auto}.sidebar nav button{white-space:nowrap;padding:9px}.sidebar .learn{display:none}main{margin-left:0}.topbar{padding:0 17px}.demo-banner{flex-wrap:wrap;align-items:flex-start;gap:6px;padding:11px 17px}.demo-banner span{flex-basis:70%}.page{padding:22px 16px}.page-title{align-items:flex-start;gap:14px}.page-title h1{font-size:25px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics article{padding:15px}.metrics strong{font-size:24px}.order-table button{grid-template-columns:48px 1fr 18px}.order-table .status,.order-table b{display:none}.kanban{grid-template-columns:1fr}.kanban-column{min-height:auto}.table-panel{overflow:auto}.report-grid{grid-template-columns:1fr}.report-grid .wide{grid-column:auto}.topbar strong{font-size:12px}}