@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-600: oklch(54.6% .245 262.881);--spacing: .25rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-lg: .5rem;--radius-xl: .75rem;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--sanet-primary: #1DB954;--sanet-primary-glow: rgba(29, 185, 84, .18);--sanet-bg: #121212;--sanet-surface: #181818;--sanet-surface-2: #242424;--sanet-surface-3: #2a2a2a;--sanet-border: rgba(255,255,255,.07);--sanet-text: #FFFFFF;--sanet-text-sub: #B3B3B3;--sanet-text-dim: #6a6a6a;--sanet-sidebar-w: 240px;--sanet-sidebar-w-collapsed: 68px;--sanet-header-h: 64px}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.static{position:static}.start{inset-inline-start:var(--spacing)}.flex-wrap{flex-wrap:wrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-style:var(--tw-border-style);border-width:1px}.p-8{padding:calc(var(--spacing) * 8)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-blue-600{color:var(--color-blue-600)}.underline{text-decoration-line:underline}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}}@layer base{*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:#121212}::-webkit-scrollbar-thumb{background-color:#282828;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:#b3b3b3}}@layer components{.metric-card{cursor:pointer;border-radius:var(--radius-xl);background-color:#181818;padding:calc(var(--spacing) * 5);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out);-webkit-user-select:none;user-select:none}@media(hover:hover){.metric-card:hover{scale:1.02}}@media(hover:hover){.metric-card:hover{background-color:#282828}}.badge-pill{display:inline-flex;align-items:center;gap:calc(var(--spacing) * 1);border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.nav-item{position:relative;display:flex;cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out);color:#b3b3b3}.nav-item:hover,.nav-item.active{background-color:#282828;color:#fff}.nav-item.active:before{content:"";position:absolute;top:calc(var(--spacing) * 2);bottom:calc(var(--spacing) * 2);left:calc(var(--spacing) * 0);width:calc(var(--spacing) * .5);border-radius:calc(infinity * 1px);background-color:#1db954}.search-input{width:100%;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:transparent;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-outline-style: none;outline-style:none;background-color:#282828;color:#fff}.search-input::placeholder{color:#b3b3b3}.search-input:focus{border-color:#1db954}.section-title{margin-bottom:calc(var(--spacing) * 4);font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#fff}.table-row{display:flex;cursor:pointer;align-items:center;gap:calc(var(--spacing) * 4);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 3);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .15s;transition-duration:.15s;border-bottom:1px solid #282828}.table-row:last-child{border-style:var(--tw-border-style);border-width:0px}.table-row:hover{background-color:#28282880}.period-btn{border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;color:#b3b3b3;border:1px solid #282828}.period-btn:hover{border-color:#1db954;color:#1db954}.period-btn.selected{background-color:#1db954;color:#000;border-color:#1db954}}@layer utilities{.animate-bar-grow{animation:bar-grow .6s ease-out both;transform-origin:bottom}.animate-fade-in{animation:fade-in .4s ease-out both}.animate-pulse-green{animation:pulse-green 2s cubic-bezier(.4,0,.6,1) infinite}}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:.8}}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-duration: initial;--tw-ease: initial}}}body.light-mode{--sanet-bg: #EFF1F5;--sanet-surface: #FFFFFF;--sanet-surface-2: #F4F6FA;--sanet-surface-3: #E5E9F0;--sanet-border: rgba(0, 0, 0, .07);--sanet-text: #1A1D23;--sanet-text-sub: #50566A;--sanet-text-dim: #9BA3B4;--sanet-primary-glow: rgba(29, 185, 84, .12)}body.light-mode ::-webkit-scrollbar-track{background-color:#eff1f5}body.light-mode ::-webkit-scrollbar-thumb{background-color:#c5ccd8;border-radius:9999px}body.light-mode ::-webkit-scrollbar-thumb:hover{background-color:#9ba3b4}body.light-mode .sidebar{background:#fff!important;border-right-color:#00000014!important;box-shadow:2px 0 12px #0000000d!important}body.light-mode .header{background:#fffffff0!important;border-bottom-color:#00000012!important;box-shadow:0 1px 8px #0000000f!important}body.light-mode .logo-text{color:#1a1d23!important}body.light-mode .collapse-btn{background:#e5e9f0!important;border-color:#0000001a!important;color:#50566a!important}body.light-mode .collapse-btn:hover{background:#d5dbe8!important}body.light-mode .nav-section-label{color:#9ba3b4!important}body.light-mode .nav-item{color:#50566a!important}body.light-mode .nav-item:hover{background:#f4f6fa!important;color:#1a1d23!important}body.light-mode .nav-item.active{background:#1db95414!important;color:var(--sanet-primary)!important;border-color:#1db9542e!important}body.light-mode .nav-badge{background:var(--sanet-primary)!important;color:#000!important}body.light-mode .admin-card{background:#f4f6fa!important}body.light-mode .admin-card:hover{background:#e5e9f0!important}body.light-mode .admin-name{color:#1a1d23!important}body.light-mode .user-menu{background:#fff!important;border-color:#00000017!important;box-shadow:0 8px 30px #0000001f!important}body.light-mode .header-title{color:#1a1d23!important}body.light-mode .search-bar{background:#f4f6fa!important;border-color:#00000017!important}body.light-mode .search-bar input{color:#1a1d23!important}body.light-mode .search-bar input::placeholder{color:#9ba3b4!important}body.light-mode .search-bar svg{color:#9ba3b4!important}body.light-mode .header-btn{background:#f4f6fa!important;border-color:#00000014!important;color:#50566a!important}body.light-mode .header-btn:hover{background:#e5e9f0!important;color:#1a1d23!important}body.light-mode .metric-card{background-color:#fff!important;box-shadow:0 1px 4px #0000000f!important}body.light-mode .metric-card:hover{background-color:#f4f6fa!important}body.light-mode .search-input{background-color:#f4f6fa!important;color:#1a1d23!important;border-color:#00000017!important}body.light-mode .search-input::placeholder{color:#9ba3b4!important}body.light-mode .search-input:focus{border-color:var(--sanet-primary)!important}body.light-mode .section-title{color:#1a1d23!important}body.light-mode .table-row{border-bottom-color:#0000000f!important}body.light-mode .table-row:hover{background-color:#00000005!important}body.light-mode .period-btn{color:#50566a!important;border-color:#0000001a!important;background:#fff!important}body.light-mode .period-btn:hover{border-color:var(--sanet-primary)!important;color:var(--sanet-primary)!important}body.light-mode .period-btn.selected{background-color:var(--sanet-primary)!important;color:#000!important;border-color:var(--sanet-primary)!important}body.light-mode .songs-table th{color:#9ba3b4!important}body.light-mode .songs-table tbody tr{border-bottom-color:#0000000f!important}body.light-mode .songs-table tbody tr:hover{background:#00000006!important}body.light-mode th{color:#9ba3b4!important;border-bottom-color:#00000012!important}body.light-mode td{border-bottom-color:#0000000a!important;color:#50566a!important}body.light-mode tr:hover td{background:#00000004!important}body.light-mode .track-title,body.light-mode .page-title,body.light-mode .empty-title,body.light-mode .player-title{color:#1a1d23!important}body.light-mode .track-artist,body.light-mode .page-subtitle,body.light-mode .empty-subtitle,body.light-mode .player-artist,body.light-mode .text-secondary,body.light-mode .time-label{color:#50566a!important}body.light-mode .filter-input{background:#f4f6fa!important;border-color:#00000014!important;color:#1a1d23!important}body.light-mode .select-input option{background:#fff!important;color:#1a1d23!important}body.light-mode .form-input{background:#f4f6fa!important;border-color:#00000014!important;color:#1a1d23!important}body.light-mode .genre-tag{background:#e5e9f0!important;color:#50566a!important;border-color:#00000014!important}body.light-mode .card,body.light-mode .form-card,body.light-mode .table-card,body.light-mode .drop-card,body.light-mode .progress-card,body.light-mode .floating-player{background:#fff!important;border-color:#00000012!important}body.light-mode .auth-card{background:#fff!important;border-color:#00000014!important}