.modal-card{background:linear-gradient(180deg,rgba(25,30,46,.95),rgba(19,23,34,.95));backdrop-filter:blur(16px);border:1px solid #202634;padding:2.75rem 2.5rem;border-radius:1.25rem;max-width:420px;width:90vw;margin:0 auto;text-align:left;box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 hsla(0,0%,100%,.04);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.modal-card:hover{transform:translateY(-2px);box-shadow:0 32px 70px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.05)}.modal-glow{position:absolute;top:-90px;left:50%;transform:translateX(-50%);width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(124,108,255,.25) 0,rgba(124,108,255,0) 70%);pointer-events:none}.modal-brand{margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 20px rgba(124,108,255,.45))}.modal-card h2{color:#e6e8ee;font-size:1.625rem;font-weight:700;margin-bottom:.5rem;text-align:center;position:relative;letter-spacing:-.02em}.modal-card label{display:block;margin-bottom:.5rem;color:#cbd5e1;font-weight:600}.modal-card input,.modal-card label{font-size:.875rem;transition:all .3s ease}.modal-card input{width:100%;padding:.875rem 1rem;margin-bottom:1.5rem;border:2px solid rgba(71,85,105,.5);border-radius:.75rem;background:rgba(15,23,42,.6);color:#f1f5f9;backdrop-filter:blur(10px)}.modal-card input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);background:rgba(15,23,42,.8)}.modal-card input::placeholder{color:rgba(148,163,184,.7)}.modal-card .password-container{position:relative;margin-bottom:1.5rem}.modal-card .password-container input{padding-right:3rem;margin-bottom:0}.modal-card .password-container button{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;transition:all .2s ease}.modal-card .password-container button:hover{color:#e2e8f0;background:rgba(71,85,105,.3)}.modal-card .flex{display:flex;gap:1rem;margin-top:2rem}.modal-card .flex button{flex:1;padding:.875rem 1.5rem;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.modal-card .flex button[type=button]{background:rgba(71,85,105,.6);border:1px solid rgba(71,85,105,.5);color:#cbd5e1}.modal-card .flex button[type=button]:hover{background:rgba(71,85,105,.8);border-color:rgba(71,85,105,.8);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.modal-card .flex button[type=submit]{background:linear-gradient(135deg,#475569,#334155);border:1px solid rgba(71,85,105,.3);color:#fff}.modal-card .flex button[type=submit]:hover{background:linear-gradient(135deg,#334155,#1e293b);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.modal-card .text-red-500{color:#f87171;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:.75rem;backdrop-filter:blur(10px)}.modal-card .absolute{position:absolute;top:1.5rem;right:1.5rem;opacity:.7;transition:opacity .2s ease}.modal-card .absolute:hover{opacity:1}:root{--card-bg-color-light:#f8f9fa;--card-bg-color-dark:#1e1e1e;--text-color-light:#212529;--text-color-dark:#fff;--primary-color:#4caf50;--secondary-color:#388e3c;--danger-color:#f44336;--danger-hover-color:#d32f2f}[data-theme=light]{--card-bg-color:var(--card-bg-color-light);--text-color:var(--text-color-light)}[data-theme=dark]{--card-bg-color:var(--card-bg-color-dark);--text-color:var(--text-color-dark)}.footer,.header{transition:background-color .3s,color .3s,box-shadow .3s}.footer-light,.header-light{background-color:var(--card-bg-color-light);color:var(--text-color-light)}.header-dark{box-shadow:0 4px 8px rgba(98,118,99,.5)}.footer-dark,.header-dark{background-color:var(--card-bg-color-dark);color:var(--text-color-dark)}.btn{padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .3s,transform .3s}.btn-primary{padding:.5rem;width:100%;max-width:200px;background-color:var(--primary-color);color:var(--text-color-dark)}.btn-primary:hover{background-color:var(--secondary-color)}.btn-secondary{padding:.5rem;width:100%;max-width:200px;background-color:#3e403f;color:#cac9c9}.btn-secondary:hover{background-color:#575454}input[type=date]{padding:.5rem;border:1px solid #ccc;border-radius:.25rem;width:100%;max-width:200px;background-color:var(--card-bg-color);color:var(--text-color)}.chart-container{position:relative;width:100%;height:100%;z-index:0}.chart-container-small-bar,.chart-container-small-sumary{width:100%}.youtube-stats-table{width:100%;border-collapse:collapse;margin-top:1rem}.youtube-stats-table td,.youtube-stats-table th{border:1px solid #ccc;padding:.5rem;text-align:left}.youtube-stats-table td,.youtube-stats-table th{background-color:var(--card-bg-color);color:var(--text-color)}.preloader{display:flex;justify-content:center;align-items:center;height:100%}.preloader-chart{width:100px;height:100px;position:relative}.line{border-left:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);top:0;left:0}.line,.line:before{width:100%;height:100%;position:absolute}.line:before{content:"";background:linear-gradient(90deg,var(--primary-color),var(--primary-color) 50%,transparent 50%);background-size:200% 100%;animation:zigzag 2s infinite}@keyframes zigzag{0%{clip-path:polygon(0 100%,0 100%,0 100%,0 100%)}25%{clip-path:polygon(0 100%,25% 75%,50% 100%,75% 75%,100% 100%)}50%{clip-path:polygon(0 100%,25% 75%,50% 50%,75% 25%,100% 0)}75%{clip-path:polygon(0 100%,25% 75%,50% 50%,75% 25%,100% 0)}to{clip-path:polygon(0 100%,25% 75%,50% 50%,75% 25%,100% 0)}}