:root{--background-dark:#1a1a1a;--background-light:#f8f9fa;--surface-dark:rgba(26,26,26,.8);--surface-light:#fff;--text-dark:#fff;--text-light:#1a1a1a;--text-muted:hsla(0,0%,100%,.7);--border-color:hsla(0,0%,100%,.1);--primary:#007bff;--primary-hover:#0056b3;--danger:#dc3545;--success:#28a745;--warning:#ffc107;--sidebar-width-collapsed:90px;--sidebar-width-expanded:300px;--transition-base:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{background:#000;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-dark);background:linear-gradient(135deg,#0f0f0f,#1a1a1a 50%,#0f0f0f);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}@keyframes float-up{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(1turn);opacity:0}}@keyframes geometric-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px hsla(0,0%,100%,.2)}50%{box-shadow:0 0 20px hsla(0,0%,100%,.4)}}.data-room-container{min-height:100vh;position:relative;overflow-x:hidden}.floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;animation:float-up linear infinite}.particle,.particle-circle{border-radius:50%}.particle-square{border-radius:2px;animation:float-up linear infinite,geometric-float 3s ease-in-out infinite}.particle-triangle{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid hsla(0,0%,100%,.3);border-radius:0}.data-room-sidebar{width:var(--sidebar-width-collapsed);background:var(--surface-dark);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;position:fixed;top:20px;left:20px;bottom:20px;height:calc(100vh - 40px);z-index:100;overflow:hidden;transition:var(--transition-base);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.1),0 0 80px hsla(0,0%,100%,.03)}.data-room-sidebar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.03) 0,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.data-room-sidebar:hover:before{opacity:1}.data-room-sidebar:hover{width:var(--sidebar-width-expanded);box-shadow:0 12px 48px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.15),0 0 100px hsla(0,0%,100%,.08)}.sidebar-logo{padding:24px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;min-height:80px;overflow:hidden;position:relative}.logo-text{color:var(--text-dark);font-size:20px;font-weight:700;letter-spacing:-.5px;white-space:nowrap;opacity:0;transform:translateX(-20px);transition:all .3s ease}.data-room-sidebar:hover .logo-image,.data-room-sidebar:hover .logo-text{opacity:1;transform:translateX(0)}.data-room-sidebar:hover .logo-icon{opacity:0;transform:translateX(-20px)}.data-room-sidebar:hover .logo-full{opacity:1;transform:translateX(0)}.sidebar-nav{flex:1 1;padding:20px 0;display:flex;flex-direction:column;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:14px 20px;margin:4px 12px;border-radius:12px;color:var(--text-muted);text-decoration:none;transition:var(--transition-base);position:relative;overflow:hidden;min-height:48px}.nav-item:hover{background:hsla(0,0%,100%,.1);color:var(--text-dark);transform:translateX(4px)}.nav-item.active{background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1));color:var(--text-dark);box-shadow:0 2px 8px hsla(0,0%,100%,.1)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.5));border-radius:0 3px 3px 0}.nav-icon{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;margin-right:16px;display:flex;align-items:center;justify-content:center}.nav-icon,.nav-icon svg{flex-shrink:0!important;flex-grow:0!important}.nav-icon svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;stroke:currentColor}.nav-icon svg,.nav-icon svg *{transition:none!important;transform:none!important}.nav-text{white-space:nowrap;opacity:0;transform:translateX(-20px);transition:all .3s ease;overflow:hidden}.data-room-sidebar:hover .nav-text{opacity:1;transform:translateX(0)}.main-content{margin-left:calc(var(--sidebar-width-collapsed) + 40px);padding:40px;transition:var(--transition-base);z-index:10;position:relative}.data-room-sidebar:hover~.main-content{margin-left:calc(var(--sidebar-width-expanded) + 40px)}.glass-card{background:rgba(26,26,26,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;padding:32px;box-shadow:0 8px 32px rgba(0,0,0,.3);transition:var(--transition-base);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent)}.glass-card:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 12px 48px rgba(0,0,0,.4);transform:translateY(-4px)}.btn{padding:12px 24px;border-radius:8px;border:none;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 4px 12px rgba(0,123,255,.3)}.btn-primary:hover{box-shadow:0 6px 20px rgba(0,123,255,.4);transform:translateY(-2px)}.btn-ghost{background:hsla(0,0%,100%,.1);color:var(--text-dark);border:1px solid var(--border-color)}.btn-ghost:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}.form-control{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:hsla(0,0%,100%,.05);color:var(--text-dark);font-size:14px;transition:var(--transition-base)}.form-control:focus{outline:none;border-color:#007bff;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.form-control::placeholder{color:var(--text-muted)}.blur-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:50;opacity:0;pointer-events:none;transition:opacity .3s ease}.blur-overlay.active{opacity:1;pointer-events:all}@media (max-width:768px){.data-room-sidebar{transform:translateX(-100%)}.data-room-sidebar.mobile-open{transform:translateX(0)}.main-content{margin-left:0;padding:20px}}