.shell{display:flex;min-height:100vh}.shell__main{flex:1;display:flex;flex-direction:column;min-width:0}.shell__content{flex:1;padding:var(--space-xl);max-width:var(--content-max-width);width:100%;margin:0 auto}.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar--open{transform:translate(0)}.sidebar__overlay{position:fixed;inset:0;background:#00000080;z-index:99}.sidebar__brand{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.sidebar__logo{font-size:var(--text-2xl)}.sidebar__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;background:linear-gradient(135deg,var(--color-accent),var(--color-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar__nav{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar__link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);text-decoration:none}.sidebar__link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar__link--active{background:var(--color-accent-muted);color:var(--color-accent);font-weight:500}.sidebar__icon{font-size:var(--text-lg);width:24px;text-align:center}.sidebar__footer{padding:var(--space-md);border-top:1px solid var(--color-border)}.sidebar__user{display:flex;align-items:center;gap:var(--space-sm)}.sidebar__avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm)}.sidebar__user-info{display:flex;flex-direction:column}.sidebar__user-name{font-size:var(--text-sm);font-weight:500}.sidebar__user-role{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:capitalize}.header{height:var(--header-height);padding:0 var(--space-xl);display:flex;align-items:center;gap:var(--space-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.header__menu-btn{font-size:var(--text-xl);padding:var(--space-sm);border-radius:var(--radius-md);transition:background var(--transition-fast)}.header__menu-btn:hover{background:var(--color-bg-hover)}.header__spacer{flex:1}.header__actions{display:flex;align-items:center;gap:var(--space-md)}.header__greeting{font-size:var(--text-sm);color:var(--color-text-secondary)}.header__logout{font-size:var(--text-sm);color:var(--color-error);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:background var(--transition-fast)}.header__logout:hover{background:#ff6b6b1a}@media(min-width:768px){.sidebar{transform:translate(0);position:sticky}.sidebar__overlay,.header__menu-btn{display:none}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);background-image:radial-gradient(ellipse at 20% 50%,rgba(108,92,231,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(116,185,255,.06) 0%,transparent 50%);padding:var(--space-lg)}.login__loading{color:var(--color-text-muted);font-size:var(--text-lg)}.login__card{width:100%;max-width:420px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);animation:loginFadeIn .4s ease}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login__header{text-align:center;margin-bottom:var(--space-xl)}.login__logo{font-size:3rem;display:block;margin-bottom:var(--space-sm)}.login__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;background:linear-gradient(135deg,var(--color-accent),var(--color-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.login__subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.login__form{display:flex;flex-direction:column;gap:var(--space-md)}.login__error{padding:var(--space-sm) var(--space-md);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);animation:errorShake .3s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login__field{display:flex;flex-direction:column;gap:var(--space-xs)}.login__label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.login__input{padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.login__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.login__input--readonly{opacity:.7;cursor:not-allowed}.login__submit{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--color-accent),#5a4bd1);color:#fff;font-weight:600;font-size:var(--text-base);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-sm)}.login__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow)}.login__submit:active:not(:disabled){transform:translateY(0)}.login__submit:disabled{opacity:.6;cursor:not-allowed}.login__forgot{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.login__forgot:hover{color:var(--color-accent)}.dashboard__header{margin-bottom:var(--space-xl)}.dashboard__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-xs)}.dashboard__subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.dashboard__stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-light)}.stat-card--accent{border-color:var(--color-warning);background:linear-gradient(135deg,var(--color-surface),rgba(253,203,110,.05))}.stat-card__icon{font-size:var(--text-2xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.stat-card__content{display:flex;flex-direction:column}.stat-card__value{font-size:var(--text-2xl);font-weight:700;font-family:var(--font-display);line-height:var(--leading-tight)}.stat-card__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.dashboard__sections{display:grid;gap:var(--space-xl)}.dashboard__section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.dashboard__section-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-md)}.dashboard__empty{color:var(--color-text-muted);text-align:center;padding:var(--space-xl)}.dashboard__track-list{display:flex;flex-direction:column}.dashboard__track{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:background var(--transition-fast)}.dashboard__track:hover{background:var(--color-surface-hover)}.dashboard__track+.dashboard__track{border-top:1px solid var(--color-border)}.dashboard__track-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dashboard__track-title{font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard__track-artist{font-size:var(--text-xs);color:var(--color-text-muted)}.dashboard__track-meta{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.dashboard__track-backend{font-size:var(--text-xs);padding:2px 8px;background:var(--color-accent-muted);color:var(--color-accent);border-radius:var(--radius-full);font-weight:500}.dashboard__track-date{font-size:var(--text-xs);color:var(--color-text-muted);min-width:50px;text-align:right}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;text-transform:capitalize;line-height:1.6}.badge--success{background:#00cec926;color:var(--color-success)}.badge--warning{background:#fdcb6e26;color:var(--color-warning)}.badge--error{background:#ff6b6b26;color:var(--color-error)}.badge--info{background:#74b9ff26;color:var(--color-info)}.badge--accent{background:var(--color-accent-muted);color:var(--color-accent)}.badge--muted{background:#6b728026;color:var(--color-text-muted)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.page-header__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);line-height:var(--leading-tight)}.page-header__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.page-header__actions{display:flex;gap:var(--space-sm);flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid transparent}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:hover{background:var(--color-bg-hover)}.btn--danger{background:#ff6b6b1f;color:var(--color-error);border-color:#ff6b6b40}.btn--danger:hover{background:#ff6b6b33}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn--sm{padding:4px var(--space-sm);font-size:var(--text-xs)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:768px){.page-header{flex-direction:column}}.dt-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-secondary)}.dt{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.dt thead{background:var(--color-bg-tertiary);position:sticky;top:0;z-index:2}.dt th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;user-select:none}.dt__sortable{cursor:pointer;transition:color var(--transition-fast)}.dt__sortable:hover{color:var(--color-accent)}.dt__sort-arrow{color:var(--color-accent);font-size:var(--text-xs)}.dt td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.dt__row{transition:background var(--transition-fast)}.dt__row--clickable{cursor:pointer}.dt__row:hover{background:var(--color-surface-hover)}.dt__row--selected{background:var(--color-accent-muted)}.dt__skeleton-row td{padding:var(--space-md)}.dt__skeleton{height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-hover) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:dt-shimmer 1.5s ease-in-out infinite}@keyframes dt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.dt-empty__icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.6}.dt-empty__text{color:var(--color-text-muted);font-size:var(--text-sm)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-md);animation:modal-fade-in .2s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-height:85vh;display:flex;flex-direction:column;animation:modal-slide-up .25s ease}@keyframes modal-slide-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:760px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.modal__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-base);transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal__body{padding:var(--space-lg);overflow-y:auto;flex:1}.modal__footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-sm)}.te-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--space-xl);align-items:start}@media(max-width:640px){.te-layout{grid-template-columns:1fr}}.te-artwork-panel{display:flex;flex-direction:column;gap:var(--space-sm)}.te-artwork__preview{width:200px;height:200px;border-radius:var(--radius-lg);overflow:hidden;background:#ffffff0a;border:1px solid var(--color-border)}.te-artwork__image{width:100%;height:100%;object-fit:cover}.te-artwork__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);color:var(--color-text-muted)}.te-artwork__placeholder-icon{font-size:3rem;opacity:.4}.te-artwork__placeholder-text{font-size:var(--text-sm);opacity:.6}.te-artwork__source{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.te-artwork__source strong{color:var(--color-success);text-transform:capitalize}.te-artwork__resolve-btn{width:100%}.te-artwork__override{display:flex;gap:var(--space-xs)}.te-artwork__override .input{flex:1;font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.te-form-panel{min-width:0}.te-duplicate{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#fdcb6e1a;border:1px solid rgba(253,203,110,.25);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--text-sm)}.te-duplicate code{font-family:var(--font-mono);font-size:var(--text-xs);background:#0003;padding:1px 4px;border-radius:var(--radius-sm)}.te-error{margin-top:var(--space-md);color:var(--color-error);font-size:var(--text-sm)}.input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.input::placeholder{color:var(--color-text-muted)}.select{appearance:none;padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-md);background:var(--color-bg-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239aa0b0' d='M3 4.5L6 8l3-3.5H3z'/%3E%3C/svg%3E") no-repeat right 8px center;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast)}.select:focus{outline:none;border-color:var(--color-accent)}.label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.search-bar{position:relative;max-width:320px}.search-bar__icon{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--text-sm);pointer-events:none}.search-bar .input{padding-left:var(--space-xl)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.pagination__controls{display:flex;gap:var(--space-xs)}.toolbar{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.toolbar__spacer{flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-grid__full{grid-column:1 / -1}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}.lib{animation:lib-fade-in .3s ease}@keyframes lib-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lib-error{padding:var(--space-md);margin-bottom:var(--space-md);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.25);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.lib-track-title{display:flex;align-items:center;gap:var(--space-sm);font-weight:500}.lib-art-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent);flex-shrink:0;box-shadow:0 0 6px var(--color-accent)}.pd-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.pd-meta__owner{font-size:var(--text-sm);color:var(--color-text-muted)}.pd-controls{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.pd-controls .label{margin-bottom:0;margin-right:var(--space-xs)}.pd-share-link{font-size:var(--text-xs);color:var(--color-success);margin-bottom:var(--space-md)}.pd-share-link code{font-family:var(--font-mono);background:#0003;padding:1px 4px;border-radius:var(--radius-sm)}.pd-tracks__heading{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.pd-tracks__empty{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-lg);text-align:center}.pd-tracks__list{list-style:none;display:flex;flex-direction:column;gap:2px}.pd-track{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-primary);border-radius:var(--radius-md);cursor:grab;transition:background var(--transition-fast)}.pd-track:hover{background:var(--color-surface-hover)}.pd-track:active{cursor:grabbing}.pd-track__grip{color:var(--color-text-muted);font-size:var(--text-sm);cursor:grab}.pd-track__pos{color:var(--color-text-muted);font-size:var(--text-xs);min-width:20px;text-align:right}.pd-track__title{flex:1;font-size:var(--text-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-track__artist{font-size:var(--text-xs);color:var(--color-text-muted)}.pd-track__remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);padding:2px 6px;border-radius:var(--radius-sm);opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.pd-track:hover .pd-track__remove{opacity:1}.pd-track__remove:hover{color:var(--color-danger);background:#ff55551a}.pl{animation:pl-fade-in .3s ease}@keyframes pl-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pl-name{font-weight:500}.pl-star{font-size:var(--text-lg);background:none;border:none;cursor:pointer;padding:2px;transition:transform var(--transition-fast);opacity:.4}.pl-star:hover{transform:scale(1.2);opacity:.8}.pl-star--active{opacity:1}.pl-api-notice{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#fdcb6e14;border:1px solid rgba(253,203,110,.2);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.pl-api-notice__icon{font-size:var(--text-xl);flex-shrink:0}.pl-api-notice__title{font-weight:600;color:var(--color-warning);font-size:var(--text-sm);margin-bottom:var(--space-xs)}.pl-api-notice__text{font-size:var(--text-xs);color:var(--color-text-muted)}.ud-header{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.ud-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent),var(--color-info));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-xl);flex-shrink:0}.ud-info__email{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.ud-info__badges{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.ud-info__date{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.ud-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.ud-section__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.ud-muted{font-size:var(--text-sm);color:var(--color-text-muted)}.ud-quota__bar{height:6px;background:var(--color-bg-primary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-sm)}.ud-quota__fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-info));border-radius:var(--radius-full);transition:width var(--transition-normal)}.ud-quota__controls{display:flex;align-items:center;gap:var(--space-sm)}.ud-quota__input{width:100px}.ud-quota__unit{font-size:var(--text-sm);color:var(--color-text-muted)}.ud-devices{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.ud-device{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-primary);border-radius:var(--radius-md)}.ud-device__icon{font-size:var(--text-lg)}.ud-device__name{font-size:var(--text-sm);font-weight:500}.ud-device__meta{font-size:var(--text-xs);color:var(--color-text-muted)}.ud-device__info{display:flex;flex-direction:column}.ud-danger{border-top-color:#ff6b6b33}.ud-danger__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.ud-danger__confirm{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-error)}.usr{animation:usr-fade-in .3s ease}@keyframes usr-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.usr-name{font-weight:500}.usr-role-select{padding:2px var(--space-lg) 2px var(--space-sm);font-size:var(--text-xs);background-color:transparent;border-color:transparent}.usr-role-select:hover{border-color:var(--color-border)}.usr-role-select:focus{border-color:var(--color-accent)}.usr-queue{margin-bottom:var(--space-xl);padding:var(--space-lg);background:linear-gradient(135deg,#6c5ce70f,#74b9ff0f);border:1px solid var(--color-accent-muted);border-radius:var(--radius-lg)}.usr-queue__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.usr-queue__count{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-xs);font-weight:700}.usr-queue__cards{display:flex;flex-direction:column;gap:var(--space-sm)}.usr-queue__card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:border-color var(--transition-fast)}.usr-queue__card:hover{border-color:var(--color-accent)}.usr-queue__avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);flex-shrink:0}.usr-queue__info{flex:1;min-width:0}.usr-queue__name{display:block;font-size:var(--text-sm);font-weight:500}.usr-queue__email{display:block;font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis}.usr-queue__actions{display:flex;gap:var(--space-xs);flex-shrink:0}@media(max-width:768px){.usr-queue__card{flex-wrap:wrap}.usr-queue__actions{width:100%;justify-content:flex-end}}.analytics__header{margin-bottom:var(--space-xl)}.analytics__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-xs)}.analytics__subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.analytics__loading{color:var(--color-text-muted);padding:var(--space-2xl);text-align:center}.analytics__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-md)}.analytics__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.analytics__card--wide{grid-column:1 / -1}.analytics__card-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-md)}.analytics__empty{color:var(--color-text-muted);text-align:center;padding:var(--space-md);font-size:var(--text-sm)}.analytics__bar-list{display:flex;flex-direction:column;gap:var(--space-sm)}.analytics__bar-item{display:flex;align-items:center;gap:var(--space-sm)}.analytics__bar-rank{font-size:var(--text-xs);color:var(--color-text-muted);width:20px;text-align:right;flex-shrink:0}.analytics__bar-info{display:flex;flex-direction:column;min-width:120px;max-width:180px}.analytics__bar-name{font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics__bar-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.analytics__bar-track{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.analytics__bar-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-info));border-radius:var(--radius-full);transition:width var(--transition-slow)}.analytics__bar-fill--alt{background:linear-gradient(90deg,var(--color-success),var(--color-info))}.analytics__bar-value{font-size:var(--text-xs);color:var(--color-text-secondary);min-width:36px;text-align:right;flex-shrink:0}.analytics__storage-total{font-size:var(--text-2xl);font-weight:700;font-family:var(--font-display);margin-bottom:var(--space-md)}.analytics__storage-list{display:flex;flex-direction:column;gap:var(--space-md)}.analytics__storage-item{display:flex;flex-direction:column;gap:var(--space-xs)}.analytics__storage-header{display:flex;justify-content:space-between;font-size:var(--text-sm)}.analytics__storage-name{font-weight:500}.analytics__storage-size{color:var(--color-text-secondary)}.analytics__storage-bar{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.analytics__storage-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.analytics__storage-tracks{font-size:var(--text-xs);color:var(--color-text-muted)}.analytics__devices{display:flex;flex-direction:column;gap:var(--space-sm)}.analytics__device{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0}.analytics__device-type{font-size:var(--text-sm);font-weight:500;flex:1;text-transform:capitalize}.analytics__device-count{font-size:var(--text-sm);font-weight:600}.analytics__device-pct{font-size:var(--text-xs);color:var(--color-text-muted);min-width:36px;text-align:right}.analytics__sync-summary{display:flex;gap:var(--space-xl)}.analytics__sync-stat{display:flex;flex-direction:column;align-items:center;flex:1}.analytics__sync-value{font-size:var(--text-2xl);font-weight:700;font-family:var(--font-display)}.analytics__sync-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.settings__header{margin-bottom:var(--space-xl)}.settings__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-xs)}.settings__subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.settings__tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs);overflow-x:auto}.settings__tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);white-space:nowrap}.settings__tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.settings__tab--active{color:var(--color-accent);background:var(--color-accent-muted);font-weight:500}.settings__content{animation:settingsFadeIn .2s ease}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings__section-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-md)}.settings__loading{color:var(--color-text-muted);padding:var(--space-xl);text-align:center}.settings__empty{color:var(--color-text-muted);text-align:center;padding:var(--space-lg);font-size:var(--text-sm)}.settings__list{display:flex;flex-direction:column;gap:var(--space-xs)}.settings__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.settings__item:hover{border-color:var(--color-border-light)}.settings__item-info{display:flex;flex-direction:column;gap:2px}.settings__item-name{font-weight:500;font-size:var(--text-sm)}.settings__item-type,.settings__item-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.settings__item-meta{display:flex;align-items:center;gap:var(--space-sm)}.settings__badge{font-size:var(--text-xs);padding:2px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-secondary)}.settings__status{font-size:var(--text-xs);font-weight:500}.settings__status--active{color:var(--color-success)}.settings__status--inactive{color:var(--color-text-muted)}.settings__invite-code{font-family:var(--font-mono);font-size:var(--text-sm);padding:2px 6px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.settings__action-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.settings__action-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-xs)}.settings__action-desc{font-size:var(--text-sm);color:var(--color-text-muted);max-width:400px}.settings__confirm{display:flex;align-items:center;gap:var(--space-sm)}.settings__confirm-text{font-size:var(--text-sm);color:var(--color-warning);font-weight:500}.settings__btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer;background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.settings__btn:hover:not(:disabled){border-color:var(--color-border-light);background:var(--color-bg-hover)}.settings__btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.settings__btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.settings__btn--warning{background:#fdcb6e1a;color:var(--color-warning);border-color:var(--color-warning)}.settings__btn--danger{background:#ff6b6b1a;color:var(--color-error);border-color:var(--color-error)}.settings__btn:disabled{opacity:.5;cursor:not-allowed}.settings__success{padding:var(--space-sm) var(--space-md);background:#00cec91a;border:1px solid rgba(0,206,201,.3);border-radius:var(--radius-md);color:var(--color-success);font-size:var(--text-sm);margin-top:var(--space-md)}.settings__error-msg{padding:var(--space-sm) var(--space-md);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-md)}.settings__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.settings__item-icon{font-size:1.3rem;flex-shrink:0}.settings__item-info{display:flex;align-items:center;gap:var(--space-sm)}.settings__status-btn{font-size:var(--text-xs);font-weight:500;padding:2px 10px;border-radius:var(--radius-full);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.settings__status-btn.settings__status--active{color:var(--color-success);background:#00cec91a;border-color:#00cec94d}.settings__status-btn.settings__status--inactive{color:var(--color-text-muted);background:var(--color-bg-tertiary)}.backend-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);animation:settingsFadeIn .2s ease}.backend-form__title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-md)}.backend-form__row{margin-bottom:var(--space-md)}.backend-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.backend-form__config{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.backend-form__config legend{font-size:var(--text-sm);font-weight:500;padding:0 var(--space-xs);color:var(--color-text-secondary)}.backend-form__actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md)}.form-label{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm);color:var(--color-text-secondary)}.form-label--checkbox{flex-direction:row;align-items:center;gap:var(--space-sm)}.form-required{color:var(--color-error)}@media(max-width:640px){.settings__action-card{flex-direction:column;gap:var(--space-md);align-items:flex-start}.backend-form__grid{grid-template-columns:1fr}}.settings__section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-md)}.settings__section-desc{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-xs)}.settings__reveal{background:var(--color-success-muted, rgba(34, 197, 94, .1));border:1px solid var(--color-success, #22c55e);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg)}.settings__reveal-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--text-sm)}.settings__reveal-icon{font-size:var(--text-xl)}.settings__reveal-token{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);overflow-x:auto}.settings__reveal-token code{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-sm);word-break:break-all;flex:1}.settings__badge{display:inline-block;padding:2px var(--space-sm);border-radius:var(--radius-full, 9999px);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.settings__badge--success{background:var(--color-success-muted, rgba(34, 197, 94, .15));color:var(--color-success, #22c55e)}.settings__badge--warning{background:#eab30826;color:#eab308}.settings__badge--danger{background:var(--color-error-muted, rgba(239, 68, 68, .15));color:var(--color-error, #ef4444)}.settings__item-row{display:flex;align-items:center;gap:var(--space-sm)}.settings__item-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.settings__item--revoked{opacity:.5}.settings__form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.settings__form-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-md)}.settings__field{margin-bottom:var(--space-md)}.settings__field label{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.settings__input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.settings__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.settings__input--sm{max-width:120px}.settings__form-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.settings__error{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-sm)}.settings__btn--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.settings__btn--danger{color:var(--color-error, #ef4444);border:1px solid var(--color-error, #ef4444);border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all var(--transition-fast)}.settings__btn--danger:hover{background:var(--color-error-muted, rgba(239, 68, 68, .1))}.settings__btn--ghost{background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm)}.settings__btn--ghost:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.settings__btn--primary{background:var(--color-accent);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.settings__btn--primary:hover{filter:brightness(1.1)}.settings__btn--primary:disabled{opacity:.5;cursor:not-allowed}.disc{padding:0}.disc-cover{width:40px;height:40px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.disc-cover__img{width:100%;height:100%;object-fit:cover}.disc-cover__placeholder{font-size:1.2rem}.disc-name{font-weight:600}.disc-desc{color:var(--color-text-muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.disc-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.disc-actions{display:flex;gap:var(--space-xs)}.disc-form-cover{width:160px;height:160px;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--color-bg-tertiary);border:2px dashed var(--color-border);transition:border-color var(--transition-fast),background var(--transition-fast)}.disc-form-cover:hover{border-color:var(--color-accent);background:var(--color-bg-elevated)}.disc-form-cover__img{width:100%;height:100%;object-fit:cover}.disc-form-cover__empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm)}.disc-form-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-sm)}.disc-tag-chip{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.disc-tag-chip:hover{border-color:var(--color-accent)}.disc-tag-chip--active{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.disc-form-custom-tag{display:flex;gap:var(--space-sm);align-items:center}.disc-form-custom-tag .input{flex:1}.rel{padding:0}.rel-version{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-family:var(--font-mono)}.rel-build{font-family:var(--font-mono);color:var(--color-text-secondary)}.rel-changelog{color:var(--color-text-secondary);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.rel-actions{display:flex;gap:var(--space-xs)}.rel-form-file{border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);overflow:hidden}.rel-form-file:hover{border-color:var(--color-accent);background:var(--color-bg-elevated)}.rel-form-file__empty{padding:var(--space-xl);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm)}.rel-form-file__selected{padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md)}.rel-form-file__icon{font-size:1.5rem}.rel-form-file__info{display:flex;flex-direction:column;gap:2px}.rel-form-file__name{font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary)}.rel-form-file__size{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.rel-form-toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary)}.rel-form-toggle input[type=checkbox]{accent-color:var(--color-accent);width:16px;height:16px}.rel-form-progress{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-accent-muted);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary)}.rel-form-progress__bar{width:20px;height:20px;border:2px solid var(--color-accent);border-top-color:transparent;border-radius:50%;animation:rel-spin .8s linear infinite}@keyframes rel-spin{to{transform:rotate(360deg)}}:root{--color-bg-primary: #0f1117;--color-bg-secondary: #1a1d27;--color-bg-tertiary: #242836;--color-bg-elevated: #2a2f3e;--color-bg-hover: #323848;--color-surface: #1e2230;--color-surface-hover: #282d3e;--color-surface-active: #323848;--color-border: #2e3348;--color-border-light: #3a4058;--color-accent: #6c5ce7;--color-accent-hover: #7c6df7;--color-accent-muted: rgba(108, 92, 231, .15);--color-success: #00cec9;--color-warning: #fdcb6e;--color-error: #ff6b6b;--color-info: #74b9ff;--color-text-primary: #e8eaed;--color-text-secondary: #9aa0b0;--color-text-muted: #6b7280;--color-text-inverse: #0f1117;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(108, 92, 231, .3);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", var(--font-sans);--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--sidebar-width: 260px;--sidebar-collapsed: 64px;--header-height: 64px;--content-max-width: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img,svg{display:block;max-width:100%}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-to-content{position:fixed;top:-100%;left:var(--space-md);z-index:9999;padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:top var(--transition-fast)}.skip-to-content:focus{top:var(--space-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}