@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#08121f;--surface:#101f30;--surface2:#16283b;--line:#23364b;--ink:#f2f7fc;--muted:#8aa1b8;--cyan:#46d1e6;--green:#64e3ad;--amber:#f0c475;font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#102b3b 0,transparent 35%),var(--bg);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#app{max-width:1080px;margin:auto;padding:0 22px 120px}.header{height:92px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #243449}.brand{display:flex;align-items:center;gap:13px}.logo{width:49px;height:49px;background:white;border-radius:15px;display:grid;place-items:center;overflow:hidden}.logo img{width:46px;height:46px;object-fit:contain}.brand strong{font:800 13px Manrope,sans-serif;letter-spacing:-.04em;display:block}.brand strong em{font-style:normal;color:#8196ab}.brand small{display:block;font-size:9px;letter-spacing:.11em;font-weight:800;color:#8197ab;margin-top:4px}.brand small b{color:var(--cyan)}.headright{display:flex;align-items:center;gap:15px}.online{font-size:9px;letter-spacing:.1em;font-weight:800;color:#66d5b4}.avatar{width:38px;height:38px;border:1px solid #32465a;background:#182b3e;color:#b7cddd;border-radius:13px}.intro,.page-title{padding:35px 0 22px}.eyebrow,.kicker{font-size:10px;letter-spacing:.17em;color:#6e9cb5;font-weight:800}.intro h1,.page-title h1{font:800 clamp(30px,5vw,46px)/1.12 Manrope,sans-serif;letter-spacing:-.065em;margin:11px 0}.intro h1 span,.page-title h1 span,.auth-box h1 span{color:var(--cyan)}.intro p,.page-title p{color:var(--muted);font-size:13px;margin:0;line-height:1.65}.hero{position:relative;background:linear-gradient(115deg,#173d50,#10253a 72%);border:1px solid #2a5c68;border-radius:24px;min-height:245px;overflow:hidden;padding:29px}.hero-lines{position:absolute;right:-60px;top:-70px;width:300px;height:300px;border:1px solid #59e2f333;border-radius:50%;box-shadow:0 0 0 38px #59e2f30a,0 0 0 85px #59e2f30b}.live{display:inline-flex;align-items:center;gap:9px;color:#8ee1d9;font-size:10px;font-weight:800;letter-spacing:.12em}.live i{width:7px;height:7px;border-radius:50%;background:#68e5bb;box-shadow:0 0 0 4px #68e5bb20}.hero h2{font:800 clamp(23px,4vw,31px)/1.17 Manrope,sans-serif;letter-spacing:-.055em;max-width:410px;margin:24px 0 10px;position:relative}.hero p{font-size:12px;color:#b3c9d6;max-width:390px;line-height:1.6;position:relative}.cta{border:0;background:linear-gradient(110deg,#45d0e4,#83e4d0);color:#082335;border-radius:13px;min-height:48px;padding:13px 19px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;transition:transform .2s}.cta:hover{transform:translateY(-2px)}.wide{width:100%}.hero-number{position:absolute;bottom:24px;right:26px;color:#76b7c633;font:800 14px Manrope;letter-spacing:.2em}.kicker{margin:31px 0 13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:#101f30;border:1px solid #25384c;border-radius:19px;padding:18px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:var(--ink)}.stat b{font:800 32px Manrope;letter-spacing:-.07em}.stat>span:last-child{color:#a4b7c9;font-size:11px;font-weight:700}.stat-symbol{width:36px;height:36px;border-radius:11px;display:grid;place-items:center}.stat-symbol.amber{background:#40362c;color:var(--amber)}.stat-symbol.cyan{background:#1a3c4b;color:var(--cyan)}.stat-symbol.green{background:#1c3b39;color:var(--green)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:34px 0 17px}.section-title h2{font:800 22px Manrope;letter-spacing:-.05em;margin:7px 0 0}.link{border:0;background:transparent;color:var(--cyan);font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:8px}.orders{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:12px}.order{width:100%;border:1px solid #25384c;background:#101f30;border-radius:18px;text-align:left;color:inherit;padding:19px;transition:transform .2s,border-color .2s}.order:hover{transform:translateY(-2px);border-color:#4a9eac}.order-top,.order-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.code{color:#8ba6bb;font-size:10px;font-weight:800;letter-spacing:.09em}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:30px;padding:7px 9px;font-size:10px;font-weight:800;white-space:nowrap}.pill.pending{background:#423528;color:#f0c475}.pill.active{background:#193e50;color:#60d4eb}.pill.done{background:#1b3c35;color:#68e4b2}.order h3{font:800 17px Manrope;letter-spacing:-.04em;margin:21px 0 5px}.order p{font-size:12px;color:#9aafc1;margin:0 0 18px}.order-foot{border-top:1px solid #28384a;padding-top:14px;font-size:10px;color:#8ba4b7}.order-foot strong{font-size:13px;color:#f0f7ff}.footnote{text-align:center;color:#49667d;font-size:10px;letter-spacing:.1em;margin:35px 0}.bottom{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,600px);display:flex;align-items:center;justify-content:space-around;padding:8px 10px calc(9px + env(safe-area-inset-bottom));background:#101e2e;border:1px solid #2b4055;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px #0005}.navbtn{border:0;background:transparent;color:#829bb0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px;min-width:50px}.navbtn small{font-size:10px;font-weight:700}.navbtn.chosen{color:#5edbea}.navbtn.add>span{background:var(--cyan);color:#082335;width:43px;height:36px;display:grid;place-items:center;border-radius:11px;margin-top:-13px}.search{border:1px solid #2b4156;background:#112236;border-radius:13px;padding:0 15px;display:flex;align-items:center;gap:12px;color:#8cacc2;margin:0 0 13px}.search input{background:transparent;border:0;padding:14px 0;width:100%;outline:none;color:#eaf6ff}.tabs{display:flex;gap:8px;overflow-x:auto;margin:13px 0 19px;scrollbar-width:none}.tabs button{border:1px solid #2d4358;background:#112237;color:#8da9be;border-radius:99px;padding:10px 14px;white-space:nowrap;font-size:11px;font-weight:800}.tabs button.selected{background:#2b6273;color:#d9faff;border-color:#5cbed1}.panel{background:#101f30;border:1px solid #27394c;border-radius:20px;padding:22px;margin:15px 0}.panel h3{font:800 16px Manrope;letter-spacing:-.035em;margin:0 0 14px}.panel-title{display:flex;align-items:center;gap:13px;padding-bottom:18px;margin-bottom:14px;border-bottom:1px solid #29394a}.panel-title h3{margin:0 0 3px}.panel-title p{margin:0;color:#7f9aaf;font-size:11px}.num{height:37px;min-width:37px;border-radius:12px;background:#193d50;color:#5bd3e8;display:grid;place-items:center;font-weight:800;font-size:13px}.field{display:flex;flex-direction:column;gap:7px;margin:14px 0}.field label{font-size:11px;color:#a4b8c9;font-weight:800}.field input,.field select,.field textarea{border:1px solid #30475d;background:#0c1a2a;color:#f0f7ff;border-radius:11px;padding:12px;width:100%;min-width:0}.field textarea{min-height:100px;resize:vertical;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#657f94}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.back{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#7ccadd;padding:21px 0 0;font-size:12px;font-weight:800}.timer-panel{background:linear-gradient(130deg,#173f4f,#102438);border:1px solid #387283;border-radius:23px;padding:24px;margin-bottom:18px}.timer-top,.timer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.timer{font:800 clamp(43px,9vw,68px) Manrope;letter-spacing:-.075em;text-align:center;margin:24px 0;color:#efffff;font-variant-numeric:tabular-nums}.outline{border:1px solid #416478;background:#1a3447;color:#e5faff;border-radius:12px;padding:13px 17px;min-height:47px;font-size:12px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:9px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:16px}.detail-grid .panel{margin-top:0}.panel-sub{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;border-top:1px solid #29394a;padding-top:18px;margin-top:18px}.mini{border:1px solid #335469;background:#19384a;color:#86d7e8;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:800}.item{display:grid;grid-template-columns:minmax(0,1fr) 65px 95px 30px;gap:7px;margin:10px 0}.item input{width:100%;min-width:0;border:1px solid #30475d;background:#0c1a2a;color:#fff;border-radius:9px;padding:9px;font-size:12px}.item-remove{border:0;border-radius:9px;background:#442d39;color:#f8a6ac}.total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2b4457;padding:20px 0;margin-top:20px;font-size:13px}.total strong{font:800 22px Manrope;color:#74e0ed}.detail-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #28394a;padding:13px 0;font-size:12px}.detail-row span{color:#a2b6c6}.detail-row b{font-size:12px;text-align:right}.block{display:block;font-size:10px;color:#718da2;margin-top:4px}.finished-note{color:#6be1b0;font-size:12px;font-weight:800;display:flex;gap:8px}.revenue{background:linear-gradient(115deg,#173d50,#13283e);border:1px solid #316377;border-radius:20px;padding:27px;margin:18px 0}.revenue h2{font:800 clamp(30px,5vw,43px) Manrope;letter-spacing:-.06em;margin:10px 0}.revenue p{color:#9ab5c6;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{background:#102134;border:1px solid #293c50;border-radius:15px;padding:18px}.metric span{display:block;font-size:11px;color:#91a9bc;margin-bottom:10px}.metric strong{font:800 21px Manrope;letter-spacing:-.05em}.barline{margin:16px 0}.barline>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:9px}.barline span{color:#9cb8c9}.track{height:9px;background:#1d3447;border-radius:9px;overflow:hidden}.track i{height:100%;display:block;background:linear-gradient(90deg,#3fb9dc,#69e5c8);border-radius:9px}.quiet{color:#7893a9;font-size:11px;line-height:1.7}.empty{text-align:center;border:1px dashed #2b4558;border-radius:18px;padding:35px 20px;color:#7da2b6}.empty h3{color:#e9f8ff;font:800 17px Manrope}.empty p{font-size:12px}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-box{width:min(100%,460px);border:1px solid #2b465b;background:#101f30;border-radius:24px;padding:29px}.auth-symbol{margin:36px 0 17px;color:#55d6e8}.auth-box h1{font:800 38px Manrope;letter-spacing:-.065em;line-height:1.1}.auth-box p{color:#92aabc;font-size:12px;line-height:1.7}.auth-switch{margin:20px auto;display:flex}.toast{position:fixed;z-index:100;bottom:110px;left:50%;transform:translateX(-50%);width:min(90vw,420px);padding:14px;background:#244c5b;border:1px solid #5db3c5;border-radius:12px;color:#f2ffff;box-shadow:0 10px 30px #0009;font-size:13px}.loading{padding:50px;text-align:center;color:#85d6e6}@media(min-width:850px){.intro,.page-title{padding-top:44px}.hero{padding:38px}.stats{gap:16px}.stat{padding:23px}}@media(max-width:650px){#app{padding:0 15px 110px}.header{height:75px}.online{display:none}.brand strong{font-size:11px}.brand small{font-size:8px}.logo{width:43px;height:43px}.logo img{width:40px;height:40px}.hero{padding:22px}.stats{gap:7px}.stat{padding:12px}.stat b{font-size:26px}.stat>span:last-child{font-size:10px}.detail-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr 1fr}.timer-top{flex-wrap:wrap}.item{grid-template-columns:minmax(0,1fr) 45px 65px 27px;gap:5px}.item input{padding:7px;font-size:11px}.bottom{border-radius:0}.navbtn{min-width:42px;padding:5px}.navbtn small{font-size:9px}}@media(max-width:370px){.two{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:17px}}@media print{.bottom,.header,.timer-actions,.cta,.outline,.back{display:none!important}#app{padding:0}}