:root{--bg-color: #0d1117;--panel-bg: rgba(22, 27, 34, .7);--text-primary: #e6edf3;--text-secondary: #8b949e;--accent-color: #58a6ff;--accent-glow: rgba(88, 166, 255, .3);--success: #3fb950;--warning: #d29922;--danger: #f85149;--border-color: rgba(48, 54, 61, .6);--glass-blur: blur(16px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;margin:0;background-image:radial-gradient(circle at 15% 50%,rgba(88,166,255,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(163,113,247,.08),transparent 25%)}#app{display:flex;min-height:100vh}.glass-panel{background:var(--panel-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:0 8px 32px #0003}.sidebar{width:260px;padding:2rem 1rem;display:flex;flex-direction:column;gap:3rem;border-right:1px solid var(--border-color);position:sticky;top:0;height:100vh}.logo h2{font-weight:700;font-size:1.5rem;letter-spacing:-.5px;color:var(--text-primary)}.logo span{color:var(--accent-color);text-shadow:0 0 10px var(--accent-glow)}.menu{list-style:none;display:flex;flex-direction:column;gap:.5rem}.menu li a{text-decoration:none;color:var(--text-secondary);padding:.8rem 1rem;display:block;border-radius:8px;transition:all .3s ease;font-weight:500}.menu li.active a,.menu li a:hover{background:#58a6ff1a;color:var(--accent-color)}.content{flex:1;padding:2.5rem 3rem;overflow-y:auto}header{margin-bottom:2.5rem}h1{font-size:2rem;font-weight:600;margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:1rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.metric-card{padding:1.5rem;border-radius:16px;transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}.metric-card h3{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.metric-card .value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(90deg,#fff,#a2b1c6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.indicator{font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:20px;background:#ffffff0d}.indicator.positive{color:var(--success)}.indicator.attention{color:var(--danger);box-shadow:0 0 10px #f8514933}.indicator.neutral{color:var(--accent-color)}.visuals{margin-bottom:3rem}.chart-container{padding:1.5rem;border-radius:16px;height:350px;display:flex;flex-direction:column}.chart-container h3{margin-bottom:1rem;font-size:1.1rem}.recent-logs{border-radius:16px;padding:1.5rem;overflow:hidden}.recent-logs h3{margin-bottom:1.5rem;font-size:1.1rem}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:1rem;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border-color);font-size:.9rem}.data-table td{padding:1rem;border-bottom:1px solid rgba(48,54,61,.3);font-size:.95rem}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr:hover{background:#ffffff08}.badge{padding:.3rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600}.badge-discount{background:#58a6ff26;color:var(--accent-color);border:1px solid rgba(88,166,255,.3)}@media(max-width:900px){#app{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:1.5rem;flex-direction:row;justify-content:space-between;align-items:center}.menu{flex-direction:row}.content{padding:1.5rem}}