@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-base: #100a0d;--bg-overlay: rgba(22, 14, 20, .3);--glass-bg: rgba(31, 19, 27, .65);--glass-border: rgba(255, 255, 255, .08);--card-bg: rgba(45, 27, 38, .85);--card-hover: rgba(58, 35, 49, .95);--accent-pink: #fadddd;--accent-pink-hover: #ffcdcd;--text-main: #ffffff;--text-muted: #b9a9b2}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-base);color:var(--text-main);overflow-x:hidden;margin:0}.glass{background:var(--glass-bg);border:1px solid var(--glass-border)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--card-bg);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--card-hover)}.sakura-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;pointer-events:none}.sakura-bg-image{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-image:url(/sakura-bg.png);background-size:cover;background-position:center;filter:blur(0px) brightness(.7) saturate(1.2);transform:scale(1.05)}.sakura-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.sidebar{width:80px;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 0;position:fixed;left:0;top:0;z-index:100;background:#ffffff0d;border-right:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:width .3s ease,transform .3s ease}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.expanded{transform:translate(0);width:250px}}.sidebar.expanded{width:250px}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:all}.sidebar-icons{display:flex;flex-direction:column;gap:1.5rem}.icon-wrapper{width:50px;height:50px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--text-muted);cursor:pointer;transition:all .3s ease}.sidebar.expanded .icon-wrapper{width:90%;justify-content:flex-start;padding-left:1.5rem;margin:0 auto .5rem}.sidebar-label{margin-left:1rem;font-weight:500;font-size:1rem;color:var(--text-light);white-space:nowrap}.icon-wrapper:hover{color:var(--text-main);background:#ffffff0d}.icon-wrapper.active{background:var(--card-bg);color:var(--accent-pink);box-shadow:0 4px 12px #0003}.navbar{height:72px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:20;border-bottom:1px solid var(--glass-border);border-top:none;border-left:none;border-right:none}.navbar-left{display:flex;align-items:center;gap:1rem;width:250px}.menu-btn{background:none;border:none;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:8px;transition:background .3s ease}.menu-btn:hover{background:#ffffff1a}.logo{font-size:1.25rem;font-weight:700;color:var(--accent-pink);letter-spacing:-.5px}.navbar-center{flex-grow:1;display:flex;justify-content:flex-end;max-width:400px}.search-bar{display:flex;align-items:center;background:#0000004d;border:1px solid var(--glass-border);border-radius:20px;padding:.5rem 1rem;width:100%;transition:all .3s ease}.search-bar:focus-within{border-color:var(--accent-pink);background:#00000080}.search-icon{color:var(--text-muted);margin-right:.75rem}.search-input{background:none;border:none;color:var(--text-main);outline:none;width:100%;font-size:.9rem}.search-input::placeholder{color:var(--text-muted)}.navbar-right{display:flex;align-items:center;justify-content:flex-end;width:100px}.profile-btn{width:36px;height:36px;border-radius:50%;background:var(--card-bg);display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--accent-pink);transition:all .3s ease;border:1px solid var(--glass-border)}.profile-btn:hover{transform:scale(1.05);background:var(--card-hover)}.nav-user-section{display:flex;align-items:center;gap:.75rem}.nav-username{color:var(--accent-pink, #fadddd);font-weight:600;font-size:.9rem;white-space:nowrap}@media (max-width: 768px){.nav-username{display:none}.navbar{padding:0 1rem}.navbar-left{width:auto;gap:.5rem}.logo{display:none}.navbar-center{max-width:none;padding:0 .5rem}}.anime-card{display:flex;flex-direction:column;gap:.75rem;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:var(--card-bg);padding:.75rem;border:1px solid rgba(255,255,255,.05)}.anime-card:hover{transform:translateY(-5px) scale(1.02);background:var(--card-hover);box-shadow:0 10px 20px #0006,0 0 15px #fadddd1a;border-color:#fadddd33}.card-image-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:8px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.anime-card:hover .card-image{transform:scale(1.08)}.card-title-bottom{font-size:.95rem;font-weight:500;color:var(--text-main);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5rem}.anime-card.featured{aspect-ratio:auto;padding:0;border:none;background:none}.anime-card.featured .card-image-wrapper{aspect-ratio:3 / 4;border-radius:16px;box-shadow:inset 0 0 20px #00000080}.card-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#000000e6,#0000);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:1.5rem;opacity:.9;transition:opacity .3s ease}.anime-card.featured:hover .card-overlay{opacity:1}.card-title-overlay{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.8)}.watch-btn{background:var(--accent-pink);color:#3a1b28;border:none;padding:.6rem 1.5rem;border-radius:20px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #fadddd4d}.watch-btn:hover{background:var(--accent-pink-hover);transform:scale(1.05);box-shadow:0 6px 15px #fadddd80}.auth-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.auth-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#100a0dd9;z-index:5}.auth-box{position:relative;z-index:10;width:100%;max-width:400px;padding:2.5rem;border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 20px 40px #00000080;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-logo{text-align:center;color:var(--accent-pink);font-size:2rem;margin-bottom:1rem;cursor:pointer}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form h2{text-align:center;color:var(--text-main);font-weight:600}.input-group{position:relative;width:100%}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);transition:color .3s}.auth-form input{width:100%;background:#0006;border:1px solid var(--glass-border);padding:.8rem 1rem .8rem 2.8rem;border-radius:8px;color:#fff;outline:none;transition:all .3s}.auth-form input:focus{border-color:var(--accent-pink);box-shadow:0 0 10px #e83e8c33}.input-group:focus-within .input-icon{color:var(--accent-pink)}.auth-submit{background:var(--accent-pink);color:#100a0d;font-weight:700;border:none;padding:1rem;border-radius:8px;cursor:pointer;transition:all .3s;margin-top:.5rem}.auth-submit:hover{background:var(--accent-pink-hover);transform:translateY(-2px)}.auth-links{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.auth-links span{color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:color .3s}.auth-links span:hover{color:var(--accent-pink)}.auth-message{background:#fadddd1a;color:var(--accent-pink);padding:.8rem;border-radius:8px;text-align:center;font-size:.9rem;border:1px solid rgba(250,221,221,.2)}.auth-desc{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:.5rem}.auth-subtitle{color:var(--text-muted, #b9a9b2);font-size:.9rem;margin-top:-.5rem;margin-bottom:1rem;text-align:center}.auth-success{background:#2ecc7133!important;border-color:#2ecc7180!important;color:#2ecc71!important}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.anime-details-page{position:relative;width:100%}.anime-banner{position:absolute;top:-2rem;left:-2rem;right:-2rem;height:350px;background-size:cover;background-position:center;z-index:1}.banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(16,10,13,.2),var(--bg-base))}.anime-content-wrapper{position:relative;z-index:2;margin-top:150px;display:flex;flex-direction:column;gap:2rem}.anime-header{display:flex;gap:2rem;align-items:flex-end}.anime-poster{width:220px;border-radius:12px;box-shadow:0 10px 30px #000c;border:2px solid var(--glass-border)}.anime-info{flex:1;padding-bottom:1rem}.anime-title-main{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.anime-synopsis{color:var(--text-muted);line-height:1.6;max-width:800px}.anime-meta{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.meta-item{display:flex;align-items:center;gap:.3rem;color:var(--text-light);font-size:.9rem}.tag-glass{background:#ffffff1a;padding:.2rem .8rem;border-radius:20px;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.anime-genres{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.genre-tag{background:#e83e8c26;color:var(--accent-pink);border:1px solid rgba(232,62,140,.3);padding:.3rem .8rem;border-radius:6px;font-size:.85rem}.player-section{padding:1.5rem;border-radius:16px;margin-top:1rem}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.player-header h3{color:var(--accent-pink)}.download-btn{display:flex;align-items:center;gap:.5rem;background:var(--card-bg);border:1px solid var(--accent-pink);color:var(--accent-pink);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s}.download-btn:hover{background:var(--accent-pink);color:#100a0d}.player-wrapper{position:relative;padding-top:56.25%;background:#000;border-radius:8px;overflow:hidden}.react-player{position:absolute;top:0;left:0}.episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.episode-card{display:flex;gap:1rem;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s}.episode-card:hover{background:var(--card-hover);transform:translate(5px)}.episode-card.playing{border-color:var(--accent-pink);background:#fadddd0d}.ep-thumbnail{width:120px;height:68px;background:#00000080;border-radius:8px;display:flex;justify-content:center;align-items:center;color:var(--accent-pink)}.ep-info{display:flex;flex-direction:column;justify-content:center}.ep-num{font-size:.8rem;color:var(--text-muted)}.ep-title{font-weight:600;color:var(--text-main)}.player-controls{display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.control-group{display:flex;align-items:center;gap:.5rem;color:var(--text-muted, #b9a9b2);flex-wrap:wrap}.control-label{font-size:.85rem;font-weight:500;margin-right:.25rem}.control-btn{padding:.35rem .9rem;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-main, #e0d0d8);font-size:.8rem;cursor:pointer;transition:all .3s ease;font-weight:500}.control-btn:hover{background:#fadddd26;border-color:#fadddd4d}.control-btn-active{background:var(--accent-pink, #fadddd)!important;color:#3a1b28!important;border-color:var(--accent-pink, #fadddd)!important;font-weight:700}@media (max-width: 768px){.player-wrapper{padding-top:75%}.anime-header{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.anime-poster{width:180px;margin:0 auto}.anime-meta,.anime-genres{justify-content:center}.anime-title-main{font-size:1.8rem}.player-header{flex-direction:column;gap:1rem;align-items:flex-start}.player-header h3{font-size:1.1rem}.player-controls{flex-direction:column;gap:.5rem;align-items:flex-start}.episodes-grid{grid-template-columns:1fr}.ep-thumbnail{width:100px;height:56px}}.admin-panel{padding:2rem;max-width:1100px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-header h1{font-size:1.8rem;color:var(--text-light, #fff)}.admin-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.admin-btn-primary{background:var(--accent-pink, #fadddd);color:#3a1b28}.admin-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fadddd66}.admin-btn-danger{background:#e74c3c33;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.admin-btn-danger:hover{background:#e74c3c59}.admin-btn-edit{background:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.3)}.admin-btn-edit:hover{background:#3498db59}.admin-btn-sm{padding:.4rem .8rem;font-size:.8rem}.users-table-wrapper{overflow-x:auto;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.users-table{width:100%;border-collapse:collapse;background:#ffffff08}.users-table th{background:#ffffff0f;padding:1rem;text-align:left;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-pink, #fadddd);white-space:nowrap}.users-table td{padding:.9rem 1rem;border-top:1px solid rgba(255,255,255,.05);color:var(--text-main, #e0d0d8);font-size:.9rem}.users-table tr:hover td{background:#ffffff0a}.role-badge{display:inline-block;padding:.2rem .7rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.role-superadmin{background:#fadddd33;color:var(--accent-pink, #fadddd);border:1px solid rgba(250,221,221,.3)}.role-user{background:#3498db26;color:#5dade2;border:1px solid rgba(52,152,219,.3)}.action-btns{display:flex;gap:.5rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{background:#1f131bf2;border:1px solid rgba(250,221,221,.15);border-radius:20px;padding:2rem;width:90%;max-width:450px;box-shadow:0 20px 60px #00000080}.modal-box h2{color:var(--text-light, #fff);margin-bottom:1.5rem;font-size:1.3rem}.modal-input{width:100%;padding:.8rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-size:.95rem;margin-bottom:1rem;outline:none;transition:border-color .3s;box-sizing:border-box}.modal-input:focus{border-color:var(--accent-pink, #fadddd)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.modal-btn-cancel{background:#ffffff14;color:var(--text-muted, #b9a9b2);border:1px solid rgba(255,255,255,.1)}.modal-btn-cancel:hover{background:#ffffff26}.admin-msg{padding:.8rem 1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.9rem}.admin-msg-success{background:#2ecc7126;border:1px solid rgba(46,204,113,.3);color:#2ecc71}.admin-msg-error{background:#e74c3c26;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.admin-empty{text-align:center;padding:3rem;color:var(--text-muted, #b9a9b2)}@media (max-width: 768px){.admin-panel{padding:1rem}.users-table th,.users-table td{padding:.6rem .5rem;font-size:.8rem}.action-btns{flex-direction:column}}.app-container{display:flex;height:100vh;width:100vw;position:relative;overflow:hidden}.main-content{flex-grow:1;display:flex;flex-direction:column;position:relative;z-index:10;height:100%;margin-left:80px;transition:margin-left .3s ease}@media (max-width: 768px){.main-content{margin-left:0}}.content-scroll{flex-grow:1;overflow-y:auto;padding:2rem 2rem 6rem}.bg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);z-index:1;pointer-events:none}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-main);letter-spacing:-.5px}.anime-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}@media (max-width: 480px){.anime-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}}