@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";:root{--primary-color:#9d00ff;--secondary-color:#ff007f;--bg-color:#050505;--surface-color:#ffffff08;--border-color:#ffffff1a;--text-primary:#fff;--text-secondary:#a0a0a0;--glass-blur:blur(20px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#9d00ff26,#0000 25%),radial-gradient(circle at 85% 30%,#ff007f26,#0000 25%);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.dashboard-container{flex-direction:column;gap:40px;max-width:1440px;margin:0 auto;padding:40px;display:flex}header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}header h1{letter-spacing:-1px;background:linear-gradient(90deg,#fff,#a0a0a0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px;font-weight:800}.user-profile{color:var(--text-secondary);background:var(--surface-color);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:20px;padding:8px 16px;font-size:14px}.layout-split{grid-template-columns:300px 1fr;gap:40px;display:grid}.avatar-management,.post-scheduling{background:var(--surface-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:16px;padding:30px;box-shadow:0 8px 32px #0000005e}h2{color:var(--text-primary);margin-bottom:24px;font-size:20px;font-weight:600}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-bottom:30px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 0 20px #9d00ff66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff007f99}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.weekly-calendar{gap:20px;display:grid}.day-card{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;transition:all .3s;display:flex}.day-card:hover{border-color:var(--primary-color);background:#ffffff0d;box-shadow:inset 0 0 10px #9d00ff1a}.day-name{color:var(--text-primary);font-size:18px;font-weight:600}.add-post-btn{color:var(--secondary-color);border:1px solid var(--secondary-color);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.add-post-btn:hover{background:var(--secondary-color);color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--primary-color);background:#111;border-radius:16px;width:90%;max-width:600px;padding:40px;box-shadow:0 0 40px #9d00ff33}.preview-card img{border-radius:12px;width:100%;margin-bottom:20px}.modal-actions{gap:10px;margin-top:20px;display:flex}.modal-actions button{cursor:pointer;color:#fff;background:#222;border:none;border-radius:6px;flex:1;padding:12px;font-weight:600;transition:all .2s}.modal-actions button:hover:not(:disabled){background:#333}.modal-actions button.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color))}.close-btn{cursor:pointer;border-radius:6px;width:100%;margin-top:15px;padding:12px;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important;background:0 0!important}.close-btn:hover{background:#ffffff1a!important}.avatar-grid div{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:10px;padding:12px}.avatar-editor-section{flex-direction:column;gap:30px;display:flex}.section-header .subtitle{color:var(--text-secondary);font-size:14px}.editor-layout{grid-template-columns:300px 1fr;gap:40px;display:grid}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:16px;padding:30px;box-shadow:0 8px 32px #0000005e}.avatar-preview-box{aspect-ratio:1;border:2px dashed var(--border-color);background:#0000004d;border-radius:50%;justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex}.placeholder-circle span{color:var(--text-secondary);font-weight:600}.btn-secondary{width:100%;color:var(--primary-color);border:1px solid var(--primary-color);cursor:pointer;background:0 0;border-radius:8px;padding:12px;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#9d00ff1a;box-shadow:0 0 15px #9d00ff4d}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.form-group label{color:var(--text-primary);letter-spacing:.5px;font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d;border-radius:8px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);background:#ffffff14;box-shadow:0 0 10px #9d00ff33}.social-bindings{border-top:1px solid var(--border-color);gap:20px;margin-bottom:30px;padding-top:10px;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:14px;transition:color .2s;display:flex}.checkbox-label:hover{color:var(--text-primary)}.checkbox-label input{accent-color:var(--primary-color);cursor:pointer;width:16px;height:16px}@media (width<=1024px){.layout-split,.editor-layout{grid-template-columns:250px 1fr;gap:20px}}@media (width<=768px){.dashboard-container{gap:20px;padding:20px 10px}header{flex-direction:column;align-items:flex-start;gap:10px}header h1{font-size:24px}.layout-split,.editor-layout{flex-direction:column;gap:20px;display:flex}.avatar-management,.post-scheduling,.glass-panel{padding:20px}.weekly-calendar{grid-template-columns:1fr}.social-bindings{flex-wrap:wrap}.btn-primary{padding:12px 20px;font-size:14px}}.glass-panel{-webkit-backdrop-filter:blur(40px);background:#ffffff08;border:1px solid #ffffff1a}.neon-glow-purple{box-shadow:0 0 20px #9d00ff4d}.neon-border-purple{border:1px solid #9d00ff66}.active-glow{box-shadow:0 0 15px #dfb7ff80}@keyframes pulse-purple{0%{box-shadow:0 0 #9d00ff66}70%{box-shadow:0 0 0 10px #9d00ff00}to{box-shadow:0 0 #9d00ff00}}.animate-pulse-purple{animation:2s infinite pulse-purple}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.social-toggles-container{flex-direction:column;gap:16px;margin-bottom:30px;display:flex}.social-toggle-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}.social-toggle-card:hover{background:#ffffff14;border-color:#fff3}.social-toggle-info{align-items:center;gap:16px;display:flex}.social-icon-wrapper{background:#201f21;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;transition:box-shadow .3s;display:flex}.social-toggle-card:hover .social-icon-wrapper{box-shadow:0 0 15px #dfb7ff33}.social-icon{width:24px;height:24px}.social-toggle-title{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.social-toggle-status{color:var(--text-secondary);font-size:14px}.social-toggle-status.active{color:var(--primary-color)}.social-toggle-switch{border:1px solid #ffffff1a;border-radius:9999px;width:48px;height:24px;transition:background-color .3s;position:relative}.social-toggle-switch.on{background-color:var(--primary-color)}.social-toggle-switch.off{background-color:#ffffff0d}.toggle-thumb{border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:3px}.social-toggle-switch.on .toggle-thumb{background-color:#fff;right:4px;box-shadow:0 0 10px #fff}.social-toggle-switch.off .toggle-thumb{background-color:#fff6;left:4px}
