*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f0f2f5;flex-direction:column;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background .3s,color .3s;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;background:linear-gradient(135deg,#1a2a2a 0%,#2d463f 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px 5%;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000004d}.header-left{align-items:center;gap:15px;display:flex}.logo-link{text-decoration:none}.logo{object-fit:cover;border:2px solid #f5c842;border-radius:50%;width:55px;height:55px;transition:transform .3s}.logo:hover{transform:scale(1.05)rotate(-5deg)}.brand{letter-spacing:-1px;align-items:baseline;font-size:2rem;font-weight:800;display:flex}.anime{color:#ff4757;text-shadow:0 0 10px #ff47574d}.assistir{color:#f5c842;text-shadow:0 0 10px #f5c8424d}.nav{background:#1e2d2a;border-bottom:3px solid #f5c842;flex-wrap:wrap;justify-content:center;gap:20px;padding:10px 5%;display:flex;box-shadow:0 2px 10px #0000001a}.nav a,.nav button{color:#d4e0e0;cursor:pointer;background:0 0;border:none;border-radius:20px;padding:8px 16px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.nav a:hover,.nav button:hover{color:#fff;background:#f5c84233;transform:translateY(-2px)}.btn-logout{color:#fff;background:#ff475733;border:1px solid #ff4757}.btn-logout:hover{background:#ff4757}.main{flex:1;width:100%;max-width:1300px;margin:0 auto;padding:20px 5% 40px}.color-controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:60px;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 30px;max-width:600px;margin:20px auto;padding:14px 24px;display:flex;box-shadow:0 4px 15px #0000000f}.color-controls label{color:#2d463f;align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.color-controls input[type=color]{cursor:pointer;background:0 0;border:2px solid #2d463f;border-radius:50%;width:36px;height:36px;padding:2px}.slider{text-align:center;padding:20px 5% 30px}.slider h3{color:#1a2a2a;letter-spacing:-.5px;margin-bottom:20px;font-size:1.8rem;font-weight:700;display:inline-block;position:relative}.slider h3:after{content:"";background:#f5c842;border-radius:4px;width:60px;height:4px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.slider .banner{cursor:pointer;border-radius:16px;width:100%;max-width:900px;transition:transform .3s,box-shadow .3s;box-shadow:0 12px 40px #00000026}.slider .banner:hover{transform:scale(1.01);box-shadow:0 16px 50px #0003}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#1a2a2a 0%,#2d463f 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #1a2a2a66}.btn-google{color:#1a1a2e;background:#fff;border:2px solid #e0e0e0}.btn-google:hover{background:#f8f9fa;border-color:#dadce0;box-shadow:0 2px 8px #0000001a}.btn-full{width:100%}.btn-danger{color:#fff;background:#ff4757}.btn-danger:hover{background:#ff2e43}.btn-edit{color:#1565c0;cursor:pointer;background:#e3f2fd;border:none;border-radius:6px;padding:8px;font-size:.8rem;transition:all .2s}.btn-edit:hover{color:#fff;background:#1565c0}.btn-delete{color:#c62828;cursor:pointer;background:#ffebee;border:none;border-radius:6px;padding:8px;font-size:.8rem;transition:all .2s}.btn-delete:hover{color:#fff;background:#c62828}.auth-page{justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.auth-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 8px 30px #00000014}.auth-title{text-align:center;color:#1a2a2a;margin-bottom:24px;font-size:1.8rem}.message{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.9rem}.message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.message.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#2d463f;font-size:.9rem;font-weight:500}.form-group input{border:2px solid #e0e0e0;border-radius:8px;padding:12px 16px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus{border-color:#f5c842;outline:none;box-shadow:0 0 0 3px #f5c84233}.divider{color:#999;align-items:center;gap:16px;margin:16px 0;font-size:.9rem;display:flex}.divider:before,.divider:after{content:"";background:#e0e0e0;flex:1;height:1px}.auth-note{text-align:center;color:#666;margin-top:16px;font-size:.85rem}.auth-note a{color:#f5c842;font-weight:600;text-decoration:none}.auth-note a:hover{text-decoration:underline}.auth-link{text-align:center;color:#666;margin-top:16px}.auth-link a{color:#f5c842;font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.perfil-header{background:#fff;border-radius:16px;gap:24px;margin-bottom:30px;padding:24px;display:flex;box-shadow:0 4px 15px #0000000d}.perfil-header img{object-fit:cover;border:3px solid #f5c842;border-radius:50%;width:100px;height:100px}.perfil-info h2{color:#1a2a2a;margin-bottom:4px}.perfil-info p{color:#666}.user-email{color:#999!important;font-size:.9rem!important}.anime-form-section,.anime-list-section{background:#fff;border-radius:16px;margin-bottom:30px;padding:24px;box-shadow:0 4px 15px #0000000d}.anime-form-section h2,.anime-list-section h2{color:#1a2a2a;margin-bottom:20px;font-size:1.3rem}.anime-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr}}.anime-form select,.anime-form input,.anime-form textarea{border:2px solid #e0e0e0;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:1rem;transition:border-color .3s,box-shadow .3s}.anime-form select:focus,.anime-form input:focus,.anime-form textarea:focus{border-color:#f5c842;outline:none;box-shadow:0 0 0 3px #f5c84233}.anime-form textarea{resize:vertical;min-height:80px}.full-width{grid-column:1/-1}.anime-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.anime-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;transition:all .3s;overflow:hidden}.anime-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.anime-card-capa{object-fit:cover;width:100%;height:180px}.anime-card-content{padding:16px}.anime-card-content h3{color:#1a2a2a;margin-bottom:12px;font-size:1.1rem}.anime-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.badge{border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.status-assistindo{color:#1565c0;background:#e3f2fd}.status-completo{color:#2e7d32;background:#e8f5e9}.status-planejado{color:#ef6c00;background:#fff3e0}.status-dropped{color:#c62828;background:#ffebee}.status-pausado{color:#7b1fa2;background:#f3e5f5}.genero{color:#c2185b;background:#fce4ec}.origem{color:#00695c;background:#e0f2f1}.anime-desc{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.85rem;display:-webkit-box;overflow:hidden}.anime-actions{gap:8px;display:flex}.anime-actions button{flex:1}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0003}.close-modal{cursor:pointer;color:#999;font-size:1.5rem;transition:color .2s;position:absolute;top:16px;right:20px}.close-modal:hover{color:#333}.modal-actions{gap:12px;margin-top:20px;display:flex}.modal-actions .btn{flex:1}.admin-section{background:#fff;border-radius:16px;margin-bottom:30px;padding:24px;box-shadow:0 4px 15px #0000000d}.admin-section h2{color:#1a2a2a;margin-bottom:20px}.table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #eee;padding:12px 16px}.admin-table th{color:#2d463f;background:#f8f9fa;font-weight:600}.admin-table tr:hover{background:#fafafa}.admin-table .loading,.admin-table .empty,.admin-table .error{text-align:center;color:#999;padding:40px}.admin-table .error{color:#c62828}.admin-table .btn-delete{color:#c62828;cursor:pointer;background:#ffebee;border:none;border-radius:6px;padding:6px 10px;font-size:1rem;transition:all .2s}.admin-table .btn-delete:hover{color:#fff;background:#c62828}.footer{color:#d4e0e0;text-align:center;background:#1a2a2a;border-top:4px solid #f5c842;margin-top:auto;padding:30px 5% 20px}.footer a{color:#f5c842;font-weight:600;text-decoration:none;transition:color .3s}.footer a:hover{color:#ffd93d;text-decoration:underline}.footer .social-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:12px;display:flex}.footer .social-links a{color:#a0b8b8;background:#ffffff0d;border-radius:20px;padding:4px 12px;font-size:.9rem;transition:all .3s}.footer .social-links a:hover{color:#fff;background:#f5c84226;text-decoration:none}.empty{text-align:center;color:#999;padding:40px 20px;font-style:italic}.loading{text-align:center;color:#999;padding:40px}.toast{color:#fff;z-index:2000;border-radius:8px;padding:12px 20px;font-weight:500;animation:.3s slideIn;position:fixed;bottom:20px;right:20px}.toast.success{background:#2e7d32}.toast.error{background:#c62828}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=700px){.header{flex-direction:column;gap:10px;padding:12px 4%}.header-left{justify-content:center;width:100%}.brand{font-size:1.5rem}.nav{gap:12px;padding:8px 4%}.nav a,.nav button{padding:4px 10px;font-size:.85rem}.color-controls{border-radius:30px;flex-direction:column;align-items:stretch;gap:12px 20px;margin:12px 10px;padding:12px 16px}.color-controls label{justify-content:center}.slider h3{font-size:1.3rem}.main{padding:16px 4% 30px}.perfil-header{text-align:center;flex-direction:column}.perfil-header img{margin:0 auto}.footer{padding:24px 4% 16px}.footer .social-links{gap:12px}.footer .social-links a{padding:4px 10px;font-size:.8rem}.auth-card{margin:0 16px;padding:24px}.modal-content{margin:16px;padding:20px}.admin-section{padding:16px}.admin-table th,.admin-table td{padding:8px 10px}}@media (width<=480px){.brand{font-size:1.2rem}.logo{width:42px;height:42px}.card-usuario{flex:100%;max-width:100%}}