._page_iz4pb_1{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#1a1a3e 0%,var(--bg) 60%)}._card_iz4pb_9{text-align:center;padding:48px 40px;background:var(--surface);border:1px solid var(--border);border-radius:20px;max-width:400px;width:90%;box-shadow:0 20px 60px #0006}._logo_iz4pb_20{font-size:56px;margin-bottom:16px}._title_iz4pb_25{font-size:26px;font-weight:700;line-height:1.3;margin-bottom:12px;color:var(--text)}._subtitle_iz4pb_33{color:var(--text-muted);font-size:14px;line-height:1.6;margin-bottom:32px}._loginBtn_iz4pb_40{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--accent);color:#fff;border-radius:var(--radius);font-size:16px;font-weight:600;transition:background .2s}._loginBtn_iz4pb_40:hover{background:var(--accent-hover)}._error_iz4pb_57{background:#ed424526;border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);padding:12px 16px;font-size:14px;margin-bottom:20px}._card_xdw0x_1{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#5865f226,#5865f20d);border:1px solid rgba(88,101,242,.3);border-radius:var(--radius);padding:16px;margin-bottom:24px;position:relative;overflow:hidden}._thumb_xdw0x_14{width:60px;height:60px;border-radius:6px;object-fit:cover;flex-shrink:0}._info_xdw0x_22{flex:1;min-width:0}._label_xdw0x_27{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600;margin-bottom:4px}._title_xdw0x_36{font-size:16px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}._title_xdw0x_36:hover{color:var(--accent)}._meta_xdw0x_50{font-size:13px;color:var(--text-muted);margin-top:4px}._pulse_xdw0x_56{width:10px;height:10px;border-radius:50%;background:var(--success);flex-shrink:0;animation:_pulse_xdw0x_56 2s infinite}@keyframes _pulse_xdw0x_56{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}._empty_xdw0x_70{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:24px}._heading_1mxyh_1{font-size:15px;font-weight:600;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em;font-size:12px}._list_1mxyh_11{list-style:none;display:flex;flex-direction:column;gap:6px}._item_1mxyh_18{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;transition:border-color .15s}._item_1mxyh_18:hover{border-color:var(--accent)}._pos_1mxyh_33{color:var(--text-muted);font-size:13px;min-width:20px;text-align:right}._thumb_1mxyh_40{width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0}._info_1mxyh_48{flex:1;min-width:0}._title_1mxyh_53{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}._title_1mxyh_53:hover{color:var(--accent)}._meta_1mxyh_67{font-size:12px;color:var(--text-muted);margin-top:2px}._removeBtn_1mxyh_73{background:none;color:var(--text-muted);font-size:14px;padding:4px 8px;border-radius:4px;transition:color .15s;flex-shrink:0}._removeBtn_1mxyh_73:hover{color:var(--danger)}._empty_1mxyh_87{color:var(--text-muted);font-size:14px}._form_l3mg8_1{margin-bottom:28px}._row_l3mg8_5{display:flex;gap:10px}._input_l3mg8_10{flex:1;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:11px 14px;border-radius:var(--radius);font-size:14px;transition:border-color .15s}._input_l3mg8_10:focus{border-color:var(--accent)}._input_l3mg8_10::placeholder{color:var(--text-muted)}._btn_l3mg8_29{background:var(--accent);color:#fff;padding:11px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;white-space:nowrap;transition:background .15s}._btn_l3mg8_29:hover:not(:disabled){background:var(--accent-hover)}._btn_l3mg8_29:disabled{opacity:.5;cursor:not-allowed}._error_l3mg8_49{margin-top:8px;color:var(--danger);font-size:13px}._success_l3mg8_55{margin-top:8px;color:var(--success);font-size:13px}._heading_1lf8u_1{font-size:22px;font-weight:700;margin-bottom:24px}._muted_1lf8u_7{color:var(--text-muted);font-size:14px}._card_atn13_1{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}._header_atn13_8{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;transition:background .15s}._header_atn13_8:hover{background:var(--surface2)}._name_atn13_21{font-size:15px;font-weight:600}._meta_atn13_26{font-size:12px;color:var(--text-muted);margin-top:2px}._actions_atn13_32{display:flex;align-items:center;gap:6px}._playBtn_atn13_38{background:#5865f226;color:var(--accent);padding:5px 10px;border-radius:6px;font-size:13px;transition:background .15s}._playBtn_atn13_38:hover{background:var(--accent);color:#fff}._deleteBtn_atn13_52{background:none;color:var(--text-muted);font-size:15px;padding:4px 6px;border-radius:4px;transition:color .15s}._deleteBtn_atn13_52:hover{color:var(--danger)}._chevron_atn13_65{color:var(--text-muted);font-size:18px;transition:transform .2s;display:inline-block}._chevronOpen_atn13_72{transform:rotate(180deg)}._body_atn13_76{padding:12px 16px 16px;border-top:1px solid var(--border)}._addForm_atn13_81{display:flex;gap:8px;margin-bottom:12px}._addInput_atn13_87{flex:1;background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:6px;font-size:13px}._addInput_atn13_87:focus{border-color:var(--accent)}._addBtn_atn13_101{background:var(--accent);color:#fff;padding:8px 14px;border-radius:6px;font-size:16px;font-weight:600;transition:background .15s}._addBtn_atn13_101:hover:not(:disabled){background:var(--accent-hover)}._addBtn_atn13_101:disabled{opacity:.4;cursor:not-allowed}._trackList_atn13_120{list-style:none;display:flex;flex-direction:column;gap:4px}._trackItem_atn13_127{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;background:var(--surface2);font-size:13px}._trackTitle_atn13_137{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._trackDuration_atn13_145{color:var(--text-muted);flex-shrink:0}._removeBtn_atn13_150{background:none;color:var(--text-muted);font-size:12px;padding:2px 5px;border-radius:3px;transition:color .15s;flex-shrink:0}._removeBtn_atn13_150:hover{color:var(--danger)}._error_atn13_164{color:var(--danger);font-size:13px;margin-bottom:8px}._muted_atn13_170{color:var(--text-muted);font-size:13px}._heading_mdv4j_1{font-size:22px;font-weight:700;margin-bottom:24px}._createForm_mdv4j_7{display:flex;gap:10px;margin-bottom:28px}._input_mdv4j_13{flex:1;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:var(--radius);font-size:14px;transition:border-color .15s}._input_mdv4j_13:focus{border-color:var(--accent)}._createBtn_mdv4j_28{background:var(--accent);color:#fff;padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;transition:background .15s;white-space:nowrap}._createBtn_mdv4j_28:hover:not(:disabled){background:var(--accent-hover)}._createBtn_mdv4j_28:disabled{opacity:.5;cursor:not-allowed}._grid_mdv4j_48{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}._muted_mdv4j_54{color:var(--text-muted);font-size:14px}._layout_1q3cw_1{display:flex;height:100vh;overflow:hidden}._sidebar_1q3cw_7{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 12px}._brand_1q3cw_17{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;padding:8px 10px 24px;color:var(--text)}._nav_1q3cw_27{display:flex;flex-direction:column;gap:4px;flex:1}._navLink_1q3cw_34,._navActive_1q3cw_34{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--text-muted);transition:all .15s}._navLink_1q3cw_34:hover{background:var(--surface2);color:var(--text)}._navActive_1q3cw_34{background:#5865f226;color:var(--accent)}._user_1q3cw_56{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius);background:var(--surface2)}._avatar_1q3cw_65{width:32px;height:32px;border-radius:50%;flex-shrink:0}._userInfo_1q3cw_72{flex:1;min-width:0}._username_1q3cw_77{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}._logoutBtn_1q3cw_86{background:none;color:var(--text-muted);font-size:16px;padding:2px 6px;border-radius:4px;transition:color .15s}._logoutBtn_1q3cw_86:hover{color:var(--danger)}._main_1q3cw_99{flex:1;overflow-y:auto;padding:28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f13;--surface: #1a1a24;--surface2: #232333;--border: #2e2e42;--accent: #5865f2;--accent-hover: #4752c4;--text: #e2e2f0;--text-muted: #8888aa;--danger: #ed4245;--success: #57f287;--radius: 10px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{font-family:inherit;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}