@import "https://api.fontshare.com/v2/css?f[]=clash-display@500,600,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500&family=Space+Mono:wght@400;700&display=swap";:root{--bg-color:#121016;--bg-elevated:#18161d;--text-main:#ede6d6;--text-secondary:#9b9488;--border-color:#ede6d61a;--accent-primary:#dd8e5c;--film-grain:.13}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-secondary);font-family:Outfit,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9998;width:100vw;height:100vh;opacity:var(--film-grain);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");position:fixed;top:0;left:0}.font-display{letter-spacing:2px;text-transform:uppercase;color:var(--text-main);font-family:Clash Display,sans-serif;font-weight:600}.font-body{font-family:Outfit,sans-serif}.font-mono{text-transform:uppercase;letter-spacing:1px;font-family:Space Mono,monospace}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem}.header-bar{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.search-box{flex:1;min-width:250px;max-width:400px;position:relative}.search-input{border:1px solid var(--border-color);width:100%;color:var(--text-main);background:0 0;border-radius:2px;outline:none;padding:.6rem 1rem .6rem 2.5rem}.search-input:focus{border-color:var(--accent-primary)}.btn-primary{background:var(--text-main);color:var(--bg-color);border:1px solid var(--text-main);cursor:pointer;border-radius:2px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s;display:flex}.btn-primary:hover{color:var(--text-main);background:0 0}.btn-logout{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:2px;padding:.4rem .8rem;transition:all .3s}.btn-logout:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.table-wrapper{border:1px solid var(--border-color);background:var(--bg-elevated);border-radius:2px;flex-direction:column;min-height:400px;display:flex;overflow-x:auto}.etereo-table{border-collapse:collapse;text-align:left;width:100%;min-width:700px}.etereo-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:1.5rem 1rem;font-size:.75rem;font-weight:400}.etereo-table td{border-bottom:1px solid #ede6d60d;padding:1rem;transition:background-color .2s}.etereo-table tr:hover td{background-color:#ede6d605}@media (width<=768px){.dashboard-container{padding:1rem}.header-bar{flex-flow:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem}.toolbar{flex-direction:column;align-items:stretch;gap:1rem}.search-box{width:100%;max-width:100%}.btn-primary{justify-content:center;width:100%;padding:1rem}}@media screen and (width<=768px){body{padding:0!important}table{min-width:800px}div:has(>table){-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1rem;overflow-x:auto!important}div[style*="grid-template-columns: repeat(4"]{grid-template-columns:1fr!important;gap:1rem!important}h1{font-size:1.5rem!important}h2{font-size:1.2rem!important}}
