:root{font-family:Inter,"Noto Sans SC","Microsoft Yahei",system-ui,sans-serif;color:#e7edf8;background:#0b1527;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.public-page{position:relative;overflow-x:hidden;background:radial-gradient(ellipse at 76% 38%,#162746 0,#0d192e 35%,#0a1425 75%)}.ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}.ambient-one{width:620px;height:620px;right:-190px;top:130px;background:radial-gradient(circle,rgba(53,104,194,.21),transparent 65%)}.ambient-two{width:450px;height:450px;left:-300px;bottom:-120px;background:radial-gradient(circle,rgba(48,128,173,.13),transparent 65%)}.site-shell{position:relative;max-width:1240px;min-height:100vh;margin:auto;padding:0 56px;display:flex;flex-direction:column}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25324a}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.19em;font-weight:600;color:#8c9eb9;margin-top:-3px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:#c8fa70;color:#152316;border-radius:11px;font-size:21px;font-weight:900;box-shadow:0 0 32px #bdff7925}.header-note,.dash-top-right{font-size:13px;color:#a4b4ce;display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c5f870;box-shadow:0 0 0 5px #c5f87018}.public-main{max-width:820px;width:100%;padding:112px 0 70px;flex:1}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:750;color:#bcf479;display:flex;gap:12px;align-items:center}.eyebrow-line{height:1px;width:27px;background:#c7f77d}.public-main h1{font-size:clamp(54px,7vw,88px);line-height:1.15;letter-spacing:-.065em;font-weight:800;margin:26px 0 24px}.public-main h1 em{color:#c9f57f;font-style:normal}.lead{font-size:17px;color:#9fb0c9;line-height:1.9;max-width:610px;margin:0 0 52px}.lookup-form{padding:25px 26px 19px;background:#18253a;border:1px solid #344259;border-radius:15px;box-shadow:0 22px 66px #060d1b45}.lookup-form label,.stack-form label,.field label{font-size:13px;font-weight:650;color:#c7d4e6;display:block;margin-bottom:13px}.lookup-input-row{display:flex;gap:12px}.lookup-input-row input,.stack-form input,.create-form input,.extend-form input{min-width:0;outline:0;color:#edf5ff;background:#111d30;border:1px solid #394a61;border-radius:9px;height:53px;padding:0 17px;transition:border-color .15s,box-shadow .15s}.lookup-input-row input:focus,.stack-form input:focus,.create-form input:focus,.extend-form input:focus{border-color:#c7f77d;box-shadow:0 0 0 3px #c7f77d22}.lookup-input-row input{flex:1;font-size:15px;letter-spacing:.035em}.lookup-input-row input::placeholder,.stack-form input::placeholder,.create-form input::placeholder,.extend-form input::placeholder{color:#7589a5;letter-spacing:0}.lookup-input-row button,.primary-button{border:0;border-radius:9px;background:#c9f779;color:#192418;font-weight:800;padding:0 23px;min-height:53px;white-space:nowrap;display:flex;align-items:center;justify-content:space-between;gap:26px;transition:background .15s,transform .15s}.lookup-input-row button:hover,.primary-button:hover{background:#defeaa;transform:translateY(-1px)}.lookup-input-row button:disabled,.primary-button:disabled{opacity:.55;cursor:wait}.form-hint{font-size:12px;color:#8799b3;margin:13px 0 0}.message{padding:12px 16px;border-radius:9px;font-size:13px}.error-message{margin-top:15px;background:#462a36;color:#ffd3da;border:1px solid #a45563}.info-strip{display:flex;align-items:flex-start;gap:12px;margin-top:31px;color:#8193ae;font-size:13px;line-height:1.65}.info-strip p{margin:0}.info-icon{width:19px;height:19px;border-radius:50%;border:1px solid #7791ad;color:#9cb7d1;display:grid;place-items:center;flex:none;font-family:Georgia,serif;font-style:italic}.site-footer{border-top:1px solid #25324a;min-height:74px;display:flex;justify-content:space-between;align-items:center;color:#71849f;font-size:12px}.result-card{margin-top:22px;background:#e8f2df;color:#1d3026;border:1px solid #eaf9c6;border-radius:15px;padding:29px 31px;box-shadow:0 24px 65px #040a193a}.result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.overline{color:#57755e;font-size:10px;letter-spacing:.15em;font-weight:750}.result-top h2{font-size:21px;margin:7px 0 0}.status-pill{display:inline-flex;align-items:center;border-radius:100px;padding:6px 11px;background:#264a37;color:#d2fa97;font-size:11px;font-weight:750;white-space:nowrap}.status-pill.pending,.status-pill.paused{background:#d9e3d3;color:#49624d}.status-pill.completed{background:#d3dfec;color:#3f5d7b}.timer-grid{display:flex;gap:44px;margin:35px 0}.timer-block{display:flex;flex-direction:column;gap:7px}.timer-label{font-size:12px;color:#628068}.timer-block strong{font-size:clamp(30px,4vw,46px);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.timer-block.secondary strong{color:#537358}.progress-head{display:flex;justify-content:space-between;color:#5b745f;font-size:12px;font-weight:650;margin-bottom:9px}.progress-track{height:8px;border-radius:99px;background:#c5d9bf;overflow:hidden}.progress-fill{height:100%;width:0;background:#468d58;border-radius:99px;transition:width .4s}.result-meta{border-top:1px solid #c5dac2;margin-top:30px;padding-top:21px;display:flex;gap:30px;flex-wrap:wrap}.result-meta div{display:flex;flex-direction:column;gap:5px}.result-meta span{font-size:11px;color:#67816c}.result-meta b{font-size:13px;letter-spacing:.02em}.status-note{margin-top:20px;color:#55755b;font-size:12px}.admin-page{background:#0c1525}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 40%,#1c2b43,#0b1424 70%)}.login-card{position:relative;overflow:hidden;width:min(100%,465px);background:#17253a;border:1px solid #35435c;border-radius:19px;padding:37px;box-shadow:0 35px 90px #04091688}.login-decoration{position:absolute;right:30px;top:80px;color:#233c44;font-size:130px;line-height:1;pointer-events:none}.login-card .eyebrow{margin-top:55px}.login-card h1{font-size:33px;margin:12px 0 8px;letter-spacing:-.04em}.login-card>p:not(.message){color:#92a4bd;font-size:14px;line-height:1.7;margin:0 0 35px}.stack-form input{width:100%;margin-bottom:15px}.stack-form .primary-button{width:100%}.login-foot{border-top:1px solid #34435b;padding-top:23px;margin-top:33px;display:flex;justify-content:space-between;color:#91a3bd;font-size:13px}.login-foot a{color:#c9f779}.dashboard{min-height:100vh;display:flex}.sidebar{width:236px;flex:none;background:#111d2f;border-right:1px solid #27354a;padding:32px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{font-size:21px}.sidebar-label{font-size:11px;letter-spacing:.13em;color:#7387a3;margin:68px 12px 16px}.nav-current{background:#283c42;color:#d5f9a0;border:1px solid #3c5a4b;border-radius:9px;padding:14px 16px;font-size:14px;font-weight:650}.nav-current span{margin-right:10px}.sidebar-bottom{margin-top:auto;display:grid;gap:17px}.sidebar-bottom a,.sidebar-bottom button{background:none;border:0;padding:0;text-align:left;color:#9fb1c8;font-size:13px}.sidebar-bottom a:hover,.sidebar-bottom button:hover{color:#c7f77d}.dashboard-main{width:min(100%,1160px);padding:48px 52px 60px;margin:auto}.dash-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:34px}.dash-top h1{font-size:41px;letter-spacing:-.05em;margin:12px 0 7px}.title-period{color:#c9f779}.dash-top p{color:#91a2b9;margin:0;font-size:14px}.dash-top-right{border:1px solid #344861;border-radius:50px;padding:10px 16px;margin-top:5px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#162338;border:1px solid #2c3b52;border-radius:13px;padding:20px 23px;display:flex;flex-direction:column;min-height:140px}.stat-card>span{font-size:12px;color:#9eb0c9}.stat-card strong{font-size:39px;letter-spacing:-.05em;margin:12px 0 0;line-height:1}.stat-card small{font-size:11px;color:#788ca9;margin-top:10px}.work-panel{background:#152238;border:1px solid #2c3a52;border-radius:14px;padding:27px 28px;margin-bottom:22px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:23px}.section-head h2{font-size:21px;letter-spacing:-.03em;margin:7px 0 0}.section-tag{border:1px solid #3d4c63;color:#8fa3bd;font-size:11px;border-radius:50px;padding:7px 11px}.create-form{display:flex;align-items:end;gap:12px}.field{flex:1}.duration-field{flex:0 1 215px}.create-form input{width:100%}.create-form .primary-button{min-width:165px;justify-content:space-between}.ghost-button{background:transparent;border:1px solid #41516b;border-radius:8px;color:#bed0e5;padding:9px 14px}.ghost-button:hover{border-color:#c9f779;color:#c9f779}.orders-panel{min-height:210px}.empty-state{text-align:center;padding:28px;color:#8c9fb9}.empty-state span{display:block;font-size:33px;color:#c9f779}.empty-state strong{display:block;color:#d6e3f1;margin:9px}.empty-state p{font-size:12px}.orders-list{display:grid;gap:14px}.order-item{background:#1b2a40;border:1px solid #354660;border-radius:11px;padding:22px}.order-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.order-heading h3{margin:0;font-size:17px}.order-code-line{display:flex;align-items:center;gap:11px;margin-top:13px;flex-wrap:wrap;font-size:12px;color:#8398b1}.order-code-line code{color:#c9f779;font-family:ui-monospace,Consolas,monospace;font-size:13px;font-weight:700;letter-spacing:.04em}.text-button{background:none;border:0;color:#adc3df;padding:0;font-size:12px}.text-button:hover{color:#c9f779}.order-meters{display:flex;gap:34px;margin:25px 0 13px}.order-meters div{display:grid;gap:6px}.order-meters span{font-size:11px;color:#8da1bc}.order-meters strong{font-variant-numeric:tabular-nums;font-size:17px}.order-item .progress-track{height:5px;background:#35455e}.order-item .progress-fill{background:#c9f779}.order-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.action-button{background:#29394e;color:#b9c9dd;border:1px solid #43546c;border-radius:7px;padding:9px 13px;font-size:12px;font-weight:700}.action-button:hover{border-color:#c9f779;color:#e5f4d3}.action-button:disabled{opacity:.45;cursor:not-allowed}.start-button{background:#c9f779;border-color:#c9f779;color:#1b2717}.start-button:hover{background:#e0ffa6;color:#1b2717}.finish-button{margin-left:auto}.extend-form{margin-top:15px;display:flex;align-items:end;gap:8px;flex-wrap:wrap;border-top:1px solid #34465b;padding-top:15px}.extend-form label{font-size:12px;color:#adbed4;display:flex;align-items:center;gap:8px}.extend-form input{width:110px;height:36px}.dash-foot{font-size:12px;color:#7c8fa9;text-align:center;margin-top:30px}.toast{position:fixed;bottom:24px;right:24px;max-width:370px;background:#c9f779;color:#1b2818;padding:13px 20px;border-radius:9px;font-size:13px;font-weight:750;box-shadow:0 15px 35px #050a1599;z-index:5}@media(max-width:850px){.sidebar{width:180px}.dashboard-main{padding:40px 28px}.create-form{flex-wrap:wrap}.field{min-width:180px}.create-form .primary-button{width:100%}}@media(max-width:640px){.site-shell{padding:0 23px}.site-header{height:76px}.brand{font-size:20px}.brand-mark{width:34px;height:34px;font-size:18px}.header-note{font-size:11px}.public-main{padding-top:75px}.public-main h1{font-size:clamp(49px,11vw,67px)}.lead{font-size:14px;margin-bottom:35px}.lookup-form{padding:19px}.lookup-input-row{display:block}.lookup-input-row input{width:100%}.lookup-input-row button{width:100%;margin-top:10px}.result-card{padding:22px 19px}.timer-grid{gap:25px}.timer-block strong{font-size:clamp(22px,6vw,34px)}.result-meta{gap:18px}.site-footer{font-size:10px;gap:10px}.sidebar{display:none}.dashboard-main{padding:29px 17px}.dash-top h1{font-size:32px}.dash-top-right{display:none}.stat-row{gap:8px}.stat-card{padding:14px 11px;min-height:122px}.stat-card strong{font-size:30px}.stat-card>span{font-size:11px}.work-panel{padding:20px 15px}.section-tag{display:none}.create-form{display:grid}.duration-field{width:100%}.order-item{padding:16px}.order-meters{gap:18px}.order-meters strong{font-size:14px}.finish-button{margin-left:0}}
.status-pill.waiting{background:#d9e3d3;color:#49624d}.status-pill.observed{background:#264a37;color:#d2fa97}.status-pill.completed{background:#d3dfec;color:#3f5d7b}.observed-line{color:#90a5be;font-size:12px;margin-top:13px}.correct-form{margin-top:15px;display:flex;align-items:end;gap:8px;flex-wrap:wrap;border-top:1px solid #34465b;padding-top:15px}.correct-form label{font-size:12px;color:#adbed4;display:flex;align-items:center;gap:8px}.correct-form input{width:95px;height:36px}.key-dialog{width:min(95vw,520px);padding:28px;background:#19283d;border:1px solid #51617a;color:#e7edf8;border-radius:15px;box-shadow:0 30px 90px #050b1ddd}.key-dialog::backdrop{background:#050b17bb}.key-dialog h2{margin:0 0 9px;font-size:23px}.key-dialog p{color:#aabbd1;font-size:13px;line-height:1.8;margin:0 0 23px}.key-dialog label{display:block;color:#aabbd1;font-size:12px;margin:14px 0}.key-dialog input{display:block;width:100%;margin-top:7px;border:1px solid #475971;background:#101d2f;color:#c9f779;font-family:ui-monospace,Consolas,monospace;font-size:13px;border-radius:7px;padding:12px;outline:0}.key-dialog .primary-button{width:100%;margin:24px 0 10px}.key-dialog .ghost-button{width:100%}

/* Duration editing and order actions */
.create-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1fr) minmax(250px,1.1fr) auto;gap:14px;align-items:end}
.create-form .field,.create-form .duration-inputs{min-width:0}
.duration-inputs{border:0;margin:0;padding:0;min-width:0}
.duration-inputs legend{font-size:13px;font-weight:650;color:#c7d4e6;margin-bottom:12px}
.duration-units{display:flex;gap:7px;align-items:end}
.duration-units label{flex:1;min-width:0;font-size:12px;color:#adbed4}
.duration-units input{display:block;width:100%;min-width:0;margin-top:6px;height:45px;padding:0 8px;outline:0;color:#edf5ff;background:#111d30;border:1px solid #394a61;border-radius:8px}
.duration-units input:focus,.inline-form input:focus{border-color:#c9f779}
.inline-form{border-top:1px solid #34465b;margin-top:16px;padding-top:17px;display:flex;gap:13px;flex-wrap:wrap;align-items:end}
.inline-form h4{width:100%;margin:0;color:#dce8f3;font-size:14px}
.inline-form .wide-label{font-size:12px;color:#adbed4;flex:1 1 190px}
.inline-form .wide-label input{width:100%;display:block;margin-top:7px;height:45px;padding:0 11px;border:1px solid #394a61;border-radius:8px;background:#111d30;color:#edf5ff}
.inline-form .duration-inputs{flex:1 1 270px}
.inline-form .duration-inputs legend{font-size:12px;margin-bottom:2px}
.form-note{width:100%;margin:0;color:#8da1bc;font-size:12px;line-height:1.5}
.form-actions{display:flex;gap:9px;align-items:center;width:100%}
.danger-button{color:#ffc5c3;border-color:#905657;margin-left:auto}
.danger-button:hover{color:#fff;border-color:#ec8181;background:#613639}
@media(max-width:1000px){.create-form{grid-template-columns:repeat(2,minmax(0,1fr))}.create-form .primary-button{width:auto}}
@media(max-width:640px){.create-form{grid-template-columns:minmax(0,1fr)}.create-form .primary-button{width:100%}.inline-form .wide-label{flex-basis:100%}.danger-button{margin-left:0}}
