:root{--primary:#18c2b8;--primary-dark:#15a89e;--primary-light:#18c2b81a;--bg-dark:#0f1115;--bg-card:#1a1d23;--bg-input:#15171c;--text-primary:#eaeaea;--text-secondary:#888;--text-muted:#555;--border:#2a2d35;--border-light:#3a3d45;--danger:#f44336;--danger-light:#f443361a;--success:#4caf50;--warning:#ffc857}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1115;background:var(--bg-dark);color:#eaeaea;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.header{background:linear-gradient(180deg,#1a1d23,#0f1115);background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-dark) 100%);border-bottom:1px solid #2a2d35;border-bottom:1px solid var(--border);padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:600px}.header-content,.header-logo{align-items:center;display:flex}.header-logo{gap:10px}.header-logo svg{color:#18c2b8;color:var(--primary);height:32px;width:32px}.header h1{color:#eaeaea;color:var(--text-primary);font-size:18px;font-weight:600}.header h1 span{color:#18c2b8;color:var(--primary)}.header-back{align-items:center;background:none;border:none;color:#888;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 0}.header-back:hover{color:#18c2b8;color:var(--primary)}main{flex:1 1;padding:20px}.page-container{margin:0 auto;max-width:600px;width:100%}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:600}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(145deg,#18c2b8,#15a89e);background:linear-gradient(145deg,var(--primary),var(--primary-dark));box-shadow:0 4px 15px #18c2b84d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #18c2b866;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#0000;border:2px solid #2a2d35;border:2px solid var(--border);color:#eaeaea;color:var(--text-primary)}.btn-secondary:hover{border-color:#18c2b8;border-color:var(--primary);color:#18c2b8;color:var(--primary)}.btn-danger{background:#0000;border:2px solid #f44336;border:2px solid var(--danger);color:#f44336;color:var(--danger)}.btn-danger:hover{background:#f443361a;background:var(--danger-light)}.btn-icon{border-radius:8px;padding:10px}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-sm{font-size:13px;padding:8px 16px}.btn-full{width:100%}.playlists-grid{display:flex;flex-direction:column;gap:16px}.playlist-card{background:linear-gradient(145deg,#1a1d23,#15171c);background:linear-gradient(145deg,var(--bg-card),var(--bg-input));border:1px solid #2a2d35;border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .2s ease}.playlist-card:hover{border-color:#3a3d45;border-color:var(--border-light);box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.playlist-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.playlist-card-title{align-items:center;display:flex;gap:10px}.playlist-card-title h3{color:#eaeaea;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.pin-indicator{align-items:center;background:#18c2b81a;background:var(--primary-light);border-radius:6px;color:#18c2b8;color:var(--primary);display:flex;height:28px;justify-content:center;width:28px}.pin-indicator svg{height:16px;width:16px}.playlist-card-body{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.playlist-type{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.playlist-type.m3u{background:linear-gradient(145deg,#18c2b8,#15a89e);background:linear-gradient(145deg,var(--primary),var(--primary-dark));color:#fff}.playlist-type.xtream{background:linear-gradient(145deg,#9c27b0,#7b1fa2);color:#fff}.playlist-category{align-items:center;background:#15171c;background:var(--bg-input);border:1px solid #2a2d35;border:1px solid var(--border);border-radius:6px;color:#888;color:var(--text-secondary);display:inline-flex;font-size:12px;padding:4px 10px}.playlist-card-actions{display:flex;gap:10px}.playlist-card-actions .btn{flex:1 1;font-size:14px;padding:12px}.playlist-form{gap:24px}.form-group,.playlist-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#888;color:var(--text-secondary);font-size:14px;font-weight:500}.form-group label .required{color:#f44336;color:var(--danger)}.form-group input,.form-group select{background:#15171c;background:var(--bg-input);border:2px solid #2a2d35;border:2px solid var(--border);border-radius:10px;color:#eaeaea;color:var(--text-primary);font-family:inherit;font-size:16px;padding:14px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#18c2b8;border-color:var(--primary);box-shadow:0 0 0 3px #18c2b81a;box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-group input::placeholder{color:#555;color:var(--text-muted)}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:44px}.form-group select option{background:#1a1d23;background:var(--bg-card);color:#eaeaea;color:var(--text-primary)}.form-hint{color:#555;color:var(--text-muted);font-size:12px;margin-top:4px}.pin-section{border-top:1px solid #2a2d35;border-top:1px solid var(--border);margin-top:8px;padding-top:24px}.pin-toggle-btn{align-items:center;background:#15171c;background:var(--bg-input);border:2px solid #2a2d35;border:2px solid var(--border);border-radius:10px;color:#eaeaea;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;padding:14px 16px;transition:all .2s ease;width:100%}.pin-toggle-btn:hover{border-color:#18c2b8;border-color:var(--primary)}.pin-toggle-btn svg{color:#18c2b8;color:var(--primary);height:20px;width:20px}.pin-fields{background:#15171c;background:var(--bg-input);border:1px solid #2a2d35;border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:20px}.pin-input-container{display:flex;gap:10px;justify-content:center;margin:16px 0}.pin-digit{background:#0f1115;background:var(--bg-dark);border:2px solid #2a2d35;border:2px solid var(--border);border-radius:10px;color:#eaeaea;color:var(--text-primary);font-size:24px;font-weight:600;height:56px;text-align:center;transition:all .2s ease;width:48px}.pin-digit:focus{box-shadow:0 0 0 3px #18c2b81a;box-shadow:0 0 0 3px var(--primary-light);outline:none}.pin-digit.filled,.pin-digit:focus{border-color:#18c2b8;border-color:var(--primary)}.pin-digit.filled{background:#18c2b81a;background:var(--primary-light)}.pin-label{color:#888;color:var(--text-secondary);font-size:13px;margin-bottom:8px;text-align:center}.empty-state{padding:60px 20px;text-align:center}.empty-state-icon{color:#555;color:var(--text-muted);height:80px;margin:0 auto 20px;width:80px}.empty-state h2{color:#eaeaea;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.empty-state p{color:#888;color:var(--text-secondary);margin-bottom:24px}.error-message{align-items:center;background:#f443361a;background:var(--danger-light);border:1px solid #f44336;border:1px solid var(--danger);border-radius:10px;color:#f44336;color:var(--danger);display:flex;font-size:14px;justify-content:space-between;margin-bottom:20px;padding:14px 16px}.error-message button{background:none;border:none;color:#f44336;color:var(--danger);cursor:pointer;padding:4px}.success-message{background:#4caf501a;border:1px solid #4caf50;border:1px solid var(--success);border-radius:10px;color:#4caf50;color:var(--success);font-size:14px;margin-bottom:20px;padding:14px 16px}.not-authenticated{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.not-authenticated-icon{color:#ffc857;color:var(--warning);height:100px;margin-bottom:24px;width:100px}.not-authenticated h2{font-size:24px;margin-bottom:12px}.not-authenticated p{color:#888;color:var(--text-secondary);line-height:1.6;max-width:320px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px}.spinner{animation:spin 1s linear infinite;border:4px solid #2a2d35;border-top-color:#18c2b8;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}.loading-container p{color:#888;color:var(--text-secondary);font-size:14px}@keyframes spin{to{transform:rotate(1turn)}}.confirm-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.confirm-dialog{background:#1a1d23;background:var(--bg-card);border:1px solid #2a2d35;border:1px solid var(--border);border-radius:16px;max-width:360px;padding:24px;text-align:center;width:100%}.confirm-dialog h3{font-size:20px;margin-bottom:12px}.confirm-dialog p{color:#888;color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.confirm-dialog-buttons{display:flex;gap:12px}.confirm-dialog-buttons .btn{flex:1 1}@media (max-width:480px){.page-header{align-items:stretch;flex-direction:column;gap:16px}.page-header .btn{width:100%}.playlist-card-actions{flex-direction:column}.pin-input-container{gap:8px}.pin-digit{font-size:20px;height:50px;width:42px}}.auth-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px;text-align:center}.auth-error .error-icon{color:#f44336;color:var(--danger);height:80px;margin-bottom:24px;width:80px}.auth-error h1{color:#eaeaea;color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:12px}.auth-error p{color:#888;color:var(--text-secondary);font-size:16px;line-height:1.6;max-width:360px}.auth-error .hint{background:#1a1d23;background:var(--bg-card);border:1px solid #2a2d35;border:1px solid var(--border);border-radius:12px;color:#555;color:var(--text-muted);font-size:14px;margin-top:24px;padding:16px 24px}
/*# sourceMappingURL=main.6eb9d2f4.css.map*/