:root{--palette-blue:#1d98c4;--palette-dark:#2f2b2b;--palette-darker:#1f1d1d;--palette-beige:#e5decc;--palette-teal:#51ad85;--palette-orange:#eb7a59;--palette-red:#cf4447;--palette-purple:#5d3457;--palette-light-green:#9dc4a9;--dg-darkest:#1a1818;--dg-darker:var(--palette-dark);--dg-base:var(--palette-dark);--dg-accent:var(--palette-teal);--dg-highlight:var(--palette-orange);--df-teal:var(--palette-blue);--df-teal-glow:#1d98c466;--df-green:var(--palette-light-green);--text-main:var(--palette-beige);--text-muted:#e5decc99;--glass-bg:#2f2b2b99;--glass-border:#e5decc1a;--background:var(--dg-darkest);--foreground:var(--text-main)}body{color:var(--foreground);background-color:var(--background);background-image:radial-gradient(circle at 15%,#1abc9c14 0%,#0000 40%),radial-gradient(circle at 85% 30%,#0b3d9126 0%,#0000 45%);background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:IBM Plex Sans,-apple-system,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--dg-accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--df-teal)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 12px 40px #0006}.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.data-table th{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.02em;color:var(--text-muted);border-bottom:1px solid var(--glass-border);z-index:10;background:#0b1f38f2;padding:1rem;font-size:.85rem;font-weight:600;position:sticky;top:0}.data-table td{color:var(--text-main);border-bottom:1px solid #ffffff08;padding:1rem;transition:background-color .2s}.data-table tbody tr{cursor:pointer;transition:all .2s}.data-table tbody tr:hover{background:#ffffff0d;transform:translate(4px)}.data-table tbody tr:hover td{color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-drawer{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade{animation:.4s forwards fadeIn}@keyframes floatY{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}to{transform:translateY(0)scale(1)}}.animate-float{animation:8s ease-in-out infinite floatY}@keyframes slideUpFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-row{opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.btn-primary{background:linear-gradient(135deg,var(--df-teal)0%,#16a085 100%);color:#fff;box-shadow:0 4px 15px var(--df-teal-glow);border-radius:8px;padding:.6rem 1.2rem;font-weight:500;transition:all .2s;position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:linear-gradient(#fff3,#0000);transition:opacity .2s;position:absolute;inset:0}.btn-primary:hover{box-shadow:0 6px 20px var(--df-teal-glow);transform:translateY(-2px)}.btn-primary:hover:after{opacity:1}.btn-secondary{border:1px solid var(--dg-highlight);color:var(--dg-highlight);background-color:#0000;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.btn-secondary:hover{color:#fff;background-color:#3470b11a;border-color:#fff}