.skip-link{position:absolute;left:-9999px;top:0;padding:10px 16px;background:#1d4ed8;color:#fff;text-decoration:none;font-weight:600;border-radius:0 0 8px;z-index:10000}.skip-link:focus{left:0}:focus-visible{outline:3px solid #2563eb;outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--blue: #4285F4;--blue-d: #1A73E8;--blue-dk: #185ABC;--blue-l: #D2E3FC;--blue-s: #E8F0FE;--blue-pale: #F0F4FF;--red: #EA4335;--red-s: #FCE8E6;--red-l: #FDDAD6;--yellow: #FBBC04;--yellow-s: #FEF7E0;--yellow-d: #E37400;--green: #34A853;--green-d: #1E8E3E;--green-s: #E6F4EA;--green-l: #CEEAD6;--purple: #9334E6;--purple-s: #F3E8FF;--purple-l: #E8D0FE;--orange: #E8710A;--orange-s: #FFF3E0;--orange-l: #FFE0B2;--on: #202124;--on-s: #5F6368;--on-t: #80868B;--on-q: #9AA0A6;--sf: #FFFFFF;--sf-d: #F8F9FA;--sf-c: #F1F3F4;--sf-h: #E8EAED;--sf-x: #DADCE0;--ol: #DADCE0;--ol-v: #C4C7C5;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 24px;--r-xl: 28px;--r-full: 9999px;--sh-s: 0 1px 2px rgba(60,64,67,.1), 0 1px 3px rgba(60,64,67,.06);--sh-m: 0 1px 3px rgba(60,64,67,.15), 0 4px 8px rgba(60,64,67,.1);--sh-l: 0 2px 6px rgba(60,64,67,.15), 0 8px 24px rgba(60,64,67,.12);--accent: var(--blue-d);--accent-bg: var(--blue-s);--font: "Inter", "Noto Sans", "Segoe UI", system-ui, sans-serif;--font-d: "Inter", system-ui, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--sf);color:var(--on);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--ol);border-radius:3px}::selection{background:var(--blue-d);color:#fff}.ctr{max-width:1280px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 28px;border-radius:var(--r-full);font-size:14px;font-weight:500;border:none;transition:all .2s;cursor:pointer;letter-spacing:.1px;font-family:var(--font)}.btn-p{background:var(--blue-d);color:#fff}.btn-p:hover{background:var(--blue-dk);box-shadow:var(--sh-s)}.btn-o{background:transparent;border:1.5px solid var(--ol);color:var(--on)}.btn-o:hover{background:var(--sf-d);border-color:var(--on-t)}.btn-s{padding:9px 20px;font-size:13px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-size:11px;font-weight:600}.badge-green{background:var(--green-s);color:var(--green-d)}.badge-blue{background:var(--blue-s);color:var(--blue-d)}.badge-red{background:var(--red-s);color:var(--red)}.badge-yellow{background:var(--yellow-s);color:#b06000}.badge-purple{background:var(--purple-s);color:var(--purple)}.badge-orange{background:var(--orange-s);color:var(--orange)}.fi{width:100%;padding:12px 16px;border:1px solid var(--ol);border-radius:var(--r-sm);font-size:14px;transition:all .15s;background:var(--sf)}.fi:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4285f41f}.chip{padding:7px 18px;border-radius:var(--r-full);border:1px solid var(--ol);background:var(--sf);color:var(--on-s);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.chip:hover{background:var(--sf-d)}.chip.active{background:var(--blue-d);color:#fff;border-color:var(--blue-d)}.card{background:var(--sf);border:1px solid var(--sf-h);border-radius:var(--r-md);overflow:hidden;transition:box-shadow .15s}.card:hover{box-shadow:var(--sh-m)}.loading-center{text-align:center;padding:60px 20px;color:var(--on-t)}.spinner{width:40px;height:40px;border:3px solid var(--sf-h);border-top-color:var(--blue-d);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:var(--on-t)}.empty-state .icon{font-size:48px;margin-bottom:12px;opacity:.5}.skel{background:linear-gradient(90deg,var(--sf-d) 25%,var(--sf-c) 50%,var(--sf-d) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}.section-header h2{font-family:var(--font-d);font-size:22px;font-weight:700;letter-spacing:-.2px}.section-header .subtitle{font-size:13px;color:var(--on-t);margin-top:2px}.section-header a{font-size:13px;color:var(--blue-d);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px}.section-header a:hover{text-decoration:underline}.price-current{font-size:16px;font-weight:700}.price-mrp{font-size:13px;color:var(--on-t);text-decoration:line-through}.price-off{font-size:12px;font-weight:600;border-radius:var(--r-full);padding:2px 8px}.stars{display:flex;gap:1px}.star-filled{color:#fbbc04}.star-empty{color:var(--ol)}.tbl-wrap{background:#fff;border-radius:var(--r-md);border:1px solid var(--sf-h);overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 16px;font-size:11px;color:var(--on-t);font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--sf-d);border-bottom:1px solid var(--sf-h)}td{padding:10px 16px;font-size:13px;border-bottom:1px solid var(--sf-h)}tr:hover td{background:var(--sf-d)}.tbl-footer{padding:12px 16px;border-top:1px solid var(--sf-h);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--on-t)}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin:32px 0}.pg-btn{width:36px;height:36px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;color:var(--on-s);border:1px solid transparent}.pg-btn:hover{background:var(--sf-d)}.pg-btn.active{background:var(--blue-d);color:#fff;border-color:var(--blue-d)}.pg-btn.disabled{opacity:.3;cursor:default}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.toolbar .left{display:flex;gap:8px;align-items:center}.toolbar .right{display:flex;gap:8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi{background:#fff;border-radius:var(--r-md);border:1px solid var(--sf-h);padding:20px;display:flex;gap:14px;transition:all .15s}.kpi:hover{box-shadow:var(--sh-m)}.kpi .kpi-icon{width:48px;height:48px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:24px}.kpi .kpi-label{font-size:12px;color:var(--on-t);font-weight:500}.kpi .kpi-value{font-size:26px;font-weight:700;margin:2px 0;font-family:var(--font-d)}.kpi .kpi-change{font-size:11px;display:flex;align-items:center;gap:4px}.cfg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cfg-card{background:#fff;border-radius:var(--r-md);border:1px solid var(--sf-h);padding:20px;cursor:pointer;transition:all .15s;display:flex;gap:14px;align-items:flex-start}.cfg-card:hover{box-shadow:var(--sh-m)}.cfg-icon{width:44px;height:44px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:24px}.cfg-card h4{font-size:14px;font-weight:600;margin-bottom:2px}.cfg-card p{font-size:12px;color:var(--on-t)}.pills{display:flex;gap:8px;margin-bottom:16px}.pill{padding:6px 14px;border-radius:var(--r-full);border:1px solid var(--sf-x);background:#fff;color:var(--on-s);font-size:12px;font-weight:500;cursor:pointer}.pill.active{border-color:var(--blue-d);background:var(--blue-d);color:#fff}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.chart-card{background:#fff;border-radius:var(--r-md);border:1px solid var(--sf-h);padding:20px}.chart-card h3{font-family:var(--font-d);font-size:14px;font-weight:700;margin-bottom:16px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status-cell{padding:14px;border-radius:var(--r-sm);display:flex;justify-content:space-between;align-items:center}.status-cell .label{font-size:13px;font-weight:500}.status-cell .num{font-size:22px;font-weight:700;font-family:var(--font-d)}.bar-chart{height:180px;display:flex;align-items:flex-end;padding:0 12px;gap:8px}.bar-chart .bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.bar-chart .bar-fill{width:100%;border-radius:4px 4px 0 0;transition:all .3s}.bar-chart .bar-label{font-size:9px;color:var(--on-t)}.modal-bg{position:fixed;inset:0;background:#0006;z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.modal-bg.show{opacity:1;pointer-events:auto}.modal{background:#fff;border-radius:var(--r-lg);width:560px;max-height:85vh;overflow-y:auto;box-shadow:var(--sh-l);transform:translateY(20px);transition:transform .2s}.modal-bg.show .modal{transform:translateY(0)}.modal-hdr{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--sf-h)}.modal-hdr h2{font-family:var(--font-d);font-size:18px;font-weight:700}.modal-body{padding:24px}.pbar{height:8px;background:var(--sf-c);border-radius:4px;overflow:hidden;margin-top:4px}.pbar-fill{height:100%;border-radius:4px}[data-theme=dark]{--sf: #1a1a2e;--sf-d: #16213e;--sf-c: #0f3460;--sf-h: #2a2a4a;--sf-x: #3a3a5a;--on: #e8e8e8;--on-s: #b0b0c0;--on-t: #8888a0;--on-q: #666680;--ol: #3a3a5a;--ol-v: #4a4a6a;--blue-s: #1a2744;--green-s: #1a2e1a;--red-s: #2e1a1a;--yellow-s: #2e2a1a;--purple-s: #2a1a2e;--orange-s: #2e241a;--sh-s: 0 1px 3px rgba(0,0,0,.3);--sh-m: 0 2px 8px rgba(0,0,0,.4);--sh-l: 0 4px 16px rgba(0,0,0,.5)}@media(max-width:768px){.grid-5,.grid-4,.grid-3,.kpi-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.cfg-grid{grid-template-columns:1fr 1fr}.ctr{padding:0 16px}}@media(max-width:480px){.grid-5,.grid-4,.grid-3,.grid-2,.cfg-grid{grid-template-columns:1fr}}@media print{.header,.footer,.bottom-nav,.cookie-bar{display:none!important}.ctr{max-width:100%!important}}
