@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");body{margin:0;background-color:#05070e;color:#fff;min-height:100vh}:root{--font-primary:"Inter",sans-serif;--spotify-black:#000;--spotify-gray-darkest:#121212;--spotify-gray-dark:#181818;--spotify-gray-medium:#282828;--spotify-gray-light:#535353;--spotify-gray-lighter:#b3b3b3;--spotify-white:#fff;--spotify-green:#1db954;--spotify-green-hover:#1ed760;--accent-blue:#1d3650;--accent-purple:#8a4bed;--accent-red:#ba1b31;--accent-orange:#c0770b;--accent-teal:#11a7a7;--sidebar-width:240px;--top-bar-height:60px;--card-border-radius:8px;--button-border-radius:50px}.spotify-erp-app{display:flex;height:100vh;width:100%;font-family:var(--font-primary);background-color:#05070e;color:var(--spotify-white);overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--spotify-black);display:flex;flex-direction:column;padding:20px 0;flex-shrink:0;height:100%}.sidebar-logo{display:flex;align-items:center;padding:0 20px 20px;margin-bottom:15px;color:var(--spotify-white);font-weight:600;font-size:1.2em}.logo-icon{font-size:1.5em;color:var(--spotify-green);margin-right:10px}.main-nav,.secondary-nav{list-style:none;padding:0 8px}.nav-item{display:flex;align-items:center;padding:10px 12px;color:var(--spotify-gray-lighter);font-weight:500;font-size:.95em;border-radius:4px;cursor:pointer;transition:background-color .2s ease,color .2s ease;margin-bottom:5px;background:none;border:none;width:100%;text-align:left}.nav-item.active,.nav-item:hover{background-color:var(--spotify-gray-medium);color:var(--spotify-white)}.nav-icon{width:24px;text-align:center;margin-right:15px;font-size:1.3em}.sidebar-separator{height:1px;background-color:var(--spotify-gray-medium);margin:15px 20px}.main-view{flex-grow:1;background-color:transparent;height:100%;display:flex;flex-direction:column;overflow:hidden}.top-bar{height:var(--top-bar-height);background-color:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0 25px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10;flex-shrink:0;border-bottom:1px solid var(--spotify-gray-medium)}.navigation-buttons button{background-color:rgba(0,0,0,.7);color:var(--spotify-gray-lighter);border:none;border-radius:50%;width:32px;height:32px;font-size:.9em;cursor:pointer;transition:transform .1s ease;margin:0 5px;display:inline-flex;align-items:center;justify-content:center}.search-bar{position:relative;width:300px}.search-bar i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--spotify-gray-light)}.search-bar input{width:100%;padding:10px 15px 10px 35px;border-radius:var(--button-border-radius);border:none;background-color:var(--spotify-gray-medium);color:var(--spotify-white);font-size:.9em}.content-area{flex-grow:1;padding:25px;overflow-y:auto}.content-area::-webkit-scrollbar{width:12px}.content-area::-webkit-scrollbar-track{background:var(--spotify-gray-darkest)}.content-area::-webkit-scrollbar-thumb{background-color:var(--spotify-gray-light);border-radius:20px;border:3px solid var(--spotify-gray-darkest)}.section-title{color:var(--spotify-white);font-size:1.8em;font-weight:700;margin-bottom:25px}.section-subtitle{color:var(--spotify-white);font-size:1.3em;font-weight:600;margin:30px 0 15px;border-bottom:1px solid var(--spotify-gray-medium);padding-bottom:5px}.card-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-card{background:var(--spotify-gray-dark);border-radius:var(--card-border-radius);padding:20px;position:relative;overflow:hidden;transition:background-color .3s ease}.info-card:hover{background:var(--spotify-gray-medium)}.stat-value{font-size:2.2em;font-weight:700;color:var(--spotify-white)}.card-icon-bg{position:absolute;bottom:-10px;right:-10px;font-size:5em;opacity:.08}.accent-blue{border-top:4px solid var(--accent-blue)}.accent-green{border-top:4px solid var(--spotify-green)}.accent-purple{border-top:4px solid var(--accent-purple)}.accent-orange{border-top:4px solid var(--accent-orange)}.spotify-table{width:100%;border-collapse:collapse;margin-top:15px}.spotify-table th{text-align:left;color:var(--spotify-gray-lighter);font-weight:500;text-transform:uppercase;font-size:.75rem}.spotify-table td,.spotify-table th{padding:12px 15px;border-bottom:1px solid var(--spotify-gray-medium)}.spotify-table td{font-size:.9rem}.spotify-table tr:hover{background-color:var(--spotify-gray-medium)}.tag{padding:4px 10px;border-radius:var(--button-border-radius);font-size:.75em;font-weight:600}.tag-blue{background-color:var(--accent-blue);color:#4c4c4c}.tag-red{background-color:var(--accent-red);color:#323232}.tag-green{background-color:var(--spotify-green);color:#000}.btn{padding:10px 25px;border:none;border-radius:var(--button-border-radius);font-weight:600;cursor:pointer;transition:transform .1s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:var(--spotify-green);color:#000}.btn-primary:hover{background-color:var(--spotify-green-hover);transform:scale(1.05)}.btn-icon{background:none;border:none;color:var(--spotify-gray-light);cursor:pointer;transition:color .2s}.btn-icon:hover{color:#fff}:root{--glass-white:rgba(0,0,0,.45);--glass-white-md:rgba(0,0,0,.65);--glass-white-lg:rgba(0,0,0,.85);--glass-dark:rgba(0,0,0,.25);--glass-dark-md:rgba(0,0,0,.35);--glass-border:hsla(0,0%,100%,.25);--glass-border-subtle:hsla(0,0%,100%,.12);--glass-border-bright:hsla(0,0%,100%,.5);--blur-sm:blur(8px);--blur-md:blur(18px);--blur-lg:blur(32px);--blur-xl:blur(60px);--shadow-glass:0 8px 32px rgba(0,0,0,.28),inset 0 1px 0 hsla(0,0%,100%,.3);--shadow-float:0 20px 60px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.2);--reflection-top:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,0) 50%);--accent-aqua:#5ee7df;--accent-violet:#b490f5;--accent-rose:#f7a8c4;--accent-amber:#ffd27f;--accent-lime:#a8f08a;--ease-glass:cubic-bezier(0.22,0.68,0,1.2);--ease-liquid:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--dur-fast:180ms;--dur-mid:360ms;--dur-slow:600ms}.scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.scene__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;animation:blob-drift var(--dur,18s) ease-in-out infinite alternate}.scene__blob--1{width:700px;height:700px;background:radial-gradient(circle,#5ee7df,#3b82f6);top:-200px;left:-150px;--dur:22s}.scene__blob--2{width:600px;height:600px;background:radial-gradient(circle,#b490f5,#ec4899);bottom:-200px;right:-100px;--dur:17s;animation-delay:-8s}.scene__blob--3{width:400px;height:400px;background:radial-gradient(circle,#ffd27f,#f7a8c4);top:40%;left:50%;--dur:25s;animation-delay:-13s}@keyframes blob-drift{0%{transform:translate(0) scale(1)}33%{transform:translate(60px,-40px) scale(1.08)}66%{transform:translate(-40px,60px) scale(.94)}to{transform:translate(30px,30px) scale(1.04)}}.glass{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);background:var(--glass-white);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);position:relative;overflow:hidden}.glass-header{overflow:visible!important}.glass:before{content:"";position:absolute;inset:0;background:var(--reflection-top);pointer-events:none;border-radius:inherit;z-index:1}.glass-btn{display:inline-flex;align-items:center;gap:var(--space-xs,8px);padding:var(--space-sm,12px) var(--space-lg,24px);border-radius:9999px;border:none;cursor:pointer;font-family:inherit;font-size:var(--text-sm,.82rem);font-weight:500;color:var(--spotify-white);text-decoration:none;transition:transform var(--dur-fast) var(--ease-liquid),box-shadow var(--dur-fast),background var(--dur-fast)}.glass-btn--primary{background:linear-gradient(135deg,rgba(94,231,223,.5),rgba(59,130,246,.5));border:1px solid rgba(94,231,223,.45);box-shadow:0 4px 24px rgba(94,231,223,.3)}.glass-btn:hover{transform:translateY(-2px);background:var(--glass-white-md)}.glass-btn--ghost{background:hsla(0,0%,100%,.03);border:1px solid var(--glass-border-subtle);color:var(--spotify-gray-lighter)}.glass-btn--ghost:hover{background:hsla(0,0%,100%,.08);color:var(--spotify-white)}.glass-btn--sm{padding:6px 14px;font-size:.75rem}.glass-card{border-radius:14px;padding:24px;transition:transform var(--dur-mid) var(--ease-glass),box-shadow var(--dur-mid) var(--ease-glass)}.glass-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-float);background:var(--glass-white-md)}.glass-theme-wrapper{position:relative;background-color:#05070e}.glass-theme-wrapper>aside,.glass-theme-wrapper>main{z-index:1}.sidebar{border-right:1px solid var(--glass-border-subtle)}.sidebar,.top-bar{background-color:var(--glass-white)!important;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md)}.top-bar{border-bottom:1px solid var(--glass-border-subtle)}@media (max-width:980px){.sidebar{display:none!important}.main-view{margin-left:0!important;width:100%!important}.header-nav-desktop{display:none!important}.mobile-menu-toggle{display:block!important}.section-content{padding:10px!important}.card-grid{grid-template-columns:1fr!important}.spotify-table{display:block;overflow-x:auto}}.mobile-drawer{transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-drawer.open{transform:translateX(0)!important}.wallet-adapter-button{background:linear-gradient(135deg,rgba(29,185,84,.4),rgba(30,215,96,.2))!important;border:1px solid rgba(29,185,84,.5)!important;border-radius:999px!important;font-family:var(--font-primary)!important;font-weight:700!important;font-size:.8rem!important;height:40px!important;line-height:40px!important;padding:0 20px!important;transition:all .3s ease-in-out!important;box-shadow:0 4px 15px rgba(29,185,84,.15)!important}.wallet-adapter-button:not([disabled]):hover{background:var(--spotify-green)!important;color:#000!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(29,185,84,.3)!important}.wallet-adapter-button-trigger{background-color:transparent!important}.wallet-adapter-dropdown-list{background:hsla(0,0%,7%,.95)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:12px!important;box-shadow:0 10px 40px rgba(0,0,0,.6)!important;margin-top:10px!important;padding:8px!important}.wallet-adapter-dropdown-list-item{font-family:var(--font-primary)!important;font-size:.85rem!important;font-weight:500!important;padding:10px 16px!important;border-radius:8px!important;color:var(--spotify-gray-lighter)!important;transition:all .2s!important}.wallet-adapter-dropdown-list-item:hover{background:rgba(29,185,84,.15)!important;color:#fff!important}.wallet-adapter-modal-wrapper{background:rgba(10,12,18,.95)!important;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:24px!important;box-shadow:0 30px 100px rgba(0,0,0,.8)!important;font-family:var(--font-primary)!important}.wallet-adapter-modal-title{color:#fff!important;font-weight:800!important;font-size:1.4rem!important}.wallet-adapter-modal-button-close{background:hsla(0,0%,100%,.1)!important}.wallet-adapter-modal-list .wallet-adapter-button{width:100%!important;justify-content:center!important;margin-bottom:10px!important}