*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#10213a;background:#f2f5f9}a{text-decoration:none;color:inherit}button,.btn{border:0;border-radius:9px;padding:12px 16px;background:#1478e8;color:#fff;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.btn.sm{padding:7px 11px;font-size:12px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:linear-gradient(180deg,#0b1524,#101c2c);color:#fff;padding:20px 12px;display:flex;flex-direction:column;z-index:10}.la-logo{font-size:25px;font-style:italic;font-weight:900;color:#f2253b;padding:3px 10px 22px}.la-logo span{font-size:31px}.la-logo small{display:block;color:#fff;font-size:9px;font-style:normal;margin-top:5px}.sidebar nav{display:grid;gap:3px}.sidebar nav a{padding:10px 12px;border-radius:7px;color:#eaf1fb;font-size:14px;display:flex;align-items:center;gap:11px}.sidebar nav a i{width:18px;text-align:center;font-style:normal}.sidebar nav a.active,.sidebar nav a:hover{background:#087cf0}.side-user{margin-top:auto;border-top:1px solid #ffffff18;padding:15px 10px;display:grid;gap:4px}.side-user small{color:#8ca2bf}.side-user a{margin-top:8px;color:#d9e5f5}.shell{margin-left:230px;padding:0 24px 32px;min-height:100vh}.topline{height:92px;display:flex;align-items:center;gap:24px}.topline>div:first-child{min-width:320px}.topline h1{margin:0;font-size:25px}.topline small{color:#718096}.search{margin-left:auto;width:min(500px,40vw);height:42px;border:1px solid #d7dfea;border-radius:8px;background:#fff;display:flex;align-items:center;padding:0 13px;color:#64748b}.search input{border:0;outline:0;padding:0 10px}.topicons{white-space:nowrap}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#17243a;color:#fff}.avatar.big{width:48px;height:48px}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metric{min-height:83px;border-radius:8px;color:#fff;display:grid;grid-template-columns:42px 1fr;align-items:center;padding:13px 15px;box-shadow:0 7px 20px #1232}.metric i{font-size:27px;grid-row:1/3}.metric b{font-size:24px}.metric span{font-size:12px}.metric.blue{background:linear-gradient(135deg,#1478e8,#0c65c8)}.metric.green{background:linear-gradient(135deg,#17ae6d,#079755)}.metric.red{background:linear-gradient(135deg,#e02c3e,#c91e30)}.metric.orange{background:linear-gradient(135deg,#ff9b16,#f08000)}.metric.purple{background:linear-gradient(135deg,#7d32d6,#6120b8)}.metric.slate{background:linear-gradient(135deg,#64748b,#465569)}.dash-grid{display:grid;grid-template-columns:1.25fr 1fr .9fr .95fr;gap:14px;margin-top:15px}.dash-grid section,section{background:#fff;border:1px solid #dfe6ef;border-radius:9px;padding:14px;box-shadow:0 3px 12px #1b365b0c}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{font-size:16px;margin:0 0 12px}.section-head a,.section-head span{color:#087cf0;font-size:12px}.fake-map{height:265px;border-radius:6px;position:relative;overflow:hidden;background:linear-gradient(35deg,#e9f2e3,#dcebf6)}.roads{position:absolute;inset:-30%;background:repeating-linear-gradient(25deg,transparent 0 42px,#fff 43px 48px,transparent 49px 86px);opacity:.85}.pin{position:absolute;background:#fff;border-radius:8px;padding:5px 7px 5px 35px;box-shadow:0 3px 10px #0003;min-width:90px;font-size:10px}.pin>span{position:absolute;left:5px;top:5px;width:25px;height:25px;border-radius:50%;background:#143c67;color:#fff;display:grid;place-items:center}.pin b,.pin small{display:block}.pin small{color:#6b7280}.empty-center,.empty{padding:28px;text-align:center;color:#7b8798}.mini-ticket{display:grid;grid-template-columns:5px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f5;position:relative}.mini-ticket>i{height:34px;background:#087cf0;border-radius:5px}.mini-ticket b{font-size:11px}.mini-ticket small{display:block;color:#66758b;font-size:10px;margin-top:4px}.mini-ticket time{font-size:11px}.mini-ticket em{grid-column:3}.badge{font-style:normal;border-radius:20px;padding:5px 8px;font-size:10px;background:#e8eef6;color:#526174;white-space:nowrap}.badge.completed{background:#d9f8e9;color:#087a48}.badge.on_route{background:#dbeeff;color:#0875cf}.badge.on_site{background:#dff7ed;color:#08794a}.badge.workshop,.badge.testing{background:#eee5ff;color:#6930b8}.badge.waiting_part{background:#fff0d6;color:#a45c00}.badge.urgent{background:#ffe1e5;color:#b8192d}.donut{width:135px;height:135px;margin:12px auto;border-radius:50%;background:conic-gradient(#18ad6d 0 42%,#237de5 42% 62%,#ff9b16 62% 78%,#d7263d 78% 89%,#7b32d4 89%);display:grid;place-items:center}.donut:before{content:"";width:82px;height:82px;background:#fff;border-radius:50%;position:absolute}.donut div{z-index:1;text-align:center}.donut b,.donut small{display:block}.legend{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:10px}.bars{height:85px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #cfd8e5}.bars i{flex:1;background:linear-gradient(#1478e8 0 45%,#15a967 46%);border-radius:2px 2px 0 0}.activity{display:grid;grid-template-columns:25px 1fr auto;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f5}.activity>i{width:22px;height:22px;border-radius:50%;background:#dff7ed;color:#08794a;display:grid;place-items:center;font-style:normal}.activity b,.activity small{display:block;font-size:10px}.activity small{color:#718096;margin-top:3px}.activity time{font-size:9px;color:#718096}.process{margin-top:14px}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.steps div{text-align:center;position:relative}.steps i{width:43px;height:43px;border-radius:50%;background:#315d86;color:#fff;display:grid;place-items:center;margin:auto;font-style:normal}.steps b{display:block;width:20px;height:20px;background:#315d86;color:#fff;border-radius:50%;font-size:11px;line-height:20px;margin:5px auto}.steps span{font-size:11px;font-weight:700}.page-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:15px}.span2{grid-column:2}.page-grid section{margin-bottom:0}h2{margin:0 0 14px}h3{font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid .wide{grid-column:1/-1}form{display:grid;gap:11px}label{display:grid;gap:5px;font-size:12px;font-weight:700}input,select,textarea{width:100%;border:1px solid #cfd8e5;border-radius:7px;background:#fff;padding:10px;font:inherit}textarea{min-height:76px}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid #e8edf4;font-size:12px;white-space:nowrap}th{color:#607087;font-size:11px}td small{display:block;color:#718096;margin-top:4px}.cards-list article,.machine-grid article{display:flex;align-items:center;gap:12px;padding:13px;border-bottom:1px solid #edf1f5}.cards-list article>span{margin-left:auto;color:#607087;font-size:11px}.cards-list small,.machine-grid small{display:block;color:#718096;margin-top:3px}.circle,.machine-pic{width:45px;height:45px;border-radius:10px;background:#eef3f9;display:grid;place-items:center;font-weight:900}.machine-grid{display:grid;grid-template-columns:1fr 1fr}.machine-grid article em{margin-left:auto}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tech-grid article{text-align:center;border:1px solid #e3e9f1;border-radius:9px;padding:15px}.tech-grid .avatar{margin:auto}.tech-grid b,.tech-grid small,.tech-grid span{display:block;margin-top:6px}.ticket-title{display:flex;justify-content:space-between;align-items:flex-start}.ticket-title h2{margin:3px 0}.ticket-title p{margin:0;color:#64748b}.timeline{margin-top:20px}.timeline>div{display:grid;grid-template-columns:25px 120px 1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid #edf1f5;font-size:12px}.timeline i{font-style:normal;color:#12a467}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid article{border:1px solid #e3e9f1;border-radius:8px;padding:15px}.settings-grid b,.settings-grid span{display:block}.settings-grid span{color:#64748b;margin-top:5px}.auth{min-height:100vh;background:linear-gradient(115deg,#091523 0 56%,#c8102e 56%);display:flex;align-items:center;justify-content:center;gap:70px;padding:30px;color:#fff}.auth-visual{max-width:520px}.auth-visual h1{font-size:50px;margin:20px 0}.logo-big{font-size:35px;color:#f3263d;font-weight:900;font-style:italic}.logo-big span{font-size:50px}.authbox{width:390px;background:#fff;color:#10213a;border-radius:18px;padding:30px;box-shadow:0 30px 80px #0006}.brand b{color:#e82037}.authbox p{color:#718096}.alert{background:#ffe2e5;color:#9e1d2c;border-radius:7px;padding:10px;margin:10px 0}.mobile-body{background:#eef1f5}.phone-app{max-width:480px;min-height:100vh;margin:auto;background:#f7f8fa;padding-bottom:72px;box-shadow:0 0 40px #0002}.mobile-top{height:70px;background:#101c2c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.customer-theme .mobile-top{background:linear-gradient(135deg,#d8132e,#9d0920)}.mobile-logo{font-size:18px;font-style:italic;font-weight:900}.mobile-logo span{font-size:24px}.mobile-logo small{display:block;text-align:center;font-style:normal;font-size:9px}.mobile-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);height:66px;background:#fff;border-top:1px solid #dfe5ed;display:grid;grid-template-columns:repeat(5,1fr);z-index:20}.mobile-nav a{display:grid;place-items:center;padding:6px 0}.mobile-nav i{font-style:normal}.mobile-nav small{font-size:9px}.mobile-hero{background:#fff;padding:18px;margin:12px;border-radius:10px;display:flex;justify-content:space-between}.mobile-hero b{font-size:20px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 12px}.quick-grid a{background:#fff;border-radius:10px;padding:15px 8px;text-align:center;font-size:20px}.quick-grid b{display:block;font-size:11px;margin-top:7px}.phone-app>h3,.phone-app>h2{padding:0 15px}.job-card{display:grid;grid-template-columns:45px 1fr auto;gap:9px;background:#fff;margin:8px 12px;padding:12px;border-radius:9px;align-items:center}.job-card time{font-size:11px}.job-card b,.job-card small{display:block}.job-card small{color:#718096;font-size:10px;margin-top:4px}.mobile-title{height:50px;background:#101c2c;color:#fff;display:flex;align-items:center;gap:20px;padding:0 16px}.customer-theme .mobile-title{background:#c8102e}.mobile-title a{font-size:28px}.service-card{margin:12px}.machine-box{display:flex;gap:12px;background:#f2f5f9;border-radius:9px;padding:12px;margin:15px 0}.machine-box b,.machine-box small{display:block}.action-stack button{background:#e32238}.coffee-hero{height:180px;background:linear-gradient(120deg,#080808,#3a1d14);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:22px}.coffee-hero b{font-size:27px;display:block}.coffee-hero span{display:block;margin-top:7px}.coffee-hero .cup{font-size:80px}.welcome{margin:-20px 14px 12px;position:relative;border-radius:12px}.welcome h2{margin:3px 0}.customer-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px}.customer-stats div{background:#fff;border-radius:9px;padding:12px;display:grid;grid-template-columns:30px 1fr;align-items:center}.customer-stats b{font-size:20px}.customer-stats span{grid-column:2;font-size:10px;color:#64748b}.new-fault{display:block;margin:12px;background:#e90028;color:#fff;text-align:center;padding:13px;border-radius:7px;font-weight:800}.phone-app>.section-head{padding:0 14px}.customer-ticket{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;background:#fff;margin:8px 12px;padding:11px;border-radius:9px}.customer-ticket b,.customer-ticket small{display:block}.customer-ticket small{color:#718096;font-size:10px;margin-top:4px}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:15px}.wizard-steps b{text-align:center;border-top:3px solid #d7dee8;padding-top:7px}.wizard-steps b:first-child{border-color:#d8132e;color:#d8132e}.wizard-steps span{display:block;font-size:9px;color:#64748b}.phone-app>section{margin:12px}.machine-mobile article{display:flex;gap:12px;background:#fff;margin:9px 12px;padding:12px;border-radius:9px}.machine-mobile small{display:block;color:#718096;margin:4px 0}.vertical-timeline>div{position:relative;padding:0 0 18px 35px}.vertical-timeline i{position:absolute;left:0;width:23px;height:23px;border-radius:50%;background:#12a467;color:#fff;display:grid;place-items:center;font-style:normal}.vertical-timeline b,.vertical-timeline small,.vertical-timeline time{display:block}.vertical-timeline small,.vertical-timeline time{font-size:10px;color:#718096;margin-top:4px}.tech-contact{display:flex;gap:10px;align-items:center;border-top:1px solid #e5eaf1;padding-top:12px}.tech-contact small{display:block;color:#718096}.history-row{background:#fff;margin:8px 12px;padding:13px;border-radius:9px}.history-row b,.history-row small{display:block}.history-row small{color:#718096;margin-top:5px}.report{grid-template-columns:repeat(4,1fr);margin-bottom:15px}@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,1fr)}.dash-grid{grid-template-columns:1fr 1fr}.page-grid{grid-template-columns:1fr}.span2{grid-column:auto}}@media(max-width:760px){.sidebar{display:none}.shell{margin:0;padding:0 12px 25px}.topline{height:auto;padding:14px 0;display:block}.topline .search,.topicons{display:none}.metric-grid{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.form-grid,.machine-grid,.settings-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.auth{display:grid;background:#0d1727}.auth-visual{display:none}.authbox{width:min(390px,94vw)}.tech-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr)}}