*{box-sizing:border-box}body{color:#111;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select,a{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible,select:focus-visible){outline-offset:4px;outline:2px solid #111}.topbar{background:#fff;border-bottom:2px solid #111;align-items:center;gap:44px;min-height:76px;padding:0 40px;display:flex}.brand{letter-spacing:1.4px;white-space:nowrap;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.brandmark{font-size:32px;line-height:1}.navlinks{align-self:stretch;gap:32px;display:flex}.nav{color:#555;background:#fff;border:0;border-bottom:3px solid #0000;padding:0 2px;font-size:13px}.nav.active{color:#111;border-bottom-color:#111;font-weight:700}.language{color:#111;cursor:pointer;background:#fff;border:1px solid #111;border-radius:0;min-width:118px;margin-left:auto;padding:9px 30px 9px 12px}.shell{margin:0}main{max-width:1560px;margin:auto;padding:30px 40px}.heading{justify-content:space-between;align-items:center;gap:24px;padding-bottom:25px;display:flex}.eyebrow{letter-spacing:1.7px;color:#555;font-size:10px}h1{letter-spacing:-.8px;margin:9px 0;font-size:30px;font-weight:600}p{color:#555;margin:5px 0;font-size:12px;line-height:1.6}.headingactions{align-items:center;gap:24px;display:flex}.togglewrap{cursor:pointer;align-items:center;gap:16px;font-size:12px;display:flex}.togglewrap small{color:#555;margin-top:5px;font-size:10px;display:block}.togglewrap input{opacity:0;position:absolute}.switch{background:#fff;border:1px solid #111;border-radius:20px;flex-shrink:0;width:38px;height:22px;position:relative}.switch:after{content:"";background:#111;border-radius:50%;width:14px;height:14px;position:absolute;top:3px;left:3px}.togglewrap input:checked+.switch{background:#111}.togglewrap input:checked+.switch:after{background:#fff;left:19px}.togglewrap input:focus-visible+.switch{outline-offset:4px;outline:2px solid #111}.togglewrap input:disabled+.switch{opacity:.35}.iconbutton{background:#fff;border:1px solid #111;border-radius:0;width:38px;height:38px;font-size:22px}.importbar{border-top:1px solid #111;border-bottom:1px solid #111;align-items:center;gap:15px;padding:16px 0;display:flex}.fileicon{width:28px;font-size:26px}.importbar strong{font-size:12px}.importbar p{font-size:11px}.importbar button{margin-left:auto}.primary,.secondary{white-space:nowrap;color:#111;background:#fff;border:1px solid #111;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:12px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#111}.primary:hover:not(:disabled){background:#333}.secondary:hover:not(:disabled){text-decoration:underline}.workspace{border-bottom:1px solid #111;grid-template-columns:minmax(240px,.72fr) minmax(0,2fr);min-height:520px;display:grid}.identity{border-right:1px solid #111;flex-direction:column;padding:28px 25px 28px 0;display:flex}.sectionlabel{letter-spacing:.8px;color:#555;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.pill{color:#111;white-space:nowrap;border:1px solid #111;padding:4px 6px;font-size:8px;font-weight:600}.vehicle{letter-spacing:1px;margin:25px 0;font-family:monospace;font-size:clamp(23px,2.5vw,38px);font-weight:700}.order{color:#555;border-bottom:1px solid #111;justify-content:space-between;align-items:center;padding-bottom:22px;font-size:11px;display:flex}.order strong{color:#111;font-family:monospace;font-size:17px}.order em{color:#555;font-size:12px;font-style:normal;font-weight:400}.status{margin:18px 0;font-size:11px}.dot{background:#111;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.workflow{flex-direction:column;gap:22px;margin:18px 0 30px;display:flex}.step{color:#555;align-items:center;gap:11px;font-size:11px;display:flex}.step b{border:1px solid #777;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.step.current{color:#111;font-weight:600}.step small{margin-top:5px;font-size:10px;font-weight:400;line-height:1.4;display:block}.buttons{gap:9px;display:flex}.identity .buttons{margin-top:auto}.buttons button{flex:1;min-width:0}.next{justify-content:space-between}.hint{margin:13px 0 0;font-size:10px;line-height:1.5}.matrixpanel{flex-direction:column;min-width:0;padding:24px 0 24px 30px;display:flex}.matrixhead{letter-spacing:1px;justify-content:space-between;align-items:center;font-size:11px;display:flex}.matrixbox{background:#fff;flex:1;place-items:center;min-height:400px;padding:15px;display:grid}.placeholder{text-align:center;max-width:310px}.scanicon{color:#777;margin-bottom:14px;font-size:64px;display:block}.placeholder strong{font-size:13px;font-weight:500}.placeholder p{color:#777;margin-top:9px;font-size:11px}.actualmatrix{aspect-ratio:1;justify-content:center;align-items:center;width:400px;max-width:100%;height:400px;display:flex}.actualmatrix svg{width:100%;height:100%;display:block}.timer{color:#555;justify-content:space-between;align-items:center;font-size:11px;display:flex}.timer strong{color:#111;font-family:monospace;font-size:26px}.timer small{font-family:Arial,sans-serif;font-size:11px;font-weight:400}.progress{background:#fff;border-bottom:1px solid #111;height:3px;margin-top:12px}.progress i{background:#111;height:3px;transition:width .2s;display:block}.payload{border-bottom:1px solid #111;padding:25px 0 20px}.payloadheading,.logheading{justify-content:space-between;align-items:center;gap:20px;display:flex}h2{margin:0;font-size:14px;font-weight:600}.payloadheading p,.logheading p{font-size:11px}.legend{color:#555;gap:18px;font-size:10px;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend i{background:#4a7c36;width:9px;height:9px}.legend span:last-child i{background:#777}.fields{grid-template-columns:1fr .8fr .9fr 2fr 1fr 1.4fr;gap:12px;margin-top:22px;display:grid}.fields label{background:#fff;border:1px solid #111;min-width:0;padding:12px 12px 10px}.fields label>span{color:#666;justify-content:space-between;gap:4px;font-size:10px;display:flex}.fields label>span small{font-size:9px}.fields input{letter-spacing:2px;color:#111;background:#fff;border:0;border-bottom:1px solid #bbb;border-radius:0;outline:0;width:100%;min-width:0;padding:14px 0 10px;font-family:monospace;font-size:25px}.fields input:disabled{opacity:1;-webkit-text-fill-color:#555;border-bottom-color:#0000}.fields .manual input{color:#3c672f}.fields .manual input:disabled{-webkit-text-fill-color:#3c672f}.fields input:focus{border-bottom:2px solid #111}.fields label>small{letter-spacing:.7px;color:#777;margin-top:9px;font-size:8px;display:block}.fields .manual>small{color:#3c672f}.payloadfoot{color:#666;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:10px;line-height:1.5;display:flex}.payloadfoot code{color:#111;letter-spacing:1px;white-space:nowrap;font-size:13px}.logpanel{padding-top:24px}.logheading{padding-bottom:20px}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;letter-spacing:.5px;border-top:1px solid #111;border-bottom:1px solid #111;padding:12px 14px;font-size:9px;font-weight:600}td{color:#444;overflow-wrap:anywhere;border-bottom:1px solid #111;padding:13px 14px;line-height:1.5}.eventbadge{white-space:nowrap;font-size:10px}.emptylog{text-align:center;color:#777;padding:30px}footer{color:#666;justify-content:space-between;gap:15px;margin-top:25px;font-size:10px;display:flex}.error{color:#a52818;background:#fff;border:1px solid #111;border-left-width:4px;margin-bottom:16px;padding:12px 15px;font-size:12px}.overlay{z-index:10;background:#0007;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:2px solid #111;width:100%;max-width:450px;padding:28px}.modal h2{font-size:22px}.modal label{margin:24px 0;font-size:12px;display:block}.modal input{background:#fff;border:1px solid #111;border-radius:0;width:100%;margin-top:10px;padding:12px;display:block}.modal .buttons{margin-top:25px}.auth{text-align:center;max-width:460px;margin:80px auto}.auth .language{margin:0 0 35px auto;display:block}.auth .brandmark{font-size:45px}.auth .primary{margin-top:20px}@media (min-width:1600px){.workspace{grid-template-columns:320px minmax(0,1fr)}.matrixbox{min-height:460px}.actualmatrix{width:450px;height:450px}}@media (max-width:1050px){main{padding:26px}.topbar{gap:28px;padding:0 26px}.workspace{grid-template-columns:260px minmax(0,1fr)}.identity{padding-right:20px}.matrixpanel{padding-left:22px}.fields{gap:8px}.fields label{padding:10px 8px}.fields input{letter-spacing:1px;font-size:21px}.togglewrap small{display:none}.headingactions{gap:14px}.actualmatrix{width:350px;height:350px}}@media (max-width:760px){.topbar{flex-wrap:wrap;gap:18px;min-height:68px;padding:15px 18px}.brand{font-size:12px}.brandmark{font-size:27px}.language{min-width:95px;padding:8px}.navlinks{order:3;gap:26px;width:100%;height:38px}.nav{font-size:12px}.heading{align-items:flex-start;gap:14px}.headingactions{gap:12px}.togglewrap{gap:8px}.togglewrap>span:first-child{font-size:10px}main{padding:24px 18px}h1{font-size:25px}.heading p{max-width:240px;font-size:11px}.eyebrow{font-size:8px}.workspace{grid-template-columns:210px minmax(0,1fr)}.identity{padding-right:15px}.vehicle{letter-spacing:0;font-size:25px}.sectionlabel{flex-wrap:wrap;justify-content:flex-start;font-size:8px}.matrixpanel{padding-left:18px}.matrixbox{min-height:300px;padding:0}.actualmatrix{width:100%;height:auto}.buttons{flex-wrap:wrap}.identity .buttons button{flex-basis:100%}.fields{grid-template-columns:1fr 1fr 1fr}.fields input{font-size:25px}.legend{gap:10px;font-size:9px}.payloadfoot{flex-direction:column;align-items:flex-start}.logheading .secondary{padding:10px;font-size:10px}.importbar p{font-size:10px}.importbar .secondary{padding:10px;font-size:10px}.logheading{gap:15px}th,td{padding:11px 8px}}@media (max-width:540px){.heading{flex-direction:column;padding-bottom:20px}.headingactions{justify-content:space-between;width:100%}.togglewrap>span:first-child{font-size:12px}.togglewrap small{display:block}.workspace{grid-template-columns:1fr}.identity{border-bottom:1px solid #111;border-right:0;grid-template-columns:1fr 1fr;column-gap:20px;padding:22px 0;display:grid}.sectionlabel,.vehicle,.workflow,.hint{grid-column:1/-1}.vehicle{margin:15px 0;font-size:36px}.order{border:0;padding:0;font-size:10px}.status{margin:0;font-size:10px}.workflow{display:none}.identity .buttons{flex-wrap:nowrap;grid-column:1/-1;margin-top:20px}.identity .buttons button{flex-basis:auto}.matrixpanel{padding:20px 0}.matrixbox{min-height:350px}.actualmatrix{max-width:350px}.hint{margin-top:12px}.payloadheading{align-items:flex-start}.legend{flex-direction:column;gap:6px}.fields{gap:7px}.fields label>span{font-size:9px}.fields input{font-size:22px}.fields label>small{font-size:7px}.importbar{gap:8px}.fileicon{display:none}.importbar p{max-width:200px;font-size:9px}.logheading p{font-size:10px}.logheading h2{font-size:12px}footer,.payloadfoot{font-size:9px}.fields{grid-template-columns:1fr 1fr}}body{color:#24313b}.topbar{border-bottom:1px solid #e8ecef}.nav{border-bottom-width:2px}.nav.active{color:#255d62;border-bottom-color:#255d62}.language,.iconbutton{border-color:#dce3e7;border-radius:8px}.importbar{background:#fff;border:1px solid #e6ebee;border-radius:12px;margin-bottom:24px;padding:17px 20px}.fileicon{color:#537179}.secondary{color:#41545e;border-color:#dae2e7;border-radius:8px}.primary{border-radius:8px}.workspace{border:0;align-items:stretch;gap:24px}.identity{background:#f7f9fa;border:0;border-radius:14px;padding:26px 22px}.order{border-bottom:1px solid #e3e9ec}.pill{color:#46606a;background:#e8eff1;border:0;border-radius:5px;padding:5px 8px}.status{color:#4a6966}.dot{background:#46746c}.step b{color:#6b7d85;background:#e8eef1;border:0;border-radius:50%}.step.current b{color:#fff;background:#315c60}.matrixpanel{padding:0 0 10px}.matrixactions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;margin:0 0 10px;display:flex}.matrixactions button{border:0;border-radius:11px;flex:0 auto;justify-content:center;gap:18px;min-width:170px;min-height:58px;padding:17px 26px;font-size:17px;font-weight:700;transition:filter .15s,transform .15s;box-shadow:0 5px 12px #163b4215}.matrixactions .next{color:#fff;background:linear-gradient(120deg,#164f45,#123b56)}.matrixactions .generate{color:#fff;background:linear-gradient(120deg,#811d2c,#24141c)}.matrixactions button:hover:not(:disabled){filter:brightness(1.14);transform:translateY(-1px)}.matrixactions .hint{text-align:right;color:#81919a;flex-basis:100%;margin:0;font-size:10px}.matrixactions button:disabled{opacity:.4;box-shadow:none;transform:none}.matrixhead{color:#65808a;margin-top:14px}.matrixbox{border-radius:12px;min-height:380px}.timer{color:#6c818c}.timer strong{color:#2d535b}.progress{background:#e9eff1;border:0;border-radius:4px;height:3.9px;margin-top:12px;overflow:hidden}.progress i{background:linear-gradient(90deg,#3b7d71,#1c5368);border-radius:4px;height:3.9px}.progress.expiring i{background:linear-gradient(90deg,#ad3440,#6d1428);animation:1s steps(2,end) infinite time-alert}@keyframes time-alert{0%,to{opacity:1}50%{opacity:.2}}.payload{border-top:1px solid #e8ecef;border-bottom:0;margin-top:24px}.fields>div{background:#fff;border:1px solid #e3e9ec;border-radius:10px;min-width:0;padding:12px}.fields>div>span{color:#637883;justify-content:space-between;gap:5px;min-height:26px;font-size:11px;line-height:1.4;display:flex}.fields>div>span small{white-space:nowrap;font-size:9px}.fields>div>small{letter-spacing:.7px;color:#81919a;margin-top:10px;font-size:8px;display:block}.fields>.manual>small{color:#547344}.fields .characters{grid-template-columns:repeat(var(--characters),minmax(0,1fr));gap:2px;padding:5px 0;display:grid}.fields input.character{text-align:center;letter-spacing:0;color:#263c48;-webkit-text-fill-color:#263c48;background:#f0f3f5;border:0;border-radius:4px;outline:0;width:100%;min-width:0;padding:9px 0;font-family:monospace;font-size:clamp(18px,2vw,26px);line-height:1.4}.fields .manual input.character{color:#406536;-webkit-text-fill-color:#406536;background:#eef5e8}.fields input.character.modified,.fields .manual input.character.modified{color:#4b3900;-webkit-text-fill-color:#4b3900;background:#ffe58a}.fields input.character:disabled{opacity:1}.fields input.character:focus{z-index:1;position:relative;box-shadow:0 0 0 2px #527e8c}.logpanel{border-top:1px solid #e8ecef;margin-top:12px}th{color:#6d818c;background:#f7f9fa;border:0}td{border-bottom:1px solid #edf1f3}.eventbadge{color:#4c6a75}.payloadfoot code{color:#496670}footer{color:#84949b}.modal{border:0;border-radius:16px;box-shadow:0 20px 80px #102a4030}.modal input{border-color:#dbe4e8;border-radius:8px}.error{border-color:#eed5d7 #eed5d7 #eed5d7 #a34049;border-radius:8px}.switch{border-color:#c7d5d9}.switch:after,.togglewrap input:checked+.switch{background:#285c61}.switch:after{background:#6b838a}@media (min-width:1600px){.matrixbox{min-height:420px}}@media (max-width:1050px){.workspace{gap:20px}.identity{padding:23px 18px}.matrixpanel{padding-left:0}.matrixactions button{min-width:145px;padding:16px 20px;font-size:16px}}@media (max-width:760px){.workspace{grid-template-columns:200px minmax(0,1fr);gap:16px}.identity{padding:20px 14px}.matrixactions{gap:9px}.matrixactions button{flex:1;min-width:0;min-height:54px;padding:14px 12px;font-size:14px}.matrixbox{min-height:300px}.fields>div{padding:10px}.matrixactions .hint{font-size:9px}}@media (max-width:540px){.workspace{grid-template-columns:1fr;gap:20px}.identity{border:0;padding:20px}.matrixpanel{padding:0}.matrixactions button{min-height:58px;font-size:16px}.matrixbox{min-height:350px}.matrixactions .hint{text-align:right}.fields{grid-template-columns:1fr 1fr}.fields input.character{font-size:20px}.fields>div:nth-child(4){grid-column:1/-1}.fields>div:nth-child(4) input.character{font-size:24px}.payload{margin-top:20px}.importbar{padding:14px 12px}.order{border:0}}@media (prefers-reduced-motion:reduce){.progress.expiring i{animation:none;box-shadow:0 0 0 1px #a33946}.matrixactions button{transition:none}}.matrixpanel>.hint{text-align:right;color:#81919a;margin:0 0 4px;font-size:10px}.vehicle-sequence{grid-column:1/-1;margin:22px 0 24px}.vehicle-sequence .vehicle{margin:16px 0 18px}.vehicle-neighbor{color:#555f67;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vehicle-neighbor .neighbor-label{letter-spacing:.3px;color:#748089;flex-basis:100%;font-size:9px}.neighbor-id{letter-spacing:1px;font-family:monospace;font-size:20px;font-weight:500;line-height:1.35}.vehicle-neighbor small{letter-spacing:.5px;color:#6d7980;background:#e8edf0;border-radius:3px;padding:3px 4px;font-size:7px}.vehicle-upcoming{flex-direction:column;gap:12px;display:flex}@media (max-width:540px){.vehicle-sequence{margin:18px 0 22px}.vehicle-sequence .vehicle{margin:15px 0}.neighbor-id{font-size:20px}.vehicle-upcoming .vehicle-neighbor:last-child .neighbor-id{font-size:18px}}.clear-trigger{color:#8a3441;background:#fff9fa;border-color:#ead6da;min-height:38px}.clear-trigger:hover:not(:disabled){background:#fceef1;text-decoration:none}.clear-modal{max-width:510px}.clear-modal h2{color:#842d3c}.clear-modal>p{margin-top:14px}.clear-modal .clear-confirm{align-items:flex-start;gap:10px;margin:18px 0;line-height:1.6;display:flex}.clear-modal .clear-confirm input{accent-color:#8a3441;flex-shrink:0;width:17px;height:17px;margin:2px 0 0}.clear-submit{background:linear-gradient(120deg,#811d2c,#24141c);border:0}.notice{color:#355d4c;background:#f3f9f5;border:1px solid #d8e8e1;border-radius:8px;margin-bottom:16px;padding:12px 15px;font-size:12px}@media (max-width:760px){.headingactions{flex-wrap:wrap}.clear-trigger{padding:10px 12px;font-size:11px}}footer{justify-content:flex-end}.vehicle-upcoming{gap:10px}.vehicle-upcoming .vehicle-neighbor:last-child .neighbor-id{font-size:18px}@media (max-width:760px){.topbar .navlinks{flex:1;order:0;gap:20px;width:auto;min-height:38px}.topbar .language{margin-left:auto}}.settings-modal .togglewrap{justify-content:space-between;align-items:center;gap:20px;margin:24px 0;display:flex}.settings-modal .togglewrap small{display:block}.settings-modal .togglewrap input{width:1px;height:1px;margin:0;padding:0}.settings-clear{border-top:1px solid #e8ecef;margin-top:24px;padding-top:20px}.settings-clear button{width:100%}.data-panel{margin-top:8px}.data-toolbar{background:#f7f9fa;border:1px solid #e6ecef;border-radius:12px;align-items:flex-end;gap:18px;padding:20px;display:flex}.data-toolbar label{color:#536c77;flex-direction:column;gap:9px;font-size:11px;display:flex}.data-toolbar input,.data-toolbar select{box-sizing:border-box;color:#263b45;height:44px;min-height:44px;line-height:normal;font:inherit;background:#fff;border:1px solid #dce5e9;border-radius:7px;padding:10px 12px;font-size:13px}.data-toolbar input{width:290px;max-width:100%}.data-toolbar select{min-width:140px}.data-count{color:#385d65;margin-left:auto;padding-bottom:12px;font-size:13px;font-weight:600}.data-help{color:#81919a;margin:15px 0;font-size:11px}.data-scroll{border:1px solid #e5ecef;border-radius:10px;min-height:180px;max-height:72vh;overflow:auto}.data-table{min-width:1500px}.data-table th{z-index:1;white-space:nowrap;padding:15px 13px;position:sticky;top:0}.data-table td{vertical-align:top;padding:14px 13px;font-size:12px}.data-table tbody tr:hover{background:#f9fbfb}.data-id{white-space:nowrap;font-family:monospace;font-weight:600;font-size:15px!important}.nowrap,.data-payload{white-space:nowrap}.data-payload{letter-spacing:.5px;font-size:12px}.data-status{color:#778892;white-space:nowrap;background:#f1f3f5;border-radius:5px;padding:5px 8px;font-size:10px;display:inline-block}.data-status.complete{color:#457158;background:#edf6ef}.data-changes{min-width:235px}.data-changes ul{margin:0;padding:0;list-style:none}.data-changes li{padding:3px 0;line-height:1.6}.data-changes code{white-space:nowrap;background:#fff2c8;border-radius:3px;padding:2px 4px}.data-pagination{color:#7b8d96;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:11px;display:flex}.data-pagination>div{gap:9px;display:flex}.duplicate-modal{max-width:620px}.duplicate-list{border:1px solid #e3e9ec;border-radius:8px;max-height:40vh;margin-top:18px;overflow:auto}.duplicate-list th{position:sticky;top:0}.duplicate-list td{padding:11px 14px}.duplicate-modal .buttons{margin-top:22px}@media (max-width:760px){.topbar .navlinks{gap:14px}.topbar .nav{font-size:11px}.data-toolbar{flex-wrap:wrap;gap:12px;padding:15px}.data-toolbar label:first-child{flex:1;min-width:170px}.data-toolbar input{width:100%}.data-count{flex-basis:100%;margin:0;padding:0}.data-pagination{flex-direction:column;align-items:flex-start}.duplicate-modal{padding:22px}.duplicate-list{font-size:11px}}@media (max-width:420px){.topbar,.topbar .navlinks{gap:10px}.topbar .language{width:82px;min-width:82px;font-size:11px}}.data-toolbar{flex-wrap:wrap}.data-toolbar input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:170px;font-family:inherit}.data-reset{box-sizing:border-box;height:44px;min-height:44px;margin-left:auto}.data-day-filter{align-items:flex-end;gap:18px;display:flex}.data-match-count{flex-direction:column;gap:9px;min-width:100px;display:flex}.data-match-count>span{color:#536c77;font-size:11px}.data-match-count strong{color:#255448;font-variant-numeric:tabular-nums;align-items:center;height:44px;font-size:24px;font-weight:600;line-height:1;display:flex}@media (max-width:760px){.data-reset{margin:0}.data-day-filter{gap:16px;max-width:100%}.data-toolbar input[type=date]{width:170px;min-width:140px;max-width:100%}}.data-toolbar{margin-bottom:20px}.login-loading{text-align:center;color:#71828a;padding:80px 24px}.login-page{background:#f7f9fa;place-items:center;min-height:100vh;padding:30px 18px;display:grid}.login-card{background:#fff;border:1px solid #e2e9ed;border-radius:16px;width:100%;max-width:440px;padding:30px;box-shadow:0 12px 40px #193e5010}.login-card>.language{margin:0 0 25px auto;display:block}.login-card h1{margin-bottom:24px;font-size:27px}.login-tabs{border-bottom:1px solid #e1e8eb;margin-bottom:18px;display:flex}.login-tabs button{color:#798a93;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:13px 8px}.login-tabs .active{color:#255d62;border-color:#255d62}.login-card>p{color:#71828c;margin-bottom:22px;font-size:12px;line-height:1.6}.login-card label,.user-create label{color:#526b77;flex-direction:column;gap:9px;margin-bottom:18px;font-size:12px;display:flex}.login-card input,.user-create input,.invite-result input{color:#243e48;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #dce5e9;border-radius:8px;padding:13px 12px;font-size:14px}.login-card input:focus,.user-create input:focus{outline-offset:1px;outline:2px solid #74989f}.login-submit{background:linear-gradient(120deg,#164f45,#123b56);border:0;justify-content:center;width:100%;min-height:47px;margin-top:4px}.signed-user{color:#70848e;white-space:nowrap;font-size:11px}.topbar{gap:22px}.logout{white-space:nowrap;padding:10px 13px;font-size:11px}.user-create{align-items:flex-end;gap:16px;margin-bottom:25px;display:flex}.user-create label{flex:1;max-width:320px;margin:0}.user-create button{min-height:44px}.invite-result{background:#f0f7f6;border:1px solid #d9e8e4;border-radius:10px;margin-bottom:24px;padding:20px}.invite-result p{margin:12px 0;font-size:12px;line-height:1.6}.invite-result input{margin-bottom:12px}.users-panel .data-scroll{min-height:0;max-height:none}.users-panel th,.users-panel td{white-space:nowrap}@media (max-width:900px){.topbar{flex-wrap:wrap;gap:14px;padding-top:15px;padding-bottom:15px}.topbar .navlinks{flex-basis:100%;order:2;min-height:38px}.topbar .signed-user{margin-right:auto}.topbar .language{margin-left:0}}@media (max-width:540px){.login-card{padding:24px 20px}.user-create{flex-direction:column;align-items:stretch}.user-create label{max-width:none}.topbar .navlinks{gap:13px}.topbar .nav,.signed-user{font-size:10px}}.activation-button{color:#24595a;white-space:nowrap;background:#edf6f4;border:1px solid #b9d3d1;border-radius:8px;min-height:38px;padding:10px 16px;font-size:12px;font-weight:600}.activation-button.active{color:#fff;background:linear-gradient(120deg,#164f45,#123b56);border-color:#0000}.activation-button:disabled{opacity:.5}.lease-banner{color:#375e58;background:#f4f9f7;border:1px solid #dce9e5;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin:20px 40px 0;padding:14px 18px;font-size:12px;display:flex}.lease-banner>div{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lease-banner strong{font-weight:600}.lease-banner span{color:#73858b;font-size:11px}.lease-banner.occupied{color:#675c39;background:#f8f6ef;border-color:#e7e1d1}.lease-banner button{white-space:nowrap}.sequence-blocked{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.62}.live-sequence{z-index:5;background:#fff;border:1px solid #dce6e9;border-radius:15px;width:min(740px,64vw);padding:24px;position:fixed;top:172px;bottom:20px;right:24px;overflow:auto;box-shadow:0 15px 65px #193e5026}.live-sequence>header{border-bottom:1px solid #e8edef;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.live-sequence>header>div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.live-sequence>header strong{font-size:14px}.live-sequence>header small{color:#78909b;flex-basis:100%;margin-left:17px;font-size:11px}.live-dot{background:#4a8e73;border-radius:50%;width:8px;height:8px}.live-dot.offline{background:#b28b43}.live-identifiers{background:#f7f9fa;border-radius:10px;grid-template-columns:1fr 1fr;gap:24px;padding:18px 20px;display:grid}.live-identifiers>div{min-width:0}.live-identifiers span{color:#78909b;margin-bottom:10px;font-size:10px;display:block}.live-identifiers strong{letter-spacing:1px;color:#284c55;font-family:monospace;font-size:30px;display:block}.live-identifiers p{color:#81929a;margin-top:10px;font-size:10px}.live-identifiers small{color:#6e7e87;background:#e9eef1;border-radius:3px;padding:3px 5px;font-size:8px}.live-upcoming{align-items:center;gap:10px;margin:7px 0;display:flex}.live-upcoming code{color:#4f6974;font-size:16px}.live-matrix{place-items:center;min-height:220px;padding:10px;display:grid}.live-matrix>div:not(.placeholder){width:min(320px,100%)}.live-matrix svg{width:100%;height:auto;display:block}.live-warning{color:#84632c;margin-bottom:16px;font-size:12px;line-height:1.6}.live-sequence .timer{margin-top:10px}@media (max-width:900px){.lease-banner{margin:16px 26px 0}.live-sequence{width:66vw;padding:18px;top:212px;right:18px}}@media (max-width:600px){.lease-banner{align-items:flex-start;gap:10px;margin:12px 18px 0;padding:12px}.lease-banner>div{gap:8px}.lease-banner strong{font-size:11px}.lease-banner button{padding:10px;font-size:10px}.live-sequence{width:calc(100vw - 40px);padding:16px;top:230px;bottom:12px;right:12px}.live-identifiers{gap:16px;padding:15px}.live-identifiers strong{font-size:23px}.live-upcoming code{font-size:14px}.live-sequence>header button{padding:8px;font-size:9px}.live-matrix{min-height:180px}.live-matrix>div:not(.placeholder){max-width:220px}.activation-button{padding:9px 12px;font-size:11px}.topbar{gap:14px}}.live-sequence{flex-direction:column;display:flex}.live-sequence>header,.live-identifiers,.live-sequence .matrixhead,.live-sequence .timer,.live-sequence>.progress,.live-warning{flex-shrink:0}.live-sequence>header{margin-bottom:14px;padding-bottom:12px}.live-sequence .matrixhead{margin-top:14px}.live-sequence .live-matrix{flex:1;min-height:100px;padding:8px;overflow:hidden}.live-sequence .live-matrix>div:not(.placeholder){aspect-ratio:1;width:auto;max-width:100%;height:100%;max-height:100%}.live-sequence .live-matrix svg{width:100%;height:100%;max-height:100%}.live-sequence .placeholder{padding:12px}.live-sequence .placeholder .scanicon{font-size:38px}.live-sequence .placeholder strong{font-size:12px}.live-sequence .progress{margin-top:10px}.live-sequence .live-matrix{display:block;position:relative}.live-sequence .live-matrix>div:not(.placeholder){aspect-ratio:auto;width:auto;max-width:none;height:auto;max-height:none;position:absolute;inset:8px}.live-sequence .live-matrix>.placeholder{flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.live-sequence .live-matrix svg{width:100%;height:100%;max-height:none;display:block}.idle-warning{color:#806323;background:#fffaf0;border:1px solid #e7d9ae;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:12px 16px;font-size:12px;display:flex}.idle-warning button{white-space:nowrap}.settings-modal{max-height:90vh;overflow:auto}.password-field{width:100%;display:block;position:relative}.password-field input{width:100%;padding-right:48px}.password-toggle{color:#526b77;background:0 0;border:0;border-radius:6px;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover:not(:disabled){background:#edf3f4}.password-toggle:focus-visible{outline-offset:0;outline:2px solid #527e8c}