body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{height:100vh;margin:0;padding:0}.login-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #00000080;display:flex;flex-direction:column;left:50%;margin:0;max-width:250px;min-height:150px;min-width:280px;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1006}.login-container h2{color:#9a74cd;margin-bottom:20px;text-align:center}.login-container input[type=password],.login-container input[type=text]{border:1px solid #ccc;border-radius:4px;font-size:1em;margin-bottom:15px;padding:10px;width:100%}.login-container button{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}.login-container button:hover{background-color:#7e5fa8}.login-outer-wrapper{background:#f5f5f5;display:block;height:100vh;position:relative;width:100vw}.login-logo-bg{border:2px solid #e0e0e0;border-radius:50%;box-shadow:0 0 10px #00000080;height:97px;width:97px;z-index:1005}.login-logo,.login-logo-bg{background:#fff;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,calc(-50% - 142px))}.login-logo{align-items:center;border:none;border-radius:50%;box-shadow:none;display:flex;height:100px;justify-content:center;width:100px;z-index:1010}.login-logo img{height:70px;width:70px}.login-logo svg{background:#0000;border-radius:50%;box-shadow:none}.login-logo-bg-plain{background:#fff;border:2px solid #e0e0e0;border-radius:50%;height:100px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,calc(-50% - 142px));width:100px;z-index:1008}@media (max-width:400px){.login-container{max-width:98vw;min-width:0;min-width:auto;padding:4vw 2vw 3vw}.login-logo{height:70px;width:70px}.login-logo img{height:50px;width:50px}.login-container input[type=password],.login-container input[type=text]{font-size:.95em;padding:8px}.login-container button{font-size:.95em;padding:8px 12px}}.dashboard-container{background:#f5f2fa;display:flex;flex-direction:row}.sidebar-toggle{background-color:#9a74cd;font-weight:700;left:10px;padding:10px;position:absolute;top:10px;transition:background-color .3s ease}.sidebar-toggle:hover{background-color:#7e5fa8}.sidebar{color:#fff;display:flex;flex-direction:column;transform:translateX(-100%)}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{margin-bottom:16px}.sidebar a{font-weight:500;transition:color .2s}.dashboard-content{background:#f5f2fa;display:flex;flex-direction:column;flex-grow:1;min-height:100vh;padding:32px 24px}.tiles-container{display:flex;flex-wrap:wrap;gap:24px;padding:24px 0}.tile{background-color:#fff;border:2px solid #9a74cd;border-radius:12px;box-shadow:0 2px 8px #9a74cd14;color:#7e5fa8;cursor:pointer;flex:1 1 220px;max-width:320px;min-width:220px;padding:28px 20px;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.tile:hover{background:#f5f2fa;border-color:#7e5fa8;box-shadow:0 6px 16px #9a74cd2e;color:#9a74cd;transform:translateY(-7px) scale(1.03)}.tile h3{color:#9a74cd;font-size:1.6em;font-weight:700;margin-bottom:12px}.tile p{color:#7e5fa8;font-size:1.15em;font-weight:500;margin:0}.dashboard-content h2{color:#9a74cd;font-weight:700}.side-panel{background:#f5f2fa;border-right:2px solid #9a74cd;display:flex;flex-direction:column;gap:16px;left:0;min-height:calc(100vh - 72px);padding:24px 0;position:fixed;top:72px;transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);width:220px;z-index:1000}.side-panel--open{transform:translateX(0)}.side-panel--closed{transform:translateX(-100%)}.side-panel nav ul{list-style:none;margin:0;padding:0 0 0 24px}.side-panel nav ul li{margin-bottom:18px}.side-panel nav ul li a{border-radius:6px;color:#9a74cd;display:block;font-size:1.08em;font-weight:600;padding:6px 10px;text-decoration:none;transition:background .2s,color .2s}.side-panel nav ul li a:hover{background:#e0d4f7;color:#7e5fa8}.side-bar{transform:translateY(63px);z-index:2001}.sidebar-toggle--fixed{left:16px;position:fixed;top:16px;transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:2001}.sidebar-toggle--closed{transform:translateY(63px);z-index:2001}.sidebar-toggle--open{transform:translateY(470px);z-index:2001}.sidebar-layout{display:flex;min-height:100vh;position:relative}.sidebar-layout__content{flex:1 1;min-width:0;padding:32px;transition:margin-left .35s}.sidebar-toggle-button{align-items:center;background:#9a74cd;border:none;border-radius:0 6px 6px 0;box-shadow:0 2px 8px #00000014;color:#fff;cursor:pointer;display:flex;font-size:1.5em;height:48px;justify-content:center;left:0;padding:12px 0;position:fixed;transition:left .35s,top .35s,background .2s;width:48px;z-index:2002}.sidebar-toggle-button--closed{left:0}.sidebar-toggle-button--close-inside{align-items:center;background:#9a74cd;border:none;border-radius:6px;box-shadow:0 2px 8px #00000014;color:#fff;cursor:pointer;display:flex;font-size:1.5em;height:48px;justify-content:center;left:90%;padding:12px 0;position:absolute;top:160px;transform:translate(-28px,-160px);transition:top .35s,background .2s;width:48px;z-index:10}@media (max-width:600px){.sidebar-layout__content{padding:12px}}.user-management-container{align-items:flex-start;color:#9a74cd;display:flex;flex-direction:row;justify-content:center;padding:0 20px 20px}.add-user-button{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px 20px;transition:background-color .3s ease}.add-user-button:hover{background-color:#7e5fa8}.user-table{border-collapse:collapse;width:100%}.user-table td,.user-table th{border:1px solid #ddd;padding:8px;text-align:left}.user-table th{background-color:#9a74cd;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;font-weight:700;transition:background-color .3s ease}.user-management-content{margin-left:220px;padding:20px;width:100%}.edit-user-form{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:500px;padding:20px}.edit-user-form h3{margin-bottom:20px;text-align:center}.edit-user-form form{display:flex;flex-direction:column}.edit-user-form label{font-weight:700;margin-bottom:10px}.edit-user-form input,.edit-user-form select{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:8px;width:100%}.edit-user-form button{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px}.edit-user-form button[type=button]{background-color:#6c757d}.edit-user-form button:hover{background-color:#7e5fa8}.edit-user-form button[type=button]:hover{background-color:#5a6268}.edit-user-form ul{list-style-type:none;padding:0}.edit-user-form li{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.edit-user-form li input{flex:1 1;margin-right:10px}.edit-user-form li select{flex:0 0 150px}.user-photo{height:50px;width:50px}.page-item.active .page-link{border-color:#9a74cd}.add-user-form{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:500px;padding:20px}.add-user-form h3{margin-bottom:20px;text-align:center}.add-user-form form{display:flex;flex-direction:column}.add-user-form label{font-weight:700;margin-bottom:10px}.add-user-form input,.add-user-form select{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:8px;width:100%}.add-user-form button{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px}.add-user-form button[type=button]{background-color:#6c757d}.add-user-form button:hover{background-color:#7e5fa8}.add-user-form button[type=button]:hover{background-color:#5a6268}.add-user-form ul{list-style-type:none;padding:0}.add-user-form li{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.add-user-form li input{flex:1 1;margin-right:10px}.add-user-form li select{flex:0 0 150px;margin-right:10px}.add-user-form li button{flex:0 0 auto;margin-bottom:15px;margin-top:auto}.user-management-content h2{color:#9a74cd}.add-user-button-wrapper{display:flex;justify-content:flex-end;margin-bottom:20px}.track-management-container{align-items:flex-start;color:#9a74cd;display:flex;flex-direction:row;justify-content:center;padding:0 20px 20px}.add-track-button{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px 20px;transition:background-color .3s ease}.add-track-button:hover{background-color:#7e5fa8}.track-table{border-collapse:collapse;width:100%}.track-table td,.track-table th{border:1px solid #ddd;padding:8px;text-align:left}.track-table th{background-color:#9a74cd;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;font-weight:700;transition:background-color .3s ease}.track-management-content{margin-left:220px;min-height:calc(100vh - 60px);padding:60px 20px 20px}.track-management-content h2{color:#9a74cd}.track-management-content button{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px}.track-management-content button:hover{background-color:#7e5fa8}.edit-track-form{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:500px;padding:20px}.edit-track-form h3{margin-bottom:20px;text-align:center}.edit-track-form form{display:flex;flex-direction:column}.edit-track-form label{font-weight:700;margin-bottom:10px}.edit-track-form input,.edit-track-form select{background-color:#ebe3ed;border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:8px;width:100%}.edit-track-form button{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px}.edit-track-form button[type=button]{background-color:#6c757d}.edit-track-form button:hover{background-color:#7e5fa8}.edit-track-form button[type=button]:hover{background-color:#5a6268}.page-item{margin:0 5px}.page-link{border:1px solid #ccc;border-radius:4px;color:#9a74cd;cursor:pointer;padding:8px 12px;text-decoration:none}.page-item.active .page-link{background-color:#9a74cd;color:#fff}.page-link:hover{background-color:#7e5fa8;color:#fff}.add-track-form{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:500px;padding:20px}.add-track-form h3{margin-bottom:20px;text-align:center}.add-track-form form{display:flex;flex-direction:column}.add-track-form label{font-weight:700;margin-bottom:10px}.add-track-form input,.add-track-form select{background-color:#ebe3ed;border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:8px;width:100%}.add-track-form button{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px}.add-track-form button[type=button]{background-color:#6c757d}.add-track-form button:hover{background-color:#7e5fa8}.add-track-form button[type=button]:hover{background-color:#5a6268}.file-upload{border:1px dashed #ccc;border-radius:4px;cursor:pointer;margin-top:20px;padding:10px;text-align:center;transition:background-color .3s ease}.file-upload:hover{background-color:#f9f9f9}.file-upload input[type=file]{display:none}.file-upload label{color:#9a74cd;cursor:pointer}.file-upload label:hover{color:#7e5fa8}.genre-filter-select{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;margin-left:10px;outline:none;padding:8px 12px;transition:background-color .2s,box-shadow .2s}.genre-filter-select:focus,.genre-filter-select:hover{background-color:#7e5fa8}.add-track-button-wrapper{display:flex;justify-content:flex-end;margin-bottom:20px}.custom-audio-player{align-items:center;display:flex;gap:10px;width:100%}.progress-bar{background:#eee;flex:1 1;margin:0 8px;max-width:100%;min-width:0}.progress-bar,.volume-bar{accent-color:#333;padding:0}.volume-bar{margin-left:8px;max-width:120px;min-width:60px;width:100px}input.progress-bar,input.volume-bar{background:#eee;border:none;box-shadow:none;outline:none;padding:0}.add-track-button,.add-track-form button,.edit-track-form button,.file-upload-button,.modal-button,button{background-color:#9a74cd;border:none;border-radius:4px;box-shadow:0 2px 8px #9a74cd14;color:#fff;cursor:pointer;font-size:1em;font-weight:500;padding:10px 20px;transition:background .2s,box-shadow .2s,color .2s}.add-track-button:hover,.add-track-form button:hover,.edit-track-form button:hover,.file-upload-button:hover,.modal-button:hover,button:hover{background-color:#7e5fa8;box-shadow:0 4px 16px #9a74cd29;color:#fff}.add-track-button:active,.add-track-form button:active,.edit-track-form button:active,.file-upload-button:active,.modal-button:active,button:active{background-color:#6a4e99;color:#fff}.add-track-form button[type=button],.edit-track-form button[type=button],.modal-button.secondary,button[type=button]{background-color:#6c757d;color:#fff}.add-track-form button[type=button]:hover,.edit-track-form button[type=button]:hover,.modal-button.secondary:hover,button[type=button]:hover{background-color:#5a6268}.playlist-table button,.track-table button{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;font-size:.95em;margin-bottom:2px;margin-right:6px;padding:6px 14px;transition:background .2s}.playlist-table button:hover,.track-table button:hover{background-color:#7e5fa8}.popup button.close-modal{background:#0000;border:none;color:#9a74cd;cursor:pointer;font-size:1.5em;padding:0 8px;position:absolute;right:16px;top:12px;transition:color .2s}.popup button.close-modal:hover{color:#7e5fa8}body,html{background-color:#f2f2f2}.playlist-management-container{align-items:flex-start;color:#9a74cd;display:flex;flex-direction:row;justify-content:center;padding:0 20px 20px}.playlist-management-content{display:flex;flex-direction:column;margin-left:220px;min-height:calc(100vh - 60px);padding:60px 20px 20px;width:100%}.playlist-management-content h2{color:#9a74cd}.add-playlist-button-wrapper{display:flex;justify-content:flex-end;margin-bottom:20px}.add-playlist-button{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.add-playlist-button:hover{background-color:#7e5fa8}.playlist-table{border-collapse:collapse;width:100%}.playlist-table td,.playlist-table th{border:1px solid #ddd;padding:8px;text-align:left}.playlist-table th{background-color:#9a74cd;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;font-weight:700;transition:background-color .3s ease}.popup{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #00000080;left:50%;max-height:90vh;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}input{background-color:#ebe3ed;border:1px solid #ccc;border-radius:4px;margin-bottom:15px;max-width:400px;padding:10px;width:100%}input,select{font-size:1em}select{border:none;border-radius:4px;cursor:pointer;outline:none;padding:8px 12px;transition:background-color .2s,border-color .2s}.popup form{flex-direction:column}.client-admin-panel-container,.popup form{display:flex}.side-panel--closed,.side-panel--open{background-color:#f4f4f4;display:flex;flex-direction:column;padding:20px;width:200px}.client-admin-panel-content{display:flex;flex-direction:column;flex-grow:1;padding:20px}.client-admin-panel-tabs{display:flex;gap:10px;margin-bottom:20px}.client-admin-panel-tabs button{background:none;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;padding:8px 16px;transition:background .2s,color .2s}.client-admin-panel-tabs button.active{background:#e0e0e0;border-color:#888;color:#222}.client-admin-panel-tab-content{margin-top:10px}.dashboard-tab-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;padding:20px}.dashboard-stats{display:flex;gap:30px;margin-top:10px}.dashboard-stat{color:#444;font-size:1.1em}.sidebar-toggle--fixed{background:#f4f4f4;border:1px solid #ccc;border-radius:4px;cursor:pointer;left:10px;padding:6px 12px;position:absolute;top:10px;z-index:10}.auction-panel{background:#fff;border-radius:12px;box-shadow:0 2px 16px #503c7814;font-family:Inter,Arial,sans-serif;margin:32px auto;max-width:420px;padding:32px 24px}.auction-panel h2{color:#7a4fd6;font-size:2em;margin-top:0}.auction-panel .status{color:#7a4fd6;font-weight:700;margin-bottom:12px}.auction-panel .countdown{color:#e67e22;font-size:1.2em;margin-bottom:8px}.auction-panel .highest-bid{color:#27ae60;font-size:1.1em;margin-bottom:8px}.auction-panel input[type=number],.auction-panel input[type=text]{border:1px solid #d1c4e9;border-radius:6px;font-size:1em;margin-right:8px;padding:8px 12px}.auction-panel button{background:#7a4fd6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1em;margin-top:8px;padding:8px 18px;transition:background .2s}.auction-panel button:hover{background:#5e35b1}.auction-panel .winner{color:#2d8f2d;font-weight:700;margin:12px 0}.auction-panel .selected-track{color:#7a4fd6;font-weight:700;margin:8px 0}.auction-panel ul{margin:8px 0 0;padding-left:18px}.auction-panel li{color:#444;font-size:1em;margin-bottom:2px}.auction-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.auction-title{color:#7a4fd6;font-size:1.5em;font-weight:700}.auction-status{font-size:1.1em;font-weight:700;margin-left:8px}.status-active{color:#27ae60}.status-finished{color:#e67e22}.status-inactive{color:#aaa}.auction-log-window{background:#f7f3ff;border-radius:8px;box-shadow:0 1px 4px #503c780a;font-size:1em;margin-bottom:16px;max-height:160px;min-height:80px;overflow-y:auto;padding:10px 12px}.auction-log-message{margin-bottom:4px;padding:2px 0;word-break:break-word}.auction-log-message.status{color:#7a4fd6;font-weight:700}.auction-log-message.bid{color:#333}.auction-log-message.winner{color:#27ae60;font-weight:700}.auction-log-time{color:#aaa;font-size:.95em;margin-left:6px}.auction-controls{display:flex;gap:12px;justify-content:center;margin-bottom:18px}.auction-bid-form,.auction-winner-block{margin-bottom:10px;margin-top:10px}.modal-overlay{align-items:center;background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.modal-content{background:#fff;border-radius:8px;min-width:350px;padding:24px;position:relative}.modal-close{background:none;border:none;cursor:pointer;font-size:20px;position:absolute;right:8px;top:8px}.playlist-container{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;font-family:sans-serif;max-width:500px;padding:16px}.playlist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.playlist-header h3{font-size:1.2em;margin:0}.playlist-controls{align-items:center;display:flex;gap:12px}.playlist-controls button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:6px 12px}.playlist-controls label{align-items:center;display:flex;font-size:.9em;gap:4px}.playlist-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.playlist-item{border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:10px;transition:background-color .2s}.playlist-item:hover{background-color:#f0f0f0}.playlist-item.active{background-color:#e0e7ff;font-weight:700}.track-title{color:#333}.track-artist{color:#777;font-size:.9em}.playlist-navigation{display:flex;gap:16px;justify-content:center;margin-top:16px}.playlist-navigation button{background-color:#e0e0e0;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:1em;padding:8px 16px}.access-table,.admin-table,.playlist-table,.track-table,.user-table{border-collapse:collapse;margin-bottom:24px;width:100%}.access-table td,.access-table th,.admin-table td,.admin-table th,.playlist-table td,.playlist-table th,.track-table td,.track-table th,.user-table td,.user-table th{border:1px solid #ddd;padding:8px;text-align:left}.access-table th,.admin-table th,.playlist-table th,.track-table th,.user-table th{background-color:#9a74cd;color:#fff;font-weight:700}.access-table tr:nth-child(2n),.admin-table tr:nth-child(2n),.playlist-table tr:nth-child(2n),.track-table tr:nth-child(2n),.user-table tr:nth-child(2n){background-color:#faf7fd}.add-client-button,.add-track-button,.add-user-button,.admin-btn,.delete-btn,.edit-btn,.modal-button{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;font-weight:500;margin-bottom:2px;margin-right:8px;padding:10px 20px;transition:background .2s,color .2s}.add-client-button:hover,.add-track-button:hover,.add-user-button:hover,.admin-btn:hover,.delete-btn:hover,.edit-btn:hover,.modal-button:hover{background-color:#7e5fa8}.add-client-button:active,.add-track-button:active,.add-user-button:active,.admin-btn:active,.delete-btn:active,.edit-btn:active,.modal-button:active{background-color:#6a4e99}.admin-btn.secondary,.modal-button.secondary,button[type=button]{background-color:#6c757d;color:#fff}.admin-btn.secondary:hover,.modal-button.secondary:hover,button[type=button]:hover{background-color:#5a6268}.admin-modal,.modal,.popup{background-color:#fff;border-radius:8px;box-shadow:0 0 16px #00000026;left:50%;max-height:90vh;max-width:90vw;min-width:350px;overflow-y:auto;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2001}.admin-modal .close-modal,.modal .close-modal,.popup .close-modal{background:#0000;border:none;color:#9a74cd;cursor:pointer;font-size:1.5em;padding:0 8px;position:absolute;right:16px;top:12px;transition:color .2s}.admin-modal .close-modal:hover,.modal .close-modal:hover,.popup .close-modal:hover{color:#7e5fa8}.admin-modal-overlay,.overlay{background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2000}.admin-input,input,select{background-color:#ebe3ed;border:1px solid #ccc;border-radius:4px;font-size:1em;margin-bottom:8px;outline:none;padding:8px 12px;transition:border-color .2s}select{background-color:#9a74cd;border:1px solid #9a74cd;color:#fff}select:focus,select:hover{background-color:#7e5fa8;border-color:#7e5fa8}.admin-title,h2,h3{color:#9a74cd;margin-bottom:16px}.user-photo{border:2px solid #9a74cd;border-radius:50%;height:40px;object-fit:cover;width:40px}.client-management-container{align-items:flex-start;color:#9a74cd;display:flex;flex-direction:row;justify-content:center;padding:0 20px 20px}.search-input{border:1px solid #ccc;border-radius:4px;margin-bottom:20px;max-width:400px;padding:10px;width:100%}.add-client-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px 20px;transition:background-color .3s ease}.add-client-button:hover{background-color:#218838}.client-table{border-collapse:collapse;width:100%}.client-table td,.client-table th{border:1px solid #ddd;padding:8px;text-align:left}.client-table th{background-color:#9a74cd;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;font-weight:700;transition:background-color .3s ease}.sidebar{background-color:#9a74cd;transform:translateX(-220px);transition:transform .3s ease;width:200px}.sidebar.open{transform:translateX(0)}.client-management-content{margin-left:220px;padding:20px;width:100%}.client-management-content h2{color:#9a74cd}.client-management-content button{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px}.client-management-content button:hover{background-color:#7e5fa8}.sidebar a{color:#fff;text-decoration:none}.sidebar a:hover{color:#e0d4f7}.add-client-button-wrapper{display:flex;justify-content:flex-end;margin-bottom:20px}.popup-form{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:500px;padding:20px}.popup-form h3{margin-bottom:20px;text-align:center}.popup-form form{display:flex;flex-direction:column}.popup-form label{font-weight:700;margin-bottom:10px}.popup-form input,.popup-form textarea{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:8px;width:100%}.popup-form button{background-color:#9a74cd;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px}.popup-form button[type=button]{background-color:#6c757d}.popup-form button:hover{background-color:#7e5fa8}.popup-form button[type=button]:hover{background-color:#5a6268}.pagination{display:flex;justify-content:center;margin-top:20px}.place-management-container{background:#f7f7f7;display:flex;min-height:100vh}.place-management-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000012;flex:1 1;margin:32px auto;max-width:1200px;padding:32px 24px}.place-table{background:#fafbfc;border-collapse:collapse;margin-top:16px;width:100%}.place-table td,.place-table th{border:1px solid #e0e0e0;padding:8px 12px;text-align:left}.place-table th{background:#f0f0f0;font-weight:600}.sidebar-toggle{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;left:24px;padding:8px 16px;position:fixed;top:24px;transition:background .2s;z-index:1001}.sidebar-toggle:hover{background:#1565c0}.side-panel--open{left:0}.side-panel--closed{left:-260px}@media (max-width:900px){.place-management-content{margin:12px 0;max-width:100vw;padding:12px 4px}.sidebar-toggle{left:8px;padding:6px 10px;top:8px}}.admin-modal-overlay,.modal-overlay,.overlay{align-items:center;background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.admin-modal,.modal-content,.popup{background:#fff;border-radius:8px;box-shadow:0 2px 16px #0000001f;max-width:90vw;min-width:350px;padding:24px}.player-bar{font-family:inherit;transition:box-shadow .2s}.player-bar button{background:none;border:none;color:#7e5fa8;cursor:pointer;font-size:18px;outline:none;transition:color .15s}.player-bar button:hover{color:#4d2c91}.player-full{font-family:inherit;transition:box-shadow .2s}.player-full button{background:none;border:none;color:#7e5fa8;cursor:pointer;font-size:18px;outline:none;transition:color .15s}.player-full button:hover{color:#4d2c91}.custom-progress-bar{background:#f7f3ff;border:1px solid #e6d8fa;border-radius:12px;margin-bottom:18px;padding:16px;transition:all .3s ease}.custom-progress-bar:hover{box-shadow:0 4px 12px #7e5fa826}.track-info{margin-bottom:12px}.track-title{color:#7e5fa8;font-size:16px;font-weight:600;margin-bottom:2px}.track-artist,.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#888;font-size:14px}.progress-container{margin-bottom:8px}.progress-bar{background:#e6d8fa;height:6px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:3px;position:relative}.progress-fill{background:linear-gradient(90deg,#7e5fa8,#a084c7);height:100%;transition:width .3s ease}.progress-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);border-radius:3px;bottom:0;left:0;position:absolute;right:0;top:0}.time-display{align-items:center;color:#7e5fa8;display:flex;font-size:13px;font-weight:500;justify-content:space-between}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:480px){.custom-progress-bar{border-radius:8px;padding:12px}.track-title{font-size:14px}.time-display,.track-artist{font-size:12px}}
/*# sourceMappingURL=main.b18afc64.css.map*/