*{box-sizing:border-box}body{color:#172b42;background:#f6f8fb;margin:0;font-family:Tahoma,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}button:disabled{opacity:.6}aside{background:#fff;border-left:1px solid #e6ebf1;width:245px;padding:35px 22px;position:fixed;top:0;bottom:0;right:0}.brand{color:inherit;align-items:center;gap:12px;font-size:26px;font-weight:700;text-decoration:none;display:flex}.brand>span{color:#fff;background:#0b776c;border-radius:13px;place-items:center;width:45px;height:48px;display:grid}.brand small{margin-top:5px;font-size:11px;font-weight:400}.nav-label{color:#95a1ae;margin:56px 14px 15px;font-size:11px}.nav{color:#687789;border-radius:9px;justify-content:flex-start;width:100%;margin-bottom:9px;padding:15px 12px}.nav.active{color:#087667;background:#eaf5f1;font-weight:700}.aside-bottom{color:#59766e;gap:12px;font-size:12px;display:flex;position:absolute;bottom:30px}.aside-bottom small{color:#95a1ae;margin-top:6px;font-size:10px}small{display:block}main{max-width:1800px;margin-right:245px;padding:0 42px}header{color:#8a97a6;border-bottom:1px solid #e3e8ef;justify-content:space-between;align-items:center;height:84px;font-size:12px;display:flex}header b{color:#536274;font-weight:400}.online{color:#418167;background:#ecf6ef;border:1px solid #d9ecdf;border-radius:20px;padding:7px 13px;font-size:11px}.heading{justify-content:space-between;align-items:center;margin:38px 0 25px;display:flex}.eyebrow{color:#0d8476;font-size:11px}h1{letter-spacing:-1px;margin:10px 0 12px;font-size:29px}p{color:#8793a1;margin:6px 0;font-size:12px;line-height:1.8}h2{margin:0;font-size:16px}.primary{color:#fff;background:#0b776c;border-radius:8px;padding:13px 20px;font-size:12px;font-weight:700;box-shadow:0 4px 10px #0b776c14}.secondary{background:#fff;border:1px solid #dce4ea;border-radius:7px;padding:10px 13px;font-size:11px}.period{color:#82909f;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:11px;display:flex}.period label{align-items:center;gap:12px;display:flex}input,select{color:#34475a;background:#fff;border:1px solid #dfe5ed;border-radius:7px;min-width:0;padding:10px 12px}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:26px;display:grid}.stat{background:#fff;border:1px solid #e4e9ef;border-radius:11px;padding:21px}.stat>div{color:#738193;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat i{border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.blue{color:#5680bf;background:#eef3fc}.purple{color:#9771c4;background:#f4effc}.amber{color:#c69d4c;background:#fcf6e9}.green{color:#0c8973;background:#e9f6ef}.stat strong{text-align:right;margin:15px 0;font-size:28px;font-weight:600;display:block}.stat small{color:#a0a9b4;font-size:10px}.panel{background:#fff;border:1px solid #e2e8ef;border-radius:12px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;padding:23px 24px;display:flex}.count{color:#7b8b99;background:#eef3f5;border-radius:5px;margin-right:6px;padding:4px 8px;font-size:11px;display:inline-block}.filters{gap:13px;padding:0 24px 23px;display:flex}.search{color:#9aa6b2;border:1px solid #dfe5ed;border-radius:7px;flex:1;align-items:center;padding:0 12px;display:flex}.search input{border:0;width:100%;font-size:12px}.filters select{font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:right;width:100%;font-size:12px}th{color:#7e8c9b;background:#f8fafc;border-block:1px solid #e9edf2;padding:15px 20px;font-size:10px;font-weight:400}td{border-bottom:1px solid #eef1f5;padding:19px 20px}td small{color:#9aa5b0;margin-top:7px;font-size:10px}td small[dir]{text-align:right}.badge{color:#5d86a0;background:#eef5fa;border-radius:6px;padding:6px 9px;font-size:10px}.profit{color:#0a8a71;font-weight:700}.expired{color:#c36950}.actions{color:#8594a0;gap:8px;display:flex}.actions button{padding:5px}.empty{text-align:center;padding:45px 20px 50px}.empty>div{color:#9cacbb;background:#f0f5f7;border-radius:15px;place-items:center;width:66px;height:66px;margin:auto;display:grid}.empty h3{margin-top:20px;font-size:15px}.empty p{margin-bottom:20px}footer{color:#96a1ad;border-top:1px solid #edf0f5;justify-content:space-between;padding:17px 24px;font-size:10px;display:flex}.bottom-note{text-align:center;color:#a5aeb8;padding:25px;font-size:10px}.renew{color:#997734;background:#fff8e9;border:1px solid #f1e4c4;border-radius:9px;align-items:center;gap:10px;margin-bottom:22px;padding:14px 18px;font-size:12px;display:flex}.error{color:#a63832;background:#fff0ef;border-radius:8px;margin:12px 0;padding:14px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#12293e66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:670px;max-height:94vh;padding:28px;overflow:auto;box-shadow:0 30px 100px #10283744}.modal-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid label{flex-direction:column;gap:8px;font-size:12px;display:flex}.profit-box{color:#187863;background:#eaf6f0;border-radius:8px;justify-content:space-between;margin-top:23px;padding:20px;display:flex}.profit-box strong{font-size:23px}.form-actions{justify-content:flex-start;gap:10px;margin-top:22px;display:flex}.footnote{padding:15px 24px}@media (width>=1500px){main{padding-inline:65px}.heading{margin-top:48px}}@media (width<=1050px){aside{width:200px;padding-inline:15px}main{margin-right:200px;padding-inline:24px}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){aside{border-bottom:1px solid #e3e8ef;flex-wrap:wrap;align-items:center;gap:8px;width:auto;padding:18px;display:flex;position:static}.brand{width:100%;margin-bottom:15px;font-size:22px}.brand>span{width:38px;height:40px}.nav-label,.aside-bottom{display:none}.nav{width:auto;margin:0;padding:10px;font-size:11px}main{margin:0;padding:0 17px}header{height:50px}.heading{gap:8px;margin:25px 0}h1{font-size:23px}.eyebrow,.heading p{font-size:10px}.primary{white-space:nowrap;padding:12px;font-size:11px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:24px}.stat>div{font-size:10px}.period{gap:8px;font-size:10px}.period input{padding:8px}.period>span{max-width:75px;line-height:1.8}.panel-head{padding:18px}.filters{flex-wrap:wrap;padding:0 15px 16px}.search{flex-basis:100%}.filters select{width:100%}.modal{padding:20px}.form-grid{gap:13px}.form-grid input{width:100%}footer span{display:none}}.brand{font-size:20px}.renew{flex-wrap:wrap}.renew span{line-height:1.8}.login-screen{background:radial-gradient(at top,#e5f3ed,#f6f8fb 70%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e1e9e5;border-radius:20px;width:min(420px,100%);padding:38px;box-shadow:0 20px 90px #184d3e10}.login-card h1{font-size:28px}.login-card label{flex-direction:column;gap:9px;margin-block:22px;font-size:12px;display:flex}.login-card input{text-align:left;direction:ltr;width:100%}.login-card .primary{width:100%;margin-top:6px}.login-symbol{color:#fff;background:#0b776c;border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.login-card .error{font-size:12px}.login-card small{color:#899991;margin-top:20px;font-size:11px;line-height:1.8}.payment-editor{border:1px solid #dbe4ed;border-radius:12px;margin:16px 0;padding:16px}.payment-editor h3{margin:0 0 8px}.payment-editor p{color:#52677e;font-size:13px}.payment-row{align-items:end;gap:10px;margin:12px 0;display:flex}.payment-row label{flex:1;min-width:0}.cash-report{margin-top:24px}.cash-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:20px;display:grid}.cash-cards article{border:1px solid #dbe4ed;border-radius:12px;padding:20px}.cash-cards span{color:#52677e;font-size:13px;display:block}.cash-cards strong{margin-top:12px;font-size:26px;display:block}@media (width<=600px){.payment-row{flex-wrap:wrap}.payment-row label{flex-basis:40%}.cash-cards{grid-template-columns:1fr}}