.tcbStaff{color:#17110f;background:#fff8e9;min-height:100svh;font-family:Arial,sans-serif}.tcbStaff header{color:#fff;background:#140a08;justify-content:space-between;align-items:center;height:82px;padding:10px max(20px,50vw - 560px);display:flex}.tcbStaff header img{object-fit:cover;border:2px solid #ffc719;border-radius:50%;width:58px;height:58px}.tcbStaff header>a:last-child{text-transform:uppercase;font-size:13px;font-weight:800}.tcbLogin{grid-template-columns:1fr 420px;align-items:center;gap:65px;max-width:1080px;margin:auto;padding:90px 22px;display:grid}.tcbLogin>div>span,.tcbWelcome span,.tcbKotHeading span{color:#e51818;letter-spacing:.15em;font-size:12px;font-weight:900}.tcbLogin h1,.tcbWelcome h1{text-transform:uppercase;margin:20px 0;font-size:clamp(54px,8vw,92px);line-height:.88}.tcbLogin>div p{color:#675a54;font-size:18px;line-height:1.55}.tcbLogin form,.tcbKotForm{background:#fff;border:1px solid #eedfd2;border-radius:20px;padding:34px;box-shadow:0 18px 60px #30100d12}.tcbLogin h2,.tcbKotHeading h2{text-transform:uppercase;margin:0 0 24px;font-size:32px}.tcbLogin label,.tcbMeta label,.tcbKotRow label,.original{flex-direction:column;gap:7px;margin:17px 0;font-size:13px;font-weight:800;display:flex}.tcbLogin input,.tcbMeta input,.tcbKotRow input,.tcbKotRow select,.original textarea{background:#fff;border:1px solid #cfbdb1;border-radius:8px;min-height:46px;padding:10px 12px;font:16px Arial}.tcbStaff button{color:#fff;cursor:pointer;background:#e51818;border:0;border-radius:9px;min-height:44px;padding:10px 16px;font-weight:900}.tcbLogin form>button{width:100%;margin-top:10px}.tcbError,.tcbSuccess{color:#9d251b;background:#fff0ec;border-left:4px solid #e51818;padding:12px 14px}.tcbSuccess{color:#17623e;background:#eef9f2;border-color:#14814d}.tcbDashboard{max-width:1120px;margin:auto;padding:55px 22px 100px}.tcbWelcome,.tcbKotHeading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.tcbWelcome{border-bottom:1px solid #e5d8cd;padding-bottom:30px}.tcbWelcome h1{margin:10px 0;font-size:50px}.tcbWelcome p{color:#74655d;margin:0}.tcbWelcome button,.outline{color:#e51818!important;background:0 0!important;border:1px solid #e51818!important}.tcbKotHeading{margin-top:45px}.tcbKotHeading h2{margin:8px 0}.tcbKotHeading p{color:#74655d;max-width:650px;line-height:1.5}.tcbMeta{flex-wrap:wrap;align-items:end;gap:18px;display:flex}.tcbMeta label{min-width:210px}.tcbMeta>div{flex-direction:column;gap:7px;padding-bottom:12px;display:flex}.tcbMeta>div span{color:#74655d;font-size:13px}.tcbKotForm{margin-top:26px}.tcbKotForm h3{text-transform:uppercase;margin:30px 0 5px;font-size:25px}.tcbKotRow{border-bottom:1px solid #f0e5dc;grid-template-columns:1fr 150px auto;align-items:end;gap:12px;padding:10px 0;display:grid}.tcbKotRow button{color:#9d251b;background:0 0;border:1px solid #ddb8ad;margin-bottom:17px}.add{margin-top:14px}.original{margin-top:28px}.tcbActions{border-top:1px solid #eadfd6;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.tcbReports{gap:12px;margin-top:25px;display:grid}.tcbReports article{background:#fff;border:1px solid #eedfd2;border-radius:16px;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:20px;display:grid}.tcbReports article span{color:#750;text-transform:uppercase;background:#fff0d0;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:900;display:inline-block}.tcbReports article h3{margin:10px 0 4px}.tcbReports article p{color:#74655d;margin:0;font-size:13px}.tcbReports article>div:nth-child(2){text-align:center}.tcbReports article>div:nth-child(2) strong{color:#e51818;font-size:28px;display:block}.tcbReports article small{color:#74655d}.comparison{flex-direction:column;gap:5px;display:flex}.empty{color:#74655d;background:#fff;padding:25px}@media (width<=760px){.tcbLogin{grid-template-columns:1fr;gap:30px;padding-top:55px}.tcbWelcome,.tcbKotHeading{flex-direction:column}.tcbKotRow{grid-template-columns:1fr 110px}.tcbKotRow button{justify-self:start;margin:0}.tcbReports article{grid-template-columns:1fr auto}.comparison{grid-column:1/-1}.tcbLogin form,.tcbKotForm{padding:24px}}@media (width<=480px){.tcbKotRow{grid-template-columns:1fr}.tcbActions button{flex:1}.tcbStaff header>a:last-child{font-size:11px}.tcbWelcome h1{font-size:42px}}
