@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-color:#050505;--text-main:#fff;--text-muted:#888;--accent-gold:#d4af37;--success:#00e676;--danger:#ff1744;--table-border:#1a1a1a;--table-hover:rgba(26,26,26,.4)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%}body{background-color:var(--bg-color);color:var(--text-main);background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;font-family:Outfit,-apple-system,sans-serif;overflow-x:hidden}.dashboard{flex-direction:column;width:100%;min-height:100vh;display:flex}.header-bar{border-bottom:1px solid var(--table-border);-webkit-backdrop-filter:blur(20px);z-index:10;background:rgba(5,5,5,.85);justify-content:space-between;align-items:center;padding:2.5rem 5rem;display:flex;position:-webkit-sticky;position:sticky;top:0}.title-group h1{letter-spacing:2px;background:linear-gradient(90deg,#bf953f,#fcf6ba,#b38728,#fbf5b7);color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:2.5rem;font-weight:800}.title-group p{color:var(--text-muted);letter-spacing:1px;font-size:1.1rem}.status-indicator{color:var(--success);text-transform:uppercase;letter-spacing:1px;background:rgba(0,230,118,.08);border:1px solid rgba(0,230,118,.2);border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;display:flex}.pulse{background-color:var(--success);width:10px;height:10px;box-shadow:0 0 12px var(--success);border-radius:50%;animation:1.5s infinite pulse-anim}.table-container{flex:1;width:100%;padding:0}.data-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid var(--table-border);background:rgba(10,10,10,.6);padding:2.5rem 2rem;font-size:1.1rem;font-weight:600}.data-table td{border-bottom:1px solid var(--table-border);padding:1.5rem 2rem;transition:background-color .3s}.data-table tbody tr:nth-child(2n){background-color:rgba(255,255,255,.02)}.data-table tbody tr:hover{background-color:var(--table-hover)}.col-product{flex-direction:column;gap:.5rem;display:flex}.prod-name{color:var(--text-main);letter-spacing:-1px;font-size:1.75rem;font-weight:800}.prod-code{color:var(--accent-gold);background:rgba(212,175,55,.1);border-radius:6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.25rem .75rem;font-family:monospace;font-size:1.5rem}.price-value{font-variant-numeric:tabular-nums;letter-spacing:-2px;text-shadow:0 0 30px rgba(0,0,0,.8);font-size:2.5rem;font-weight:700}.high-low-group{flex-direction:column;align-items:flex-end;gap:1.5rem;display:flex}.hl-item{font-variant-numeric:tabular-nums;align-items:center;gap:1rem;font-size:1.5rem;font-weight:600;display:flex}.hl-label{color:var(--text-muted);text-transform:uppercase;width:50px;font-size:1.25rem;font-weight:500}.hl-val.high{color:var(--danger);text-shadow:0 0 20px rgba(255,23,68,.2)}.hl-val.low{color:var(--success);text-shadow:0 0 20px rgba(0,230,118,.2)}.flash-up{animation:1s cubic-bezier(.1,.9,.2,1) flash-green}.flash-down{animation:1s cubic-bezier(.1,.9,.2,1) flash-red}@keyframes flash-green{0%{color:var(--success);text-shadow:0 0 40px var(--success);transform:scale(1.02)}to{text-shadow:none;transform:scale(1)}}@keyframes flash-red{0%{color:var(--danger);text-shadow:0 0 40px var(--danger);transform:scale(.98)}to{text-shadow:none;transform:scale(1)}}@keyframes pulse-anim{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.4)}to{opacity:.5;transform:scale(.95)}}.center-message{height:60vh;color:var(--text-muted);letter-spacing:1px;flex-direction:column;justify-content:center;align-items:center;gap:2rem;font-size:1.5rem;display:flex}.spinner{border:4px solid rgba(255,255,255,.05);border-left-color:var(--accent-gold);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.header-bar{padding:1.5rem 2rem}.title-group h1{font-size:2rem}.data-table th{padding:1.5rem 1rem;font-size:.9rem}.data-table td{padding:1.25rem 1rem}.price-value{font-size:2rem}.prod-name{font-size:1.5rem}.hl-item{gap:.5rem;font-size:1.5rem}}@media (max-width:768px){.header-bar{text-align:center;flex-direction:column;gap:.5rem;padding:1rem}.title-group h1{font-size:1.5rem}.status-indicator{padding:.5rem 1rem;font-size:.8rem}.data-table th{letter-spacing:1px;white-space:normal;word-break:break-word;padding:1rem .5rem;font-size:.7rem;overflow:hidden}.data-table td{padding:1rem .5rem}.prod-name{letter-spacing:0;font-size:1.1rem}.prod-code{padding:.15rem .5rem;font-size:.9rem}.price-value{letter-spacing:-1px;font-size:1.5rem}.high-low-group{gap:.5rem}.hl-item{gap:.5rem;font-size:1rem}.hl-label{width:25px;font-size:.7rem}}@media (max-width:500px){.price-value{letter-spacing:0;font-size:1rem}.prod-name{font-size:.85rem}.prod-code{margin-top:5px;font-size:.7rem;display:block}.hl-item{gap:.25rem;font-size:.75rem}.hl-label{width:18px;font-size:.55rem}.data-table th{padding:.5rem .25rem;font-size:.5rem}.data-table td{padding:.75rem .25rem}}