/* ValidadesApp — assets/css/app.css */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{
--p1:#1e2b3e;--p2:#2d3f58;--p3:#384c6b;
--ac:#2899f8;--ac2:#1478d4;--acl:#e8f4ff;
--bg:#eef1f6;--bg2:#e4e9f0;--sur:#fff;--sur2:#f6f8fb;
--bdr:#d8e0ea;--bdr2:#c8d3e0;
--tx:#1e2b3e;--tx2:#5a6a80;--tx3:#9aaab8;
--red:#c93030;--rbg:#fef0f0;--rbdr:#f2c0c0;
--amb:#c07000;--abg:#fffbeb;--abdr:#fcd34d;
--grn:#0a7a50;--gbg:#edfaf4;--gbdr:#a7f0d4;
--r:10px;--rl:14px;
--sh:0 1px 3px rgba(30,43,62,.07),0 3px 10px rgba(30,43,62,.05);
--sh2:0 4px 16px rgba(30,43,62,.12),0 1px 3px rgba(30,43,62,.08);
}
html,body{height:100%;overflow:hidden;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--tx);background:var(--bg)}
#app{display:flex;height:100vh;overflow:hidden}

/* SIDEBAR */
#sb{width:238px;background:var(--p1);display:flex;flex-direction:column;flex-shrink:0;transition:width .22s cubic-bezier(.4,0,.2,1);position:relative;z-index:100}
#sb.mini{width:62px}
.sbl{display:flex;align-items:center;gap:12px;padding:18px 14px 14px;border-bottom:1px solid rgba(255,255,255,.07);min-height:62px;overflow:hidden}
.sblm{width:32px;height:32px;background:var(--ac);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sblm svg{width:18px;height:18px;fill:#fff}
.sblt{color:#fff;font-size:15px;font-weight:600;white-space:nowrap;line-height:1.2}
.sbls{color:rgba(255,255,255,.32);font-size:9.5px;letter-spacing:.07em;text-transform:uppercase}
.sbn{flex:1;padding:8px 6px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}
.sbn::-webkit-scrollbar{width:2px}
.sbn::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)}
.sbsc{color:rgba(255,255,255,.25);font-size:9px;font-weight:700;letter-spacing:.12em;padding:12px 10px 5px;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.sbi{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;color:rgba(255,255,255,.55);transition:all .13s;margin-bottom:1px;white-space:nowrap;overflow:hidden;position:relative}
.sbi:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.92)}
.sbi.on{background:rgba(40,153,248,.2);color:#fff}
.sbi.on::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--ac);border-radius:0 3px 3px 0}
.sbi svg{flex-shrink:0}
.sbil{font-size:13px}
.sbbdg{margin-left:auto;background:var(--red);color:#fff;font-size:9px;font-weight:700;padding:1px 6px;border-radius:20px;flex-shrink:0;min-width:16px;text-align:center}
.sbbdg.a{background:var(--amb)}
.sbtog{position:absolute;right:-11px;top:70px;width:22px;height:22px;background:var(--p3);border:2px solid var(--p1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .13s}
.sbtog:hover{background:var(--ac)}
.sbtog svg{width:11px;height:11px;fill:#fff;transition:transform .22s}
#sb.mini .sbtog svg{transform:rotate(180deg)}
.sbft{padding:8px 6px 12px;border-top:1px solid rgba(255,255,255,.07)}
.sbusr{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;overflow:hidden;transition:background .13s}
.sbusr:hover{background:rgba(255,255,255,.07)}
.sbav{width:30px;height:30px;border-radius:50%;background:var(--ac);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sbun{color:#fff;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbur{color:rgba(255,255,255,.32);font-size:10px}

/* MAIN */
#main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}
#tb{background:var(--sur);border-bottom:1px solid var(--bdr);height:56px;display:flex;align-items:center;padding:0 18px;gap:10px;flex-shrink:0}
.tbham{width:34px;height:34px;border:none;background:none;cursor:pointer;border-radius:7px;display:none;align-items:center;justify-content:center;color:var(--tx2)}
.tbham svg{width:19px;height:19px;fill:currentColor}
#tbtit{font-size:15px;font-weight:600;color:var(--tx);flex-shrink:0}
.tbsr{flex:1;max-width:380px;position:relative;margin-left:8px}
.tbsr input{width:100%;height:34px;background:var(--bg);border:1.5px solid var(--bdr);border-radius:8px;padding:0 12px 0 35px;font-family:inherit;font-size:13px;color:var(--tx);outline:none;transition:all .13s}
.tbsr input:focus{border-color:var(--ac);background:#fff;box-shadow:0 0 0 3px rgba(40,153,248,.1)}
.tbsr input::placeholder{color:var(--tx3)}
.tbsr svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;fill:var(--tx3)}
.tbr{margin-left:auto;display:flex;align-items:center;gap:7px}
.tbbtn{width:34px;height:34px;border:1.5px solid var(--bdr);background:var(--sur);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:var(--tx2);transition:all .13s}
.tbbtn:hover{background:var(--bg);border-color:var(--p3)}
.tbbtn svg{width:17px;height:17px;fill:currentColor}
.tbnd{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--red);border-radius:50%;border:1.5px solid #fff}
.tbchip{background:var(--bg);border:1.5px solid var(--bdr);border-radius:8px;padding:0 11px;height:34px;display:flex;align-items:center;gap:5px;font-size:12px;color:var(--tx2);white-space:nowrap}
.tbchip svg{width:13px;height:13px;fill:var(--tx3)}

/* CONTENT */
#ct{flex:1;overflow-y:auto;background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--bdr) transparent}
#ct::-webkit-scrollbar{width:4px}
#ct::-webkit-scrollbar-thumb{background:var(--bdr);border-radius:4px}
.pg{display:none;padding:22px;animation:fIn .18s ease}
.pg.on{display:block}
@keyframes fIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:.4}50%{opacity:.8}}

/* PAGE HEADER */
.ph{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}
.ph h1{font-size:19px;font-weight:600;color:var(--tx);line-height:1.2}
.ph p{font-size:12px;color:var(--tx3);margin-top:3px}
.phr{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:6px;padding:0 15px;height:36px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .13s;white-space:nowrap}
.btn svg{width:15px;height:15px;fill:currentColor;flex-shrink:0}
.bp{background:var(--p1);color:#fff}.bp:hover{background:var(--p2)}.bp:disabled{opacity:.55;cursor:not-allowed}
.ba{background:var(--ac);color:#fff}.ba:hover{background:var(--ac2)}
.bo{background:var(--sur);color:var(--tx);border:1.5px solid var(--bdr)}.bo:hover{background:var(--bg);border-color:var(--p3)}
.bdd{background:var(--red);color:#fff}.bdd:hover{opacity:.87}.bdd:disabled{opacity:.55;cursor:not-allowed}
.bsm{height:30px;padding:0 11px;font-size:12px;border-radius:7px}
.bico{width:36px;height:36px;padding:0;justify-content:center;border-radius:8px}

/* CARDS */
.card{background:var(--sur);border:1px solid var(--bdr);border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh)}
.chd{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--bdr)}
.chd h3{font-size:13px;font-weight:600;color:var(--tx)}
.cbd{padding:16px}
.cbd0{padding:0}

/* KPI */
.kg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.kpi{background:var(--sur);border:1px solid var(--bdr);border-radius:var(--rl);padding:16px;box-shadow:var(--sh);position:relative;overflow:hidden}
.kpi::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.kr::before{background:var(--red)}.ka::before{background:var(--amb)}.kgr::before{background:var(--grn)}.kb::before{background:var(--ac)}
.ktp{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.kic{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.kic.r{background:var(--rbg)}.kic.r svg{fill:var(--red)}
.kic.a{background:var(--abg)}.kic.a svg{fill:var(--amb)}
.kic.g{background:var(--gbg)}.kic.g svg{fill:var(--grn)}
.kic.b{background:var(--acl)}.kic.b svg{fill:var(--ac)}
.kic svg{width:17px;height:17px}
.ktag{font-size:10px;font-weight:600;padding:2px 7px;border-radius:20px}
.ktu{background:var(--rbg);color:var(--red)}
.ktd{background:var(--gbg);color:var(--grn)}
.ktn{background:var(--bg2);color:var(--tx3)}
.kval{font-size:26px;font-weight:600;color:var(--tx);line-height:1}
.klbl{font-size:12px;color:var(--tx2);margin-top:4px}

/* TABLE */
.tw{overflow-x:auto;border-radius:var(--rl)}
table{width:100%;border-collapse:collapse;min-width:560px}
thead tr{background:var(--bg);border-bottom:1.5px solid var(--bdr)}
thead th{padding:9px 13px;text-align:left;font-size:11px;font-weight:600;color:var(--tx2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
tbody tr{border-bottom:1px solid var(--bdr);transition:background .1s}
tbody tr:last-child{border-bottom:none}
tbody tr:hover{background:var(--sur2)}
tbody td{padding:11px 13px;font-size:13px;color:var(--tx);vertical-align:middle}

/* BADGES */
.bdg{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;white-space:nowrap}
.bdg::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
.br{background:var(--rbg);color:var(--red);border:1px solid var(--rbdr)}
.bam{background:var(--abg);color:var(--amb);border:1px solid var(--abdr)}
.bg2{background:var(--gbg);color:var(--grn);border:1px solid var(--gbdr)}
.bb2{background:var(--acl);color:var(--ac2);border:1px solid #b5d4f4}
.bgr{background:var(--bg2);color:var(--tx2);border:1px solid var(--bdr)}

/* FORMS */
.fg{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.fg:last-child{margin-bottom:0}
.fg label{font-size:12px;font-weight:600;color:var(--tx2)}
.fg label .req{color:var(--red);margin-left:2px}
.fgr{display:grid;gap:14px}
.f2{grid-template-columns:1fr 1fr}
.f3{grid-template-columns:1fr 1fr 1fr}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],input[type=time],input[type=file],select,textarea{
  width:100%;height:38px;border:1.5px solid var(--bdr);border-radius:8px;padding:0 11px;
  font-family:inherit;font-size:13px;color:var(--tx);background:var(--sur);outline:none;
  transition:all .13s;appearance:none;-webkit-appearance:none}
input:focus,select:focus,textarea:focus{border-color:var(--ac);box-shadow:0 0 0 3px rgba(40,153,248,.1)}
input:disabled,select:disabled{background:var(--bg);color:var(--tx3);cursor:not-allowed}
textarea{height:auto;padding:9px 11px;resize:vertical;min-height:70px}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%239aaab8' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:19px;padding-right:32px}
input::placeholder{color:var(--tx3)}
input[type=file]{padding:8px 11px;height:auto;cursor:pointer}

/* MODAL */
.mov{position:fixed;inset:0;background:rgba(10,20,35,.52);z-index:900;display:flex;align-items:center;justify-content:center;padding:16px;animation:fIn .13s ease}
.mov.hid{display:none}
.mod{background:var(--sur);border-radius:var(--rl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--sh2);animation:sUp .18s ease}
@keyframes sUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.mhd{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--bdr);position:sticky;top:0;background:var(--sur);z-index:1}
.mhd h2{font-size:15px;font-weight:600;color:var(--tx)}
.mcl{width:30px;height:30px;border:none;background:var(--bg);border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--tx2);transition:all .13s}
.mcl:hover{background:var(--rbg);color:var(--red)}
.mcl svg{width:15px;height:15px;fill:currentColor}
.mbd{padding:18px}
.mft{padding:14px 18px;border-top:1px solid var(--bdr);display:flex;justify-content:flex-end;gap:9px;background:var(--bg);border-radius:0 0 var(--rl) var(--rl)}

/* TOAST */
#tst{position:fixed;bottom:22px;right:22px;z-index:9999;display:flex;flex-direction:column;gap:7px;pointer-events:none}
.toast{background:var(--p1);color:#fff;padding:11px 15px;border-radius:9px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:9px;box-shadow:var(--sh2);animation:tIn .22s ease;pointer-events:all;max-width:320px}
.toast.s{background:#0a5c3c}.toast.e{background:#8b1515}.toast.w{background:#7a4500}
.toast svg{width:15px;height:15px;fill:currentColor;flex-shrink:0}
@keyframes tIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}

/* EMPTY */
.empty{text-align:center;padding:48px 20px;color:var(--tx3)}
.empty svg{width:44px;height:44px;fill:var(--bdr);margin:0 auto 13px;display:block}
.empty h3{font-size:14px;font-weight:500;color:var(--tx2);margin-bottom:4px}
.empty p{font-size:13px}

/* SPINNER */
.spin{width:18px;height:18px;border:2px solid var(--bdr);border-top-color:var(--ac);border-radius:50%;animation:sp .7s linear infinite;flex-shrink:0}
@keyframes sp{to{transform:rotate(360deg)}}

/* FILTERS */
.flts{display:flex;gap:9px;margin-bottom:16px;flex-wrap:wrap;align-items:center}
.ftabs{display:flex;background:var(--bg2);border-radius:8px;padding:3px;gap:2px;border:1px solid var(--bdr)}
.ftab{padding:5px 13px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;color:var(--tx2);transition:all .13s;white-space:nowrap;border:none;background:none}
.ftab.on{background:var(--sur);color:var(--p1);box-shadow:0 1px 3px rgba(0,0,0,.09);font-weight:600}
.fsl{height:32px;padding:0 10px;border:1.5px solid var(--bdr);border-radius:7px;background:var(--sur);font-family:inherit;font-size:12px;color:var(--tx);cursor:pointer;outline:none;min-width:130px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%239aaab8' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;background-size:17px;padding-right:28px}

/* PAGINATOR */
.paginator{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--bdr);flex-wrap:wrap;gap:10px}
.pag-info{font-size:12px;color:var(--tx3)}
.pag-btns{display:flex;gap:7px}

/* DASH LAYOUT */
.dgr{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px}
.qgr{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
.qcard{background:var(--sur);border:1.5px solid var(--bdr);border-radius:var(--rl);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;transition:all .16s;text-align:center;box-shadow:var(--sh)}
.qcard:hover{border-color:var(--ac);background:var(--acl);transform:translateY(-2px);box-shadow:var(--sh2)}
.qico{width:38px;height:38px;background:var(--bg);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .16s}
.qcard:hover .qico{background:var(--p1)}
.qico svg{width:19px;height:19px;fill:var(--p1);transition:fill .16s}
.qcard:hover .qico svg{fill:#fff}
.qcard span{font-size:11px;font-weight:500;color:var(--tx2)}

/* PROD ROWS */
.prow{display:flex;align-items:center;gap:11px;padding:10px 14px;border-bottom:1px solid var(--bdr);transition:background .1s}
.prow:last-child{border-bottom:none}
.prow:hover{background:var(--sur2)}
.pem{width:34px;height:34px;border-radius:8px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.pnm{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmt{font-size:11px;color:var(--tx3);margin-top:2px}

/* STATUS BAR */
.stbar{display:flex;height:8px;border-radius:20px;overflow:hidden;gap:2px;margin-bottom:8px}
.stseg{height:100%;border-radius:2px}
.stleg{display:flex;gap:12px;flex-wrap:wrap}
.stli{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--tx2)}
.stld{width:7px;height:7px;border-radius:50%;flex-shrink:0}

/* ALERTS */
.alrow{display:flex;gap:11px;padding:11px 14px;border-bottom:1px solid var(--bdr);align-items:flex-start;transition:background .1s}
.alrow:hover{background:var(--sur2)}
.alrow:last-child{border-bottom:none}
.aldot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}
.atm{font-size:11px;color:var(--tx3);margin-top:2px}

/* SETTINGS */
.stbr{display:flex;gap:1px;border-bottom:2px solid var(--bdr);margin-bottom:18px}
.stb{padding:9px 15px;font-size:13px;font-weight:500;color:var(--tx2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .13s;white-space:nowrap}
.stb:hover{color:var(--tx)}
.stb.on{color:var(--p1);border-bottom-color:var(--ac);font-weight:600}
.stbc{display:none}
.stbc.on{display:block;animation:fIn .18s ease}

/* SCAN */
.scanw{background:var(--p1);border-radius:var(--rl);padding:22px;text-align:center;color:#fff;position:relative;overflow:hidden}
.scanw::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.018) 3px,rgba(255,255,255,.018) 4px)}
#camvid{width:100%;max-width:340px;border-radius:8px;display:none}
.sfrm{width:186px;height:108px;border:2px solid var(--ac);border-radius:8px;margin:14px auto;position:relative;display:flex;align-items:center;justify-content:center}
.sfrm::before,.sfrm::after{content:'';position:absolute;width:18px;height:18px;border-color:var(--ac);border-style:solid}
.sfrm::before{top:-2px;left:-2px;border-width:3px 0 0 3px;border-radius:2px 0 0 0}
.sfrm::after{bottom:-2px;right:-2px;border-width:0 3px 3px 0;border-radius:0 0 2px 2px}
.sln{position:absolute;left:0;right:0;height:2px;background:var(--ac);animation:sc 1.8s ease-in-out infinite;box-shadow:0 0 7px var(--ac)}
@keyframes sc{0%,100%{top:8px}50%{top:calc(100% - 10px)}}

/* LOGIN */
#lscr{position:fixed;inset:0;background:var(--p1);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}
#lscr.hid{display:none}
.lbox{background:var(--sur);border-radius:18px;padding:36px 32px;width:100%;max-width:390px;box-shadow:var(--sh2)}
.llogo{display:flex;align-items:center;gap:12px;margin-bottom:26px;justify-content:center}
.llm{width:42px;height:42px;background:var(--p1);border-radius:11px;display:flex;align-items:center;justify-content:center}
.llm svg{width:24px;height:24px;fill:#fff}
.llogo h1{font-size:21px;font-weight:700;color:var(--p1)}
.lbox h2{font-size:16px;font-weight:600;color:var(--tx);margin-bottom:4px}
.lsub{font-size:13px;color:var(--tx3);margin-bottom:22px}
.lbtn{width:100%;height:42px;background:var(--p1);color:#fff;border:none;border-radius:9px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .13s;margin-top:6px}
.lbtn:hover{background:var(--p2)}.lbtn:disabled{opacity:.55;cursor:not-allowed}
.lhint{text-align:center;margin-top:17px;font-size:11px;color:var(--tx3);line-height:1.65}

/* CHIP PERFIL */
.rch{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.04em}
.rsuper{background:var(--p1);color:#fff}
.rgestor{background:var(--acl);color:var(--ac2)}
.rcolab{background:var(--bg2);color:var(--tx2)}

/* UTILS */
.sep{height:1px;background:var(--bdr);margin:14px 0}
.tr{color:var(--red)}.ta{color:var(--amb)}.tg{color:var(--grn)}.tbl{color:var(--ac)}.tm{color:var(--tx3)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}
.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}
.mob-ov{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:199;display:none}
.mob-ov.on{display:block}

@media(max-width:860px){
  #sb{position:fixed;left:0;top:0;bottom:0;z-index:200;transform:translateX(-100%);transition:transform .24s ease;width:238px!important}
  #sb.mob{transform:translateX(0)}
  .sbtog{display:none}
  .tbham{display:flex!important}
  .kg{grid-template-columns:repeat(2,1fr);gap:9px}
  .qgr{grid-template-columns:repeat(2,1fr)}
  .dgr{grid-template-columns:1fr}
  .fgr.f2,.fgr.f3{grid-template-columns:1fr}
  .g2,.g3{grid-template-columns:1fr}
  .pg{padding:14px}
}
@media(max-width:480px){
  .kg{gap:7px}.kval{font-size:21px}
  .tbchip{display:none}
  #tb{padding:0 12px;gap:7px}
  .pg{padding:11px}
  .ftabs{flex-wrap:wrap}
}