@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
:root{--primary-glow:#3b82f680;--glass-bg:#ffffff05;--glass-border:#ffffff1a;--text-primary:#fff}body{color:#fff;background-color:#000;min-height:100vh;margin:0;padding:0;font-family:Poppins,sans-serif;overflow-x:hidden}canvas#bg{z-index:-1;pointer-events:none;background:#000;width:100%;height:100%;position:fixed;top:0;left:0}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#00000080;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;height:80px;padding:20px 5%;transition:all .4s;display:flex;position:fixed;top:0;left:0}.dash-logo{cursor:pointer;color:#fff;font-size:22px;font-weight:700;text-decoration:none;transition:transform .3s;position:absolute;left:5%}.dash-logo:hover{transform:scale(1.05)}.dash-logo span{color:#fff;text-shadow:0 0 10px #ffffff80}.header-search-bar{width:100%;max-width:500px;margin:0;position:relative}.header-search-input{color:#fff;text-align:center;background:#ffffff0d;border:1px solid #fff3;border-radius:50px;outline:none;width:100%;padding:10px 20px;font-size:.9rem;transition:all .3s}.header-search-input::placeholder{color:#666}.header-search-input:focus{background:#ffffff1a;border-color:#ffffff80;box-shadow:0 0 15px #ffffff1a}.dashboard-nav{align-items:center;gap:20px;display:flex;position:absolute;right:5%}.dash-nav-link{color:#ccc;cursor:pointer;text-transform:uppercase;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.dash-nav-link:hover{color:#fff;text-shadow:0 0 10px #ffffff4d}.dashuser-profile{border-left:1px solid #ffffff1a;align-items:center;gap:12px;margin-left:15px;padding-left:15px;display:flex}.dashuser-info{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.dashuser-name{color:#fff;font-size:.9rem;font-weight:600}.dashuser-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-top:2px;padding:1px 6px;font-size:.7rem;font-weight:700}.dashbadge-partner{color:#92b4af;text-shadow:0 0 5px #91c5da80;background:#67738826;border:1px solid #86c4ec4d}.dashbadge-admin{color:#e879f9;background:#a855f726;border:1px solid #a855f74d}.dashbadge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.btn-logout{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .3s;display:flex}.btn-logout:hover{color:#f87171}.dashmain-content{z-index:1;min-height:100vh;padding:120px 5% 50px;position:relative}.dashcontent-wrapper{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff04;border:1px solid #ffffff26;border-color:#ffffff4d #ffffff26 #ffffff26 #ffffff4d;border-radius:24px;margin-top:20px;padding:30px;box-shadow:0 15px 35px #00000080}.dashcard-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;margin-top:20px;display:grid}.dashfolder-card{color:#fff;transform-style:preserve-3d;perspective:1000px;will-change:transform;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;height:200px;text-decoration:none;transition:transform .1s ease-out,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.dashfolder-card:hover{z-index:10;border-color:#ffffff4d;box-shadow:0 0 20px #ffffff1a}.dashfolder-card:before{content:"";background:radial-gradient(circle at var(--light-x,50%)var(--light-y,50%),#ffffff1a,transparent 50%);opacity:0;pointer-events:none;z-index:2;transition:opacity .3s;position:absolute;inset:0}.dashfolder-card:hover:before{opacity:1}.dashfolder-icon-wrapper{background:linear-gradient(#ffffff05,#0000);flex:1;justify-content:center;align-items:center;display:flex}.dashfolder-card-content{background:#0006;border-top:1px solid #ffffff0d;padding:15px 20px}.dashfolder-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:1.1rem;font-weight:600;overflow:hidden}.dashfolder-info{color:#888;font-size:.8rem}.glass-input{color:#fff;background:#00000080;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;padding:12px 16px;transition:all .3s}.glass-input:focus{border-color:#60a5fa;box-shadow:0 0 15px #3b82f633}.glass-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-weight:600;transition:all .3s;display:inline-flex}.glass-btn:hover:not(:disabled){color:#000;background:#fff;box-shadow:0 0 20px #fff6}.glass-btn:disabled{opacity:.5;cursor:not-allowed}.dashnav-tabs{border-bottom:1px solid #ffffff1a;gap:30px;margin-bottom:20px;padding-bottom:10px;display:flex}.tab-link{color:#888;cursor:pointer;background:0 0;border:none;padding:5px 0;font-size:1rem;font-weight:500;transition:color .3s;position:relative}.tab-link.active{color:#fff;text-shadow:0 0 10px #ffffff4d}.tab-link.active:after{content:"";background:#fff;width:100%;height:2px;position:absolute;bottom:-11px;left:0;box-shadow:0 0 10px #ffffff80}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.dashboard-header{justify-content:space-between;padding:10px 5%}.dash-logo{position:relative;left:0}.dashboard-nav{position:relative;right:0}.header-search-bar{display:none}}