:root{font-family:Inter,"Segoe UI",sans-serif;color:#11283f;background:#f5f4f0;font-synthesis:none;--navy:#0b213b;--red:#ac2429;--muted:#6b7783;--line:#e2e5e8;--white:#fff;--green:#26816a}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #c37845;outline-offset:4px}input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #0b213b10}[hidden]{display:none!important}.boot{min-height:100vh;display:grid;place-content:center;text-align:center;letter-spacing:.25em;font-size:28px}.boot span{font-size:14px;letter-spacing:0;margin-top:16px;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700}.muted{color:var(--muted)}.brand-word{font-family:Georgia,serif;font-weight:400;letter-spacing:.16em}.btn{border:1px solid var(--line);background:white;color:var(--navy);border-radius:12px;min-height:46px;padding:12px 18px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .15s,transform .15s}.btn:hover{background:#f0f2f4}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--red);color:white;border-color:var(--red)}.btn-primary:hover{background:#8d1c21}.btn-dark{background:var(--navy);color:white;border-color:var(--navy)}.btn-dark:hover{background:#183955}.btn-quiet{background:transparent;border-color:transparent;color:var(--muted)}.btn-small{padding:8px 12px;min-height:40px;font-size:12px;border-radius:9px}.status{display:inline-flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;color:var(--green)}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #26816a0b}.status.offline{color:#ac2429}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:var(--navy);color:white;border-radius:12px;padding:15px 24px;box-shadow:0 8px 40px #001b3533;width:max-content;max-width:calc(100vw - 32px);font-size:14px}.toast.error{background:#9d2229}.login{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr;background:#fff}.login-brand{background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px;position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";position:absolute;width:620px;height:620px;border:1px solid #ffffff09;border-radius:50%;pointer-events:none}.login-brand:after{width:780px;height:780px}.login-logo{width:min(300px,80%);border-radius:50%;position:relative;z-index:1}.login-brand h1{font-family:Georgia,serif;font-size:clamp(32px,3.5vw,54px);font-weight:400;text-align:center;line-height:1.14;margin:32px 0 18px;max-width:440px}.login-brand p{color:#b5c2d1;text-align:center;line-height:1.8;font-size:14px;max-width:300px;margin:0}.login-brand .eyebrow{position:absolute;bottom:34px;color:#98abba}.login-main{display:flex;align-items:center;justify-content:center;padding:64px 40px}.login-form{width:100%;max-width:360px}.small-mark{width:34px;height:4px;background:var(--red);border-radius:3px;margin-bottom:30px}.login-form h2{font-size:30px;letter-spacing:-1px;margin:14px 0 10px}.login-form>p{font-size:14px;line-height:1.6;margin:0 0 34px;color:var(--muted)}label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}input{width:100%;border:1px solid #d9dfe5;border-radius:11px;background:white;padding:15px;color:var(--navy);transition:border-color .15s}input::placeholder{color:#a3abb3}input[type=password]{letter-spacing:.13em}.field{margin-bottom:22px}.password-wrap{position:relative}.password-wrap input{padding-right:75px}.password-toggle{position:absolute;right:6px;top:6px;border:0;background:transparent;padding:12px 8px;color:var(--muted);font-size:12px;min-height:40px}.login-submit{width:100%;margin-top:6px;min-height:52px}.form-error{font-size:13px;color:var(--red);line-height:1.5;margin:12px 0;min-height:0}.login-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:24px;text-align:center;font-size:12px;color:var(--muted)}.login-bottom a{display:inline-flex;align-items:center;gap:14px;padding:8px}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:34px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-logo{width:132px;height:132px;object-fit:contain;align-self:center;margin-bottom:24px}.sidebar-rule{height:1px;background:var(--line);margin:4px 0 28px}.nav-label{font-size:10px;letter-spacing:.16em;color:#909aa4;margin:0 12px 12px}.nav-item{padding:14px;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;margin-bottom:8px}.nav-item.active{background:#0b213b;color:#fff}.nav-item:not(.active):hover{background:#f4f5f6}.nav-icon{font-size:19px;font-weight:400}.sidebar-bottom{margin-top:auto;font-size:11px;line-height:1.8;padding:20px 12px 0;color:#8b97a2}.sidebar-bottom strong{display:block;font-weight:600;color:#526172}.workspace{max-width:1400px;width:100%;margin:0 auto;padding:38px 46px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:32px}.topbar h1{font-size:27px;letter-spacing:-.8px;margin:7px 0 0;font-weight:600}.topbar .eyebrow{color:var(--muted);font-size:10px}.top-actions{display:flex;gap:15px;align-items:center}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.intro h2{font-size:24px;letter-spacing:-.5px;font-weight:600;margin:0 0 8px}.intro p{margin:0;color:var(--muted);font-size:14px}.date{font-size:12px;color:#647386;white-space:nowrap}.operator-grid{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.2fr);gap:26px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.call-card{padding:30px}.card-title{display:flex;align-items:center;gap:12px;margin-bottom:28px}.card-title .symbol{display:grid;place-items:center;width:40px;height:40px;background:#f8eeed;border-radius:11px;color:var(--red);font-size:23px}.card-title h3{margin:0;font-size:16px;font-weight:600}.card-title p{margin:5px 0 0;font-size:12px;color:var(--muted)}.number-input{text-align:center;font-size:64px;line-height:1.1;font-weight:600;letter-spacing:.07em;height:118px;background:#f8f9fa;border:1px solid #e2e6ea;font-variant-numeric:tabular-nums}.number-input::placeholder{color:#c9cfd6}.field-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.field-meta label{margin:0}.field-meta span{color:#9aa3ac;font-size:11px}.hint{font-size:11px;line-height:1.5;color:#89949f;margin:9px 0 0}.call-button{width:100%;min-height:54px;font-size:14px;margin-top:6px}.call-foot{display:flex;gap:8px;justify-content:center;font-size:11px;color:#929ca6;margin:18px 0 0;line-height:1.6;text-align:center}.list-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}.list-header h3{margin:0;font-size:15px;font-weight:600}.count{display:inline-grid;place-items:center;background:#eff2f5;border-radius:7px;padding:4px 8px;font-size:11px;color:#62758a;min-width:26px}.order-list{padding:0 22px;max-height:600px;overflow:auto}.order-row{padding:18px 0;border-bottom:1px solid #edf0f2}.order-row:last-child{border-bottom:0}.order-main{display:flex;gap:15px;align-items:center}.order-number{font-size:25px;letter-spacing:.02em;font-weight:650;min-width:73px;font-variant-numeric:tabular-nums;color:var(--navy)}.order-info{flex:1;min-width:0}.order-name{font-size:14px;font-weight:600;overflow-wrap:anywhere}.order-time{font-size:11px;color:#94a0aa;margin-top:5px}.order-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:13px}.pill{font-size:9px;text-transform:uppercase;letter-spacing:.07em;padding:5px 7px;background:#faf0ef;color:var(--red);border-radius:5px;white-space:nowrap}.empty{padding:45px 20px;text-align:center}.empty-symbol{width:52px;height:52px;border-radius:50%;background:#f3f5f7;display:grid;place-items:center;margin:0 auto 18px;font-size:23px;color:#8c9cae}.empty h4{font-size:14px;font-weight:600;margin:0 0 8px}.empty p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.history-card{margin-top:24px}.history-card .order-number{font-size:20px;color:#728191}.history-card .order-row{padding:16px 0}.history-card .order-name{font-size:13px;font-weight:400}.workspace-footer{font-size:10px;color:#9aa3aa;display:flex;justify-content:space-between;margin-top:35px;letter-spacing:.02em}.mobile-brand{display:none}.connection-warning{border:1px solid #e2c39e;background:#fff5e5;padding:12px 16px;border-radius:10px;font-size:12px;color:#865724;margin-bottom:22px;line-height:1.6}
.monitor{min-height:100vh;background:#f4f3ef;display:flex;flex-direction:column;padding:0 4vw}.monitor-header{display:flex;align-items:center;justify-content:space-between;min-height:126px;border-bottom:1px solid #dce0e2;gap:25px}.monitor-brand{display:flex;align-items:center;gap:17px}.monitor-brand img{width:98px;height:98px;object-fit:contain;mix-blend-mode:multiply}.monitor-brand .brand-word{font-size:28px}.monitor-brand small{display:block;color:var(--red);font-size:10px;letter-spacing:.43em;margin-top:6px}.monitor-tools{display:flex;align-items:center;gap:12px}.monitor-tools .btn{font-size:12px;min-height:40px;background:transparent}.clock{text-align:right;margin-left:20px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:500}.clock small{display:block;font-size:11px;color:var(--muted);margin-top:4px;font-weight:400}.monitor-body{display:grid;grid-template-columns:1.35fr 1fr;gap:3vw;flex:1;padding:3vw 0;min-height:0}.now{background:var(--navy);color:#fff;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:540px;position:relative;overflow:hidden;padding:35px;text-align:center}.now:before{content:"";position:absolute;border:1px solid #ffffff0a;width:550px;height:550px;border-radius:50%;pointer-events:none}.now-label{display:flex;gap:10px;align-items:center;letter-spacing:.23em;font-size:12px;font-weight:600;z-index:1}.now-label:before{content:"";width:7px;height:7px;background:#db6467;border-radius:50%}.now-number{font-size:clamp(100px,17vw,290px);letter-spacing:-.045em;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.05;margin:18px 0 10px;z-index:1}.now-name{font-size:clamp(22px,2.8vw,42px);font-weight:400;letter-spacing:-.03em;max-width:100%;overflow-wrap:anywhere;line-height:1.2;z-index:1}.now-instruction{margin-top:32px;border-top:1px solid #ffffff22;padding-top:22px;color:#b6c4d3;font-size:14px;z-index:1}.now-empty-icon{font-family:Georgia,serif;font-size:88px;color:#75849a;line-height:1;margin:30px 0}.now-empty-title{font-family:Georgia,serif;font-weight:400;font-size:40px;max-width:330px;line-height:1.25}.now-empty-text{font-size:14px;color:#aabbca;max-width:280px;line-height:1.8;margin:22px 0}.recent{display:flex;flex-direction:column;min-width:0}.recent-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 3px}.recent-heading h2{font-size:20px;font-weight:600;letter-spacing:-.5px;margin:0}.recent-heading span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.recent-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;align-content:start}.recent-item{padding:17px 21px;border-radius:14px;background:#fff;border:1px solid #e3e6e8;min-height:105px;display:flex;flex-direction:column;justify-content:center}.recent-number{font-size:clamp(32px,3.5vw,64px);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.recent-name{font-size:14px;color:#667584;margin-top:6px;overflow-wrap:anywhere}.recent-empty{grid-column:1/-1;border:1px dashed #d2d8dd;border-radius:16px;min-height:260px;display:grid;place-content:center;text-align:center;padding:30px}.recent-empty p{color:var(--muted);font-size:14px;line-height:1.8;max-width:260px;margin:0}.monitor-note{padding:20px 0 0;display:flex;gap:12px;align-items:center;font-size:12px;color:#83909c;line-height:1.7}.monitor-note span:first-child{font-size:26px;color:#ac2429}.monitor-footer{border-top:1px solid #dce0e2;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.monitor-footer p{font-size:12px;color:#7e8b97;letter-spacing:.025em}.monitor-footer strong{color:#344b60;font-weight:600}.monitor .connection-warning{margin:20px 0 0}.flash{animation:call-flash 1s ease-out 2}@keyframes call-flash{0%,100%{box-shadow:0 0 0 0 #ac242900}40%{box-shadow:0 0 0 8px #ac242946}}@media(min-width:1800px){.now{min-height:650px}.recent-item{min-height:130px}.recent-name{font-size:20px}.monitor-header{min-height:150px}.monitor-note,.monitor-footer p{font-size:17px}}
@media(max-width:1100px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:28px 16px}.workspace{padding:28px}.operator-grid{gap:18px;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr)}.call-card{padding:22px}.top-actions{gap:5px}.monitor-tools .btn{padding:8px 10px}.clock{margin-left:2px}.monitor-brand .brand-word{font-size:23px}.monitor-brand img{width:78px;height:78px}.now{min-height:470px}.recent-heading h2{font-size:17px}.recent-heading span{display:none}.recent-item{padding:14px;min-height:92px}}
@media(max-width:850px){.shell{display:block}.sidebar{display:none}.mobile-brand{display:block;width:60px;height:60px;object-fit:contain;mix-blend-mode:multiply}.topbar{padding-bottom:20px;margin-bottom:24px}.topbar-title{display:flex;align-items:center;gap:12px}.topbar h1{font-size:22px}.topbar .eyebrow{font-size:9px}.top-actions .status{display:none}.workspace{padding:20px 24px}.intro h2{font-size:22px}.date{display:none}.monitor-tools{gap:6px}.monitor-tools .btn{font-size:11px}.monitor-brand .brand-word{display:none}.monitor-header{min-height:100px}.now{min-height:450px;padding:24px}.now-number{font-size:18vw}.now-name{font-size:26px}.now-instruction{font-size:12px}.recent-list{gap:10px}.recent-name{font-size:12px}.monitor-footer p{font-size:11px}.login-brand{padding:40px}.login-logo{width:230px}.login-main{padding:40px 28px}.login-brand h1{font-size:34px}}
@media(max-width:600px){.login{display:block;background:#f5f4f0}.login-brand{background:transparent;color:var(--navy);padding:25px 24px 0}.login-logo{width:128px;mix-blend-mode:multiply}.login-brand:before,.login-brand:after,.login-brand h1,.login-brand p,.login-brand .eyebrow{display:none}.login-main{padding:22px 28px 35px;align-items:start}.login-form{max-width:380px}.small-mark{display:none}.login-form h2{font-size:28px;margin:10px 0}.login-form>p{margin-bottom:26px}.login-bottom{margin-top:24px}.workspace{padding:16px}.topbar{gap:8px}.topbar h1{font-size:19px}.topbar-title{gap:8px}.topbar .eyebrow{font-size:8px;letter-spacing:.1em}.mobile-brand{width:50px;height:50px}.top-actions .btn{font-size:11px;padding:8px;min-height:42px}.operator-grid{display:flex;flex-direction:column;gap:20px}.call-card,.right-column{width:100%}.call-card{padding:22px}.intro{margin-bottom:20px}.intro h2{font-size:23px}.intro p{font-size:13px}.card-title{margin-bottom:22px}.number-input{height:100px;font-size:58px}.field{margin-bottom:20px}.call-foot{font-size:10px}.workspace-footer{gap:14px;font-size:9px;line-height:1.6}.order-list{max-height:480px}.monitor{padding:0 20px}.monitor-header{min-height:90px;gap:10px}.monitor-brand img{width:66px;height:66px}.monitor-tools .btn{font-size:10px;padding:8px}.clock{font-size:19px}.clock small{font-size:9px}.monitor-body{grid-template-columns:1fr;padding:24px 0;gap:28px}.now{min-height:390px}.now-number{font-size:30vw}.now-name{font-size:28px}.now-label{font-size:10px}.recent-heading{margin-bottom:14px}.recent-item{min-height:100px}.recent-number{font-size:40px}.recent-name{font-size:14px}.monitor-footer{padding:15px 0;align-items:flex-start}.monitor-footer p{margin:0;max-width:220px;line-height:1.7}.monitor-footer .status{font-size:10px}.monitor-tools{flex-wrap:wrap;justify-content:flex-end}.monitor-tools .clock{display:none}}
@media(min-width:601px){.monitor{height:100dvh;min-height:620px}.monitor-header{min-height:0;height:clamp(86px,12vh,126px);flex-shrink:0}.monitor-body{padding:clamp(16px,2.5vh,36px) 0}.now{min-height:0}.now-number{font-size:min(17vw,28vh)}.now-name{font-size:clamp(22px,2.6vw,38px)}.now-instruction{margin-top:22px;padding-top:18px}.recent-list{grid-template-rows:repeat(4,minmax(0,1fr));align-content:stretch;min-height:0}.recent-item{min-height:0;padding:10px 18px}.recent-number{font-size:clamp(28px,min(3.5vw,5.8vh),58px)}.recent-name{font-size:clamp(11px,1.3vw,18px);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-empty{grid-row:1/-1;min-height:0}.monitor-footer{min-height:52px;flex-shrink:0}.monitor-note{padding-top:16px;font-size:12px}.recent-heading{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}