*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}body,button,input{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{text-decoration:none;color:inherit}button{cursor:pointer;font:inherit}h1,h2,h3,p{margin-top:0}img{display:block;max-width:100%;object-fit:cover}button:focus-visible,a:focus-visible{outline:3px solid #8ab5ff;outline-offset:3px}.skip-demo{position:absolute;top:-200px;left:1em;background:#fff;z-index:1000;padding:1em}.skip-demo:focus{top:1em}.demo-ribbon{position:relative;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 32px;background:#141a2b;color:#fff;font-size:11px;letter-spacing:.065em;font-weight:720}.demo-ribbon a{text-decoration:underline;text-underline-offset:3px;margin-left:17px;color:#e3e7f9}.demo-dot{height:7px;width:7px;background:#7be7ac;box-shadow:0 0 0 4px #7be7ac22;border-radius:50%;margin-right:8px;display:inline-block}.toast-hint{position:fixed;z-index:250;bottom:24px;left:50%;background:#13192c;color:white;border:1px solid #ffffff25;border-radius:12px;padding:16px 23px;transform:translate(-50%,80px);box-shadow:0 18px 60px #0004;opacity:0;transition:.3s;pointer-events:none;font-size:13px;max-width:90vw}.toast-hint.show{transform:translate(-50%,0);opacity:1}.responsive-table{overflow:auto}table{border-collapse:collapse;width:100%}@media(max-width:700px){.demo-ribbon{padding:11px 14px;font-size:9px;line-height:1.4}.demo-ribbon div{display:flex;flex-direction:column;gap:4px}.demo-ribbon a{margin:0}}

body[data-product=serviceflow]{background:#121616;color:#eef2ec}.service-shell{display:grid;grid-template-columns:72px minmax(0,1fr);min-height:100vh}.service-rail{background:#191e1c;border-right:1px solid #ffffff18;display:flex;flex-direction:column;align-items:center;gap:20px;padding:26px 8px}.service-monogram{font-weight:900;letter-spacing:-4px;font-size:28px;color:#f1f5f1;padding-bottom:45px}.service-monogram span{color:#ff9556}.service-rail>a:not(:first-child){display:grid;place-items:center;width:42px;height:42px;color:#828f88;border-radius:10px;font-size:21px}.service-rail>a.active{color:#ff9556;background:#ff9f5930}.service-rail-last{margin-top:auto;color:#98a49a}.service-main{padding:0 36px 70px;min-width:0}.service-top{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1b;font-size:10px;letter-spacing:.12em;color:#a0aba4;font-weight:800}.service-top>div{display:flex;align-items:center;gap:13px}.service-top a{color:#f5f7f5}.top-slash{color:#606d64}.tiny-online{width:8px;height:8px;border-radius:50%;background:#8deda7}.service-user{height:36px;width:36px;background:#ffd0a1;color:#161d18;border-radius:50%;display:grid;place-items:center}.service-headline{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:45px 0 32px}.orange-label{font-size:11px;font-weight:800;letter-spacing:.17em;color:#ff995c;margin-bottom:17px}.service-headline h1{font-size:clamp(40px,5vw,76px);letter-spacing:-.072em;line-height:1;margin-bottom:15px}.service-headline h1 em{color:#c6cfca;font-style:normal;font-weight:300}.service-headline p{font-size:13px;color:#84958c}.service-primary{background:#ff974e;color:#151818;font-size:11px;font-weight:900;letter-spacing:.04em;padding:20px 25px;border-radius:4px;white-space:nowrap}.service-kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #35403a;background:#1b211e}.service-kpis article{padding:27px 25px;border-right:1px solid #35403a}.service-kpis article:last-child{border:0}.service-kpis article>div{font-size:10px;font-weight:800;letter-spacing:.09em;color:#93a199}.service-kpis strong{font-size:45px;letter-spacing:-2.6px;display:block;margin:18px 0 5px}.service-kpis sup{font-size:12px;color:#ff9f62;vertical-align:middle;letter-spacing:0}.service-kpis sup.neutral{color:#8c9991}.service-kpis small{font-size:11px;color:#87968b}.service-workflow{margin-top:48px}.service-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.service-section-title small{font-size:10px;letter-spacing:.18em;color:#ff9b5b;font-weight:800}.service-section-title h2{font-size:29px;letter-spacing:-.04em;margin:8px 0 0}.service-filters{display:flex;align-items:center;gap:8px}.service-filters button{background:transparent;border:1px solid #3c4a42;color:#a6b6aa;padding:11px 14px;font-size:11px;border-radius:4px}.service-filters button.selected{border-color:#f3a676;color:#ffae7a}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.kan-col{border:1px solid #36413b;background:#1b221e;min-height:345px;padding:14px}.kan-col>header{display:flex;align-items:center;gap:8px;padding:9px 1px 20px;font-size:11px;color:#d2ddd6}.kan-col>header>em{margin-left:auto;background:#2c3931;border-radius:4px;color:#b9c9bf;font-style:normal;padding:4px 8px}.kan-dot{width:7px;height:7px;border-radius:50%;background:#ff9451}.kan-dot.diagn{background:#bda6ff}.kan-dot.progress{background:#8db7fc}.kan-dot.ready{background:#7bdd9e}.job-card{border:1px solid #3d4940;background:#242e27;border-radius:5px;padding:17px;margin-bottom:11px}.job-card>div{display:flex;align-items:center;justify-content:space-between}.job-card small{font-size:9px;font-weight:800;letter-spacing:.06em;color:#a0aea3}.priority{font-size:8px;color:#ffbc98;border:1px solid #ff925351;border-radius:4px;padding:5px 7px}.priority.normal{color:#b4babc;border-color:#707b766b}.priority.urgent{background:#5e2e22;color:#ffc6ae}.job-card h3{font-size:14px;margin:13px 0 7px;font-weight:750}.job-card p{font-size:11px;color:#99a89f;line-height:1.55;min-height:35px}.job-card footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3b473f;padding-top:12px;font-size:10px;color:#abb8af}.job-card footer b{color:#fca56b}.service-lower{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:14px}.black-panel{border:1px solid #36413b;background:#1b221e;padding:27px;min-height:240px}.section-label{font-size:10px;letter-spacing:.15em;color:#f09b60;font-weight:900}.black-panel h2{font-size:22px;letter-spacing:-.05em;margin:11px 0 23px}.technicians{display:grid;gap:14px}.technicians>div{display:flex;align-items:center;gap:15px;font-size:11px;color:#d5dcd5}.technicians span{width:100px}.technicians i{flex:1;height:5px;border-radius:20px;background:#3d4b40;overflow:hidden}.technicians i b{height:100%;background:#ffa568;display:block}.technicians strong{width:42px;font-size:10px}.repair-preview{background:linear-gradient(105deg,#1b221e 5%,#1b221ece 47%,#18241a70),url('photos/fallback.jpg') center/cover;display:flex;flex-direction:column;justify-content:space-between}.repair-preview h2{font-size:32px;max-width:260px}.repair-preview a{font-size:12px;color:#ffb884;font-weight:800}
@media(max-width:1080px){.kanban{grid-template-columns:1fr 1fr}.service-kpis{grid-template-columns:repeat(2,1fr)}.service-kpis article{border-bottom:1px solid #35403a}}@media(max-width:690px){.service-shell{grid-template-columns:52px 1fr}.service-rail{padding:16px 4px}.service-main{padding:0 16px 40px}.service-headline{display:block}.service-primary{display:inline-block;margin-top:12px}.service-kpis{grid-template-columns:1fr 1fr}.service-kpis article{padding:17px 13px}.service-kpis strong{font-size:33px}.service-kpis article>div{font-size:9px}.kanban{grid-template-columns:1fr}.service-lower{grid-template-columns:1fr}.service-headline h1{font-size:42px}.service-top{font-size:9px}.service-top a{display:none}.service-section-title h2{font-size:22px}.service-filters button{font-size:9px}}