*{box-sizing:border-box}body.dfxo{margin:0;font-family:Inter,system-ui,sans-serif;background:#F2F2F2;color:#231F20;-webkit-font-smoothing:antialiased}
.dfxo h1,.dfxo h2{font-family:Montserrat,sans-serif;margin:0}.dfxo a{color:inherit;text-decoration:none}
.bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid transparent;border-radius:999px;padding:11px 22px;font:700 14px Montserrat,sans-serif;background:#E3201A;color:#fff;cursor:pointer;transition:.2s}.bt:hover{background:#B9150F}
.bt-o{background:#fff;color:#231F20;border-color:#C1C1C1}.bt-o:hover{background:#231F20;color:#fff;border-color:#231F20}.bt-wa{background:#25D366;color:#0b0b0c;padding:9px 16px;font-size:13px}.bt-wa:hover{background:#1fb457}
.lg{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#D9D9D9,#F2F2F2)}
.lg-c{background:#fff;border-radius:22px;padding:36px 32px;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.12);display:grid;gap:14px;border-top:5px solid #E3201A}
.lg-logo{height:54px;width:auto;justify-self:center}.lg-c h1{font-size:24px;text-align:center}.lg-c p{margin:0;color:#5E5E5E;text-align:center;font-size:14px}
.lg-c label{display:grid;gap:6px;font-weight:700;font-size:14px}.lg-c input{height:48px;border:1px solid #DADADA;border-radius:12px;padding:0 14px;font:16px Inter,sans-serif}.lg-c input:focus{outline:0;border-color:#E3201A;box-shadow:0 0 0 3px rgba(227,32,26,.12)}
.lg-err{background:#FDECEB;color:#9B1510!important;border-radius:10px;padding:10px;font-weight:700}.lg-back{text-align:center;font-size:13px;color:#818181}
.tb{background:#D9D9D9;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:3px solid #E3201A;position:sticky;top:0;z-index:5}.tb img{height:44px}.tb-r{display:flex;align-items:center;gap:14px;font-weight:600;font-size:14px}
.wr{max-width:1200px;margin:0 auto;padding:28px 20px 60px}.hd{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:20px}.hd h1{font-size:28px}.hd p{color:#5E5E5E;margin:6px 0 0;max-width:640px}
#q{height:46px;min-width:300px;border:1px solid #C1C1C1;border-radius:999px;padding:0 18px;font:15px Inter,sans-serif;background:#fff}#q:focus{outline:0;border-color:#E3201A}
.st{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.st div{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 4px 14px rgba(0,0,0,.05)}.st b{display:block;font:900 28px Montserrat;color:#E3201A}.st span{font-size:13px;color:#5E5E5E}
.gl{display:grid;gap:18px}.cl{background:#fff;border-radius:20px;padding:22px;box-shadow:0 6px 20px rgba(0,0,0,.06);border-left:5px solid #E3201A}.cl[hidden]{display:none}
.cl-h{display:flex;justify-content:space-between;align-items:start;gap:12px}.cl-h h2{font-size:19px}.cl-h small{color:#818181}
.cl-d{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px;margin:16px 0;padding:14px 0;border-top:1px solid #ECECEC;border-bottom:1px solid #ECECEC}.cl-d dt{font:700 11px Montserrat;text-transform:uppercase;letter-spacing:.06em;color:#818181}.cl-d dd{margin:2px 0 0;font-weight:600;overflow-wrap:anywhere}
.at{list-style:none;margin:0;padding:0;display:grid;gap:8px}.at li{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:12px;background:#F7F7F7;border-radius:12px;padding:10px 12px;position:relative}
.kd{font:800 12px Montserrat;padding:6px 10px;border-radius:999px;text-align:center}.k-orc{background:#FDECEB;color:#B9150F}.k-inv{background:#E8E8E8;color:#231F20}.k-seg{background:#231F20;color:#fff}
.nw{position:absolute;left:-6px;top:-6px;background:#E3201A;color:#fff;font:700 10px Montserrat;font-style:normal;padding:2px 7px;border-radius:999px}
.at-i b{display:block;font-size:14px}.at-i small{color:#5E5E5E;font-size:13px}.at-b{display:flex;gap:6px;align-items:center}.at-b form{margin:0}
.fb{display:inline-block;border:0;border-radius:8px;padding:8px 12px;font:800 12px Montserrat;cursor:pointer}.f-pdf{background:#E3201A;color:#fff!important}.f-xls{background:#1D6F42;color:#fff!important}.f-del{background:transparent;color:#818181;padding:8px}.f-del:hover{color:#E3201A}.off{background:#ddd;color:#999}
.empty{background:#fff;border-radius:16px;padding:30px;text-align:center;color:#5E5E5E}
@media(max-width:760px){.st{grid-template-columns:1fr 1fr}.cl-d{grid-template-columns:1fr 1fr}.at li{grid-template-columns:1fr auto}.at-i{grid-column:1/-1;grid-row:2}.hd h1{font-size:22px}#q{min-width:0;width:100%}.tb{padding:10px 14px}.tb img{height:36px}.tb-r span{display:none}}
