:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;width:100vw;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{width:100%;margin:0;place-items:center;min-height:100vh;align-items:center}h1{font-size:3.2em;line-height:1.1}h1,h2,h3,p{color:#141434}button{background-color:#22a2a0;color:#fff;border:none;border-radius:6px;padding:.6em 1.2em;cursor:pointer;font-weight:600;font-size:16px;transition:background-color .2s;min-height:44px;max-width:270px;margin-right:8px}button:hover,button:focus-visible{background-color:#1d7271;outline:none}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-wrapper .form-container{max-width:380px;width:100%;border-radius:16px;border-width:1px;border-color:#22a2a0;border-style:solid;padding:12px 36px 36px;box-shadow:2px 2px 16px 2px #22a2a033}input{padding:12px;border-radius:8px;border:1px solid #ccc;margin-bottom:16px;font-size:16px}.login-wrapper .form-container input{width:100%;box-sizing:border-box}input:focus{outline-color:#22a2a0}.logo{width:96px;height:96px;border-radius:16px;border:1px solid #ccc;margin-bottom:32px}.login-wrapper{display:flex;flex-direction:column}.order-wrapper{width:100%;display:flex;justify-content:center;flex-direction:column}.order-wrapper .form-container{width:100%;max-width:1200px}.order-table thead th{background:#22a2a0;color:#fff;font-weight:600;text-align:left;padding:8px 16px}.order-table thead th:first-child{border-radius:16px 0 0}.order-table thead th:last-child{border-radius:0 16px 0 0;width:80px}.order-table tbody tr+tr{border-top:1px solid #22a2a0}td{padding:4px 16px;vertical-align:middle}.order-table td:nth-child(2){width:80px;display:flex;align-items:center;justify-content:center;padding:12px 0 0}.order-table td:nth-child(2) input{width:65px!important;padding:6px 8px;box-sizing:border-box;margin-bottom:0}.order-table td:last-child{width:80px}.order-table{width:100%;border-collapse:collapse;border-radius:16px}.prod-code{font-size:12px;line-height:14px;color:#888;margin-top:0}.prod-name{font-weight:500}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}#root{max-width:none;width:100%;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.form-header{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row;margin-bottom:16px}.tabs{display:flex;gap:4px;margin:16px 0 8px;border-bottom:1px solid #22a2a0}.tabs button{border-radius:8px 8px 0 0}.admin-tab{flex:1;padding:8px 0;background:#f0f0f0;border:none;cursor:pointer;font-weight:600;transition:background .15s;border-radius:16px 16px 0 0;max-width:200px}.admin-tab:hover{background:#e6e6e6}.tabs button{background:#fff;color:#22a2a0;border:1px solid #22a2a0;border-bottom-width:0px}.tabs button.active{background:#22a2a0;color:#fff}.adminPageContent{width:100%;padding:16px 0}.admin-container{width:calc(100% - 32px);margin:0 auto;padding:16px;background:#fff;border-radius:8px;box-sizing:border-box}.yettel-table-wrapper{width:100%;overflow-x:auto;padding-bottom:8px}.yettel-table{border-collapse:collapse;margin:0}.yettel-table th,.yettel-table td{border:1px solid #22a2a0;padding:4px 8px;white-space:nowrap}.yettel-table thead th{background:#22a2a0;color:#fff;position:sticky;top:0;z-index:2}.yettel-table .sticky-col{position:sticky;left:0;background:#f5f5f5;font-weight:600}.admin-page{width:calc(100% - 50px);margin:0 auto;padding:16px;box-sizing:border-box;align-self:baseline}.tooltip-wrap{position:relative;width:100%}.tooltip-wrap input[disabled]{background:#f5f5f7;cursor:not-allowed}.tooltip-wrap.has-tip:hover:after{content:attr(data-tip);position:absolute;top:-36px;left:0;white-space:nowrap;background:#111;color:#fff;padding:6px 8px;font-size:12px;border-radius:6px;box-shadow:0 6px 18px #00000026;z-index:50}.tooltip-wrap.has-tip:hover:before{content:"";position:absolute;top:-8px;left:12px;border:8px solid transparent;border-top-color:#111;z-index:51}.order-table,.order-table td,.order-table th{overflow:visible}