/* KITAXIS / Equipment Operations System
   Design language: deep graphite, clean paper-white, ultramarine, signal lime.
   Product UI, not a landing-page template. 100% local assets. */
:root{
 --bg:#f3f5fa;--ink:#131b2e;--sub:#64718a;--border:#dde3ee;
 --navy:#0e1424;--teal:#4363f0;--teal-dark:#2947d9;--violet:#5467d9;
 --accent:#4e65f5;--paper:#ffffff;--line:#dde3ee;--muted:#7a8496;
 --font:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
 --display:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
}
body{background:var(--bg);color:var(--ink);font-size:13px;line-height:1.6;letter-spacing:0}
::selection{background:#d8deff;color:#0c173d}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6680ff;outline-offset:3px}
.sidebar{width:253px;min-height:100vh;background:#0d1425;color:#e7edff;border-right:1px solid #242e45;padding:27px 17px 20px}
.brand{gap:11px;font-size:22px;font-weight:800;letter-spacing:-1.3px;padding:0 4px;color:#fff}
.brand-emblem{border:0;background:#4763ff;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;flex:none;color:white;box-shadow:inset 0 0 0 1px #a2b1ff44}
.brand-emblem svg{width:30px;height:30px}.brand-name{letter-spacing:-.8px}.brand small{color:#8290b0;font-size:8px;font-weight:750;letter-spacing:1.25px;margin-top:5px}
.brand-slash{color:#a8ff72}.sidebar-rule{background:#29334d;margin:30px 4px 27px}.sidebar-caption{color:#7182a5;font-size:10px;letter-spacing:1.35px;font-weight:750;padding:0 13px;margin-bottom:10px}
.nav{gap:4px}.nav-link{min-height:44px;height:44px;padding:0 13px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:650;color:#a4b0cc;gap:10px}
.nav-link:hover{background:#19243c;color:#f4f7ff}.nav-link.active{background:#202e58;color:#f3f7ff;box-shadow:inset 3px 0 0 #9cff76;border:1px solid #2d417b}.nav-link.active:hover{background:#253762}
.nav-index{font-size:10px;color:#6d7f9f;width:19px;font-variant-numeric:tabular-nums}.nav-link.active .nav-index{color:#a8ff72}.nav-chevron{color:#667998;font-size:15px}.nav-link.active .nav-chevron{color:#a8ff72}
.nav-count{background:#a8ff72;border-radius:5px;color:#11201a;height:21px;min-width:22px;font-weight:850}.nav-link.active .nav-count{background:#a8ff72;color:#11201a}
.sidebar-reference{border:1px solid #2a3959;padding:18px;border-radius:11px;background:#172039;margin-bottom:15px}
.reference-label{color:#a6b6dc;font-size:9px;font-weight:850;letter-spacing:1.2px;display:flex;justify-content:space-between;align-items:center;gap:4px}
.ref-status{color:#a8ff72;font-size:8px;letter-spacing:.65px}.reference-graphic{height:55px;width:100%;display:flex;align-items:center;gap:8px;margin:13px 0 9px}
.ref-k{display:block;font-size:47px;line-height:1;font-weight:900;color:white;letter-spacing:-5px}.ref-grid{display:grid;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);gap:4px;margin-left:5px;transform:rotate(12deg)}.ref-grid i{background:#a8ff72;border-radius:2px}.ref-grid i:nth-child(2){opacity:.2}.ref-grid i:nth-child(3){opacity:.5}
.sidebar-reference p{font-size:11px;line-height:1.6;color:#bdc9e1;margin:0 0 13px}.sidebar-reference button{background:#a8ff72;color:#14211a;border:0;border-radius:7px;font-size:9px;font-weight:850;letter-spacing:.35px;min-height:37px;padding:10px}
.sidebar-reference button:hover{background:#c7ffaa}
.sidebar-bottom{border-top:1px solid #29334d;padding:18px 6px 0}.sidebar-bottom p{color:#8290af;font-size:10px;line-height:1.65}.side-note{color:#c8d3ec;font-size:9px;letter-spacing:.8px}.pulse{background:#a8ff72;width:6px;height:6px}.sidebar-help{color:#bfc9e0;font-size:11px}
.main-wrap{background:#f3f5fa}.topbar{height:67px;background:#fff;border-bottom:1px solid #e1e5ee;padding:0 clamp(25px,3vw,48px)}.topbar-left strong{color:#18223a;font-size:12px}.topbar-left .crumb,.topbar-left .slash{color:#8c95a8}.top-demo-dot{background:#88d866}.top-demo-label{color:#6c7892;font-size:9px;letter-spacing:.7px}.lang-btn{border:1px solid #dce2ed;border-radius:7px;color:#354663;font-weight:750;background:#f9faff;min-height:35px}.lang-btn:hover{border-color:#566ef5;color:#2d49e9;background:#f5f7ff}.avatar{width:33px;height:33px;border-radius:8px;background:#17233e;color:#c8ff91;border:0;font-size:10px;font-weight:900;letter-spacing:0}
main{max-width:1540px;padding:37px clamp(25px,3vw,48px) 67px}.footer{color:#7e8a9e;border-color:#e2e7f0;padding:20px clamp(25px,3vw,48px);font-size:10px}
.overview-intro{margin-bottom:25px;gap:20px}.overline{color:#637390;font-size:10px;letter-spacing:1.15px;font-weight:800;margin-bottom:10px}.overline-square{width:8px;height:8px;border-radius:2px;background:#536bff}.overline-divider{color:#b9c1d2}
.overview-intro h1{font:850 clamp(39px,4.3vw,60px)/1.02 var(--display);letter-spacing:-2.9px;color:#141e32;margin:0}.heading-period{color:#546eff}.overview-intro p{font-size:13px;color:#65738a;line-height:1.65;margin-top:11px}
.btn{font-size:12px;font-weight:750;letter-spacing:0;min-height:41px;padding:10px 15px;border-radius:7px;transition:background .14s,border-color .14s}.btn-primary{background:#4763ef;border-color:#4763ef;color:#fff}.btn-primary:hover{background:#2a49dd;border-color:#2a49dd}.btn-ghost{background:#fff;border-color:#dce2ed;color:#33425c}.btn-ghost:hover{background:#f2f5ff;border-color:#a4b3d9}.btn-teal{background:#192b61}
.demo-strip{background:#e9eefc;border:1px solid #d9e1f8;color:#4a5b81;min-height:46px;border-radius:8px;padding:10px 15px;margin-bottom:19px;font-size:11px}.demo-strip-label{font-size:10px;color:#334c9d;letter-spacing:.45px}.demo-strip-label i{background:#4d68f3}.demo-strip button{color:#2f4ecf;font-size:11px}.demo-strip button:hover{color:#152994}
.focus-grid{grid-template-columns:minmax(0,1.38fr) minmax(260px,.8fr);gap:16px;margin-bottom:17px}
.priority-feature{background:#121f41;border-radius:12px;padding:26px 28px;min-height:239px;position:relative;isolation:isolate;overflow:hidden}
.priority-feature::after{content:"";position:absolute;width:230px;height:230px;right:-120px;bottom:-144px;border:35px solid #536eff18;border-radius:50%;pointer-events:none;z-index:-1}
.feature-kicker{color:#8da5d6;font-size:9px;letter-spacing:1.3px}.feature-indicator{color:#b5ff87;letter-spacing:.6px}
.priority-content{gap:22px;padding:11px 0}.priority-number{min-width:138px;font:850 clamp(83px,8vw,130px)/.95 var(--display);letter-spacing:-8px;color:#a8ff72}
.priority-content>div:last-child{border-left:1px solid #425177;padding-left:25px}.priority-feature h2{font:750 clamp(24px,2.3vw,34px)/1.14 var(--display);letter-spacing:-1px;color:#fff;margin-bottom:10px}.priority-feature p{color:#adbddd;font-size:11px;max-width:290px}.feature-button{border-top-color:#3b4868;color:#e8edfc;font-size:11px}.feature-button:hover{color:#a8ff72}
.action-sidebar{min-height:239px;border:1px solid #e1e6f1;border-radius:12px;background:white;padding:25px 26px;box-shadow:0 6px 24px #182a4d08}.small-eyebrow{color:#5266a2;font-size:9px;letter-spacing:1.1px;font-weight:850}.action-sidebar h2{font:800 clamp(24px,2.3vw,31px)/1.17 var(--display);letter-spacing:-1.1px;color:#15213a;margin:13px 0 8px}.action-sidebar p{color:#63738e;font-size:11px;margin-bottom:13px}.outline-feature-button{border-color:#e5e9f2;color:#293954;font-size:12px;min-height:37px}.outline-feature-button span:first-child{color:#4f68ec}.outline-feature-button span:last-child{color:#5670fd}.outline-feature-button:hover{color:#334ee6}
.metrics-row{background:white;border:1px solid #e0e6f0;border-radius:11px;overflow:hidden;margin-bottom:38px;box-shadow:0 4px 18px #17295507}.metric{padding:20px 23px;border-right:1px solid #e8ecf3}.metric>span{color:#65738f;font-size:10px;letter-spacing:.45px}.metric strong{font:820 clamp(31px,3.7vw,47px)/1.12 var(--display);letter-spacing:-2.3px;color:#1a2948;margin:9px 0 4px}.metric:nth-child(4) strong{color:#4263ea}.metric small{color:#77849a;font-size:10px}.metric-indicator{background:#65b987;width:7px;height:7px}
.workspace-section{margin-bottom:36px}.workspace-section-heading{margin-bottom:18px}.workspace-section-heading h2{font:810 clamp(26px,3vw,36px)/1.2 var(--display);letter-spacing:-1.35px;color:#15223c;margin:7px 0 5px}.workspace-section-heading p{font-size:12px;color:#718099}.text-action{border-bottom:1px solid #4967ec;color:#3556d9;font-size:11px}.text-action:hover{color:#183ab5}
.schedule{background:#fff;border:1px solid #e1e6f0;border-radius:11px;padding:0 22px 17px;overflow:hidden}.schedule-head{border-color:#e4e9f2;min-height:52px}.schedule-head>span{color:#7c879d;font-size:9px}.schedule-day strong{color:#495872}.schedule-day small{color:#a0aabe}.schedule-item{border-color:#edf0f5;min-height:59px}.schedule-device strong{color:#283958;font-size:11px}.schedule-device small{color:#99a6bb}.schedule-device-mark{background:#edf1fa;border-color:#e0e6f2;color:#4865a9;border-radius:7px}.schedule-slot{min-height:25px;background:#edf1f8;border:1px solid #e8edf5;border-radius:4px}.schedule-slot.busy{background:#4d68ee;border-color:#4d68ee}.schedule-slot.busy:after{background:#e8edff;width:4px;height:4px}.schedule-legend{color:#687891}.legend-swatch{background:#4d68ee;border-radius:2px}.legend-swatch.open{background:#edf1f8;border-color:#e0e5f0}
.requests-section .table-scroll{background:white;border:1px solid #e1e7f0;border-radius:11px;overflow:hidden}.requests-section .data-table th{background:#f5f7fb}.bottom-instruction{background:#101f43;border:0;border-radius:11px;padding:24px 26px}.bottom-instruction span{color:#b1ff8a}.bottom-instruction strong{font:800 22px/1.4 var(--display);letter-spacing:-.6px;color:#fff}.bottom-instruction p{color:#a6b9de}
.page-heading{margin-bottom:24px}.page-heading h1{font:800 clamp(32px,3.3vw,48px)/1.12 var(--display);letter-spacing:-1.6px;color:#14213b}.page-heading p{color:#708098;font-size:12px}.page-heading .eyebrow{color:#425dc6;font-size:10px}
.notice{background:#eef2ff;border:1px solid #dfe7ff;border-left:3px solid #5c70f5;color:#566888;border-radius:7px}.notice strong{color:#31456b}.notice-ic{background:#e1e8ff;color:#3c5ae2;border-radius:5px}
.panel,.stat-card{background:#fff;border:1px solid #e1e6f0;border-radius:11px;box-shadow:0 4px 20px #17295506}.panel-head{padding:20px 22px}.panel-title{font-size:15px;color:#243653}.panel-sub{color:#718099}.panel-kicker{color:#536eeb}.panel-link,.small-link{color:#3e5de3}.filters{background:#f9faff;border-bottom-color:#e8ecf4}.data-table th{background:#f5f7fb;color:#6c7b93;border-bottom-color:#e4e9f2;font-size:9px;letter-spacing:.6px}.data-table td{color:#44536a;border-bottom-color:#ebeff5;font-size:12px}.data-table tbody tr:hover{background:#f6f8ff}.item-primary{color:#223350;font-size:12px}.item-secondary{color:#8c99ad;font-size:10px}
.status{border-radius:5px;padding:5px 8px;font-weight:750}.status.pending{background:#fff3da;color:#976318}.status.approved,.status.active{background:#e4f7ed;color:#207a57}.status.rejected{background:#ffe8e6;color:#a94343}.status.returned{background:#ebeff7;color:#60738d}.status.maintenance{background:#fff2d9;color:#986223}.status.retired{background:#e9ecf4;color:#66758b}
.inline-action{border-radius:6px;color:#364d71;border-color:#d8e0ee}.inline-action:hover{background:#eef2ff}.inline-action.success{color:#266d56;border-color:#a9d5bd}.inline-action.danger{color:#a84349;border-color:#ecc5c5}.card-footer-note{background:#f9faff;color:#75839b;border-color:#e8edf4}
input,select,textarea{background:#fff;color:#1b2940;border:1px solid #d3ddec;border-radius:7px;min-height:42px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#5f7aff;box-shadow:0 0 0 3px #5977ff26}input[readonly]{background:#f4f6fb;color:#62728d}.field{color:#344564;font-size:12px}.form-panel{padding:28px}.form-panel .section-heading{color:#243451}.step-mark{border-radius:6px;background:#4f68ef;color:#fff}.step-steps span:first-child{color:#4764e8}.form-separator{background:#e2e8f0}.choice{border-radius:7px}.choice:has(input:checked){border-color:#6177f2;background:#f1f4ff}.choice input,.checkbox-row input{accent-color:#4c66f0}.availability{background:#e9f8f1;color:#236348;border-color:#c7e8d9;border-radius:7px}.availability.conflict{background:#fff0ed;color:#ae4c3f;border-color:#f2cbbf}.security-note{background:#f4f7ff;border-color:#e1e8fa;color:#566b8a;border-radius:7px}.side-panel{padding:26px}.tip-num{background:#e9efff;color:#4a60c3;border-radius:6px}.result{border-color:#e3e9f2;border-radius:9px}.result-top{background:#f5f8ff}.track-hero{padding:27px}
.category-card{border-radius:9px}.category-card strong{font:800 31px/1.15 var(--display);color:#1b2c4d}.category-card small{color:#77859c}.asset-ic{background:#e8eeff;color:#4b62b9;border-radius:7px}.asset-ic.router{background:#e2f7f0;color:#328b70}.asset-ic.mobile{background:#fff2df;color:#c08934}
.dialog{background:white;border:1px solid #e3e9f4;border-radius:12px;box-shadow:0 35px 110px #0b112266}.dialog::backdrop{background:#0b122ab8}.dialog-inner h2{font:800 25px/1.3 var(--display);color:#132241}.tour-steps li>span{background:#ebefff;color:#425bd6;border-radius:6px}.tour-modal h2{font:800 29px var(--display)}.dialog-actions .btn{border-radius:7px}.toast{background:#172449;color:white;border-radius:8px}
@media(max-width:1250px){.sidebar{width:226px;padding:24px 13px}.brand{font-size:21px}.brand-emblem{width:39px;height:39px}.priority-number{min-width:110px;font-size:92px}.priority-content{gap:15px}.priority-content>div:last-child{padding-left:20px}}
@media(max-width:1050px){.priority-feature{min-height:253px}.priority-number{font-size:78px;min-width:auto}.priority-feature h2{font-size:25px}.action-sidebar{min-height:253px}}
@media(max-width:890px){.sidebar{width:265px}.mobile-menu{display:block;border:1px solid #d9e1ee;border-radius:7px;background:white;color:#263d68}.drawer-overlay:not([hidden]){background:#081226a8}.topbar{height:63px}main{padding:28px 22px 48px}}
@media(max-width:720px){
 .topbar{padding:0 16px}.avatar{width:31px;height:31px}.top-demo-dot,.top-demo-label{display:none}
 main{padding:26px 16px 44px}.overview-intro h1{font-size:clamp(37px,9vw,47px);letter-spacing:-1.9px}.overview-intro p{font-size:12px}.intro-actions{width:100%}.intro-actions .btn{flex:1}
 .demo-strip{font-size:10px;padding:10px 12px}.focus-grid{grid-template-columns:1fr;gap:11px}.priority-feature{min-height:240px;padding:23px}.priority-number{font-size:100px;letter-spacing:-5px}.priority-feature h2{font-size:28px}.action-sidebar{min-height:auto;padding:22px}.action-sidebar h2{font-size:28px}
 .metrics-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:30px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #e8ecf3}.metric strong{font-size:38px}.metric{padding:17px}
 .workspace-section-heading h2{font-size:29px;letter-spacing:-1px}.workspace-section-heading p{font-size:11px}.schedule{padding:0 12px 14px}.schedule-head,.schedule-item{grid-template-columns:127px minmax(0,1fr)}.schedule-day strong,.schedule-day small{font-size:9px}.schedule-device strong{font-size:10px}.schedule-device-mark{width:24px;height:24px}.schedule-slot{min-height:23px}
 .page-heading h1{font-size:36px}.page-heading p{font-size:12px}.form-panel{padding:21px 17px}.bottom-instruction{padding:22px}.footer{padding:18px 16px}
 .data-table tbody tr{border-color:#e7edf5}.data-table td::before{color:#8290a5}
}
@media(max-width:390px){.priority-number{font-size:78px}.priority-feature h2{font-size:24px}.priority-content{gap:10px}.priority-content>div:last-child{padding-left:12px}.schedule-head,.schedule-item{grid-template-columns:112px minmax(0,1fr)}.metric strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}