*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f9fafb;--bg-secondary: #ffffff;--bg-tertiary: #f4f6f3;--bg-hover: #f3f4f6;--text-primary: #2d2d2a;--text-secondary: #7a7a72;--text-tertiary: #5a5a52;--border-primary: #e8e6e1;--border-secondary: #e5e7eb;--shadow-sm: rgba(45, 54, 47, .04);--shadow-md: rgba(45, 54, 47, .06);--primary-color: #3d5a4a;--primary-hover: #2d4a3a;--danger-color: #a05555;--danger-hover: #8f4545}body.dark-mode{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #050505;--bg-hover: #151515;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #d0d0d0;--border-primary: #00d4ff;--border-secondary: #ff00ff;--shadow-sm: rgba(0, 212, 255, .3);--shadow-md: rgba(255, 0, 255, .3);--primary-color: #00d4ff;--primary-hover: #00ffff;--danger-color: #ff0080;--danger-hover: #ff00ff}body{font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);min-height:100vh;color:var(--text-primary);letter-spacing:-.01em;transition:background-color .3s ease,color .3s ease;position:relative}body.dark-mode:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,#00d4ff,transparent),radial-gradient(2px 2px at 60% 70%,#ff00ff,transparent),radial-gradient(1px 1px at 50% 50%,#00ffff,transparent),radial-gradient(1px 1px at 80% 10%,#ff0080,transparent),radial-gradient(2px 2px at 90% 60%,#ffa500,transparent),radial-gradient(1px 1px at 33% 80%,#00d4ff,transparent),radial-gradient(1px 1px at 15% 60%,#ff00ff,transparent);background-size:200% 200%;background-position:0% 0%,100% 100%,50% 50%,100% 0%,0% 100%,30% 80%,70% 20%;pointer-events:none;opacity:.15;z-index:0;animation:twinkle 8s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.1}50%{opacity:.2}}#root{min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:12px 24px 40px}.card{background:var(--bg-secondary);border-radius:16px;padding:48px;box-shadow:0 1px 3px var(--shadow-sm);margin-bottom:32px;border:1px solid var(--border-primary);transition:all .3s ease}.dark-mode .card{border:1px solid var(--border-primary);background:var(--bg-secondary);box-shadow:none;position:relative;z-index:1}.card:hover{box-shadow:0 4px 12px var(--shadow-md)}.dark-mode .card:hover{box-shadow:none;transform:none}.btn{padding:14px 32px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.01em;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #3d5a4a33}.dark-mode .btn-primary{background:#000!important;color:var(--primary-color)!important;border:2px solid var(--primary-color)!important;box-shadow:0 0 15px #00d4ff80,0 0 30px #00d4ff4d,inset 0 0 10px #00d4ff26!important;text-shadow:0 0 8px rgba(0,212,255,.8)!important}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3d5a4a4d}.dark-mode .btn-primary:hover{background:var(--primary-color)!important;color:#000!important;box-shadow:0 0 25px #0ffc,0 0 50px #00d4ff80,0 0 75px #ff00ff4d!important;text-shadow:none!important;border-color:#0ff!important}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-secondary);box-shadow:0 1px 2px var(--shadow-sm)}.dark-mode .btn-secondary{background:#000!important;color:var(--text-primary)!important;border:2px solid #ff00ff!important;box-shadow:0 0 15px #f0f6,inset 0 0 10px #ff00ff1a!important;text-shadow:0 0 5px rgba(255,0,255,.5)!important}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-primary);transform:translateY(-1px)}.dark-mode .btn-secondary:hover{background:#ff00ff26!important;border-color:#f0f!important;box-shadow:0 0 20px #f0f9,0 0 40px #ff00ff4d!important}.dark-mode .btn-secondary:hover{box-shadow:0 0 10px #00aa3340;border-color:var(--border-secondary)}.btn-danger{background:var(--danger-color);color:#fff;box-shadow:0 2px 8px #a0555533}.btn-danger:hover{background:var(--danger-hover);transform:translateY(-1px);box-shadow:0 4px 12px #a055554d}.input{width:100%;padding:16px 20px;border:1px solid var(--border-secondary);border-radius:12px;font-size:15px;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}.dark-mode .input{border:2px solid rgba(0,212,255,.5);box-shadow:0 0 10px #00d4ff4d,inset 0 0 5px #00d4ff1a}.input::placeholder{color:var(--text-secondary)}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3d5a4a1a;background:var(--bg-secondary)}.dark-mode .input:focus{box-shadow:0 0 20px #00d4ff99,0 0 40px #ff00ff4d,inset 0 0 10px #00d4ff33;border-color:#0ff}.dark-mode div[style*="background: #ffffff"],.dark-mode div[style*="background:#ffffff"],.dark-mode div[style*="background: '#ffffff'"]{background:#000!important;border:2px solid transparent!important;background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#00d4ff,#f0f,orange) border-box!important;box-shadow:0 0 30px #00d4ff66,0 0 50px #ff00ff4d,0 4px 20px #000c!important}.dark-mode div[style*="background: #f9f8f5"],.dark-mode div[style*="background: '#f9f8f5'"],.dark-mode div[style*="background: rgb(249, 248, 245)"]{background:#000!important;border:2px solid transparent!important;background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#00d4ff,#f0f,#0ff) border-box!important;box-shadow:0 0 25px #00d4ff66,0 0 40px #f0f3!important}.dark-mode div[style*="borderTop: '1px solid #e8e6e1'"],.dark-mode div[style*="border-top: 1px solid #e8e6e1"],.dark-mode div[style*="borderBottom: '1px solid #f5f3ee'"],.dark-mode div[style*="border: '1px solid #e8e6e1'"],.dark-mode div[style*="border: 1px solid #e8e6e1"],.dark-mode div[style*="border-top: '1px solid #e8e6e1'"]{border-color:#00d4ff80!important;box-shadow:0 0 10px #00d4ff4d!important}.dark-mode input[type=file],.dark-mode input[style*="background: #ffffff"],.dark-mode input[style*="background: '#ffffff'"]{background:#000!important;border:2px solid rgba(255,165,0,.6)!important;color:var(--text-primary)!important;box-shadow:0 0 15px #ffa50066,inset 0 0 10px #ffa5001a!important}.form-group{margin-bottom:28px}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-tertiary);font-size:13px;text-transform:uppercase;letter-spacing:.05em}.error{color:#a05555;font-size:13px;margin-top:8px;font-weight:500}.success{color:#3d5a4a;font-size:13px;margin-top:8px;font-weight:500}h1,h2,h3{color:var(--text-primary);margin-bottom:24px;font-weight:700;letter-spacing:-.025em}h1{font-size:42px;font-weight:700;letter-spacing:-.04em;color:var(--text-primary)}h2{font-size:28px;font-weight:600;color:var(--text-primary)}h3{font-size:20px;font-weight:600;color:var(--text-primary)}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding:8px 16px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px var(--shadow-sm);border:1px solid var(--border-primary);position:sticky;top:12px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .header{border:1px solid var(--border-secondary);box-shadow:0 0 12px #0088cc40,0 0 24px #0088cc1a;background:#000000f2}.header:after{content:"";position:absolute;bottom:0;left:48px;right:48px;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.15}.time-slot{padding:20px 24px;margin:10px 0;border-radius:12px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);transition:all .2s ease}.dark-mode .time-slot{border:1px solid rgba(0,170,51,.4);box-shadow:0 0 6px #00aa3326;background:#000a0033}.time-slot:hover{background:var(--bg-hover);border-color:var(--border-primary)}.dark-mode .time-slot:hover{box-shadow:0 0 10px #00aa3340}.time-slot.busy{background:#f9f5f3;border-color:#e8d8d3;border-left:3px solid #a05555}.available-day{background:var(--bg-tertiary);padding:24px;border-radius:12px;margin:16px 0;border-left:3px solid var(--primary-color);border:1px solid var(--border-primary);transition:all .2s ease}.dark-mode .available-day{border:1px solid var(--border-primary);border-left:3px solid var(--primary-color);box-shadow:0 0 8px #00aa3326;background:#000a004d}.available-day:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.dark-mode .available-day:hover{box-shadow:0 0 12px #00aa3340;border-color:var(--border-secondary)}.loading{text-align:center;padding:80px}.spinner{border:4px solid #f5f1e8;border-top:4px solid #3d5a4a;border-radius:50%;width:48px;height:48px;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-container{animation:fadeIn .7s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f5f1e8}::-webkit-scrollbar-thumb{background:#c9c5ba;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a8a49a}::selection{background:#3d5a4a33;color:#1a1a18}@media (max-width: 768px){.container{padding:16px}.card{padding:24px;border-radius:12px}h2{font-size:24px}h3{font-size:18px}.time-slot{flex-direction:column;gap:12px;text-align:center}.time-slot .btn{width:100%}.available-day>div{flex-direction:column!important;gap:12px;text-align:center}.available-day>div>div:last-child{align-self:center}}@media (max-width: 480px){.container{padding:12px}.card{padding:20px;border-radius:12px}.btn{padding:12px 18px;font-size:13px}.input{padding:14px 16px;font-size:16px}h2{font-size:22px}h3{font-size:17px}.form-group label{font-size:13px}.card[style*="max-width: 400px"]{margin:20px auto!important}}@keyframes commentBounce{0%,to{transform:translateY(0) rotate(0)}10%{transform:translateY(-4px) rotate(-5deg)}20%{transform:translateY(0) rotate(5deg)}30%{transform:translateY(-3px) rotate(-3deg)}40%{transform:translateY(0) rotate(0)}}@keyframes neonPulse{0%,to{box-shadow:0 0 5px #c90,0 0 10px #cc99004d}50%{box-shadow:0 0 10px #d90,0 0 20px #d906,0 0 30px #c903}}.dark-mode [style*="background: #d1d5db"],.dark-mode [style*="background:#d1d5db"]{background:#0a0a0a!important;border:1px solid rgba(0,136,204,.4)!important;box-shadow:0 0 4px #08c3!important;color:#000!important}.dark-mode [style*="background: #10b981"],.dark-mode [style*="background:#10b981"],.dark-mode [style*="background: #d1d5db"],.dark-mode [style*="background:#d1d5db"],.dark-mode [style*="background: rgb(209, 213, 219)"],.dark-mode [style*="background: rgb(209,213,219)"],.dark-mode [style*="background:rgb(209, 213, 219)"],.dark-mode [style*="background:rgb(209,213,219)"]{background:#000!important;border:2px solid #00d4ff!important;box-shadow:0 0 15px #00d4ff80,0 0 25px #00d4ff4d,inset 0 0 10px #00d4ff26!important;color:#00d4ff!important;text-shadow:0 0 5px rgba(0,212,255,.8)!important}.dark-mode [style*="background: linear-gradient(135deg, #fbbf24"],.dark-mode [style*="background:linear-gradient(135deg, #fbbf24"],.dark-mode [style*="background: linear-gradient(135deg,#fbbf24"]{background:linear-gradient(135deg,#c90,#b80,#a70)!important;border:1px solid #cc9900!important;box-shadow:0 0 12px #cc990080,0 0 20px #cc990040,inset 0 0 10px #c903!important;animation:neonPulse 3s ease-in-out infinite!important;color:#000!important}.dark-mode [style*="background: #e35a5a"],.dark-mode [style*="background:#e35a5a"]{background:#cc33554d!important;border:1px solid var(--danger-color)!important;box-shadow:0 0 8px #c356!important;color:#000!important}.dark-mode [style*="background: #b91c1c"],.dark-mode [style*="background:#b91c1c"]{background:#cc335580!important;border:1px solid var(--danger-hover)!important;box-shadow:0 0 10px #cc335580,0 0 15px #cc335540!important;color:#000!important}.dark-mode [style*="border: 2px solid #e5e7eb"]{border:1px solid rgba(0,170,51,.4)!important;background:#000a0033!important;box-shadow:0 0 8px #00aa3326!important}.dark-mode .card{background:#000!important}.dark-mode [style*="background: #f8f9fa"],.dark-mode [style*="background:#f8f9fa"],.dark-mode [style*="background: #faf8f5"],.dark-mode [style*="background:#faf8f5"],.dark-mode [style*="background: #f4f6f3"],.dark-mode [style*="background:#f4f6f3"],.dark-mode [style*="background: #f5f5f2"],.dark-mode [style*="background:#f5f5f2"],.dark-mode [style*="background: white"],.dark-mode [style*="background: #ffffff"],.dark-mode [style*="background:#ffffff"]{background:#000!important;border:2px solid transparent!important;background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#00d4ff,#f0f,#0ff) border-box!important;box-shadow:0 0 20px #00d4ff66,0 0 35px #ff00ff40,inset 0 0 15px #00d4ff14!important}.dark-mode [style*="background: #ececea"],.dark-mode [style*="background:#ececea"],.dark-mode [style*="background: #f0f4f0"],.dark-mode [style*="background:#f0f4f0"],.dark-mode .day-btn-selected{background:#000!important;border:2px solid #00d4ff!important;box-shadow:0 0 15px #00d4ff80,0 0 25px #00d4ff4d,inset 0 0 10px #00d4ff26!important;color:#00d4ff!important;text-shadow:0 0 5px rgba(0,212,255,.8)!important}.dark-mode .day-btn-unselected{background:#000!important;border:2px solid #333333!important;box-shadow:none!important;color:#666!important;text-shadow:none!important}.dark-mode [style*="background: 'white'"],.dark-mode .day-filter-container{background:#000!important;border:2px solid transparent!important;background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#00d4ff,#f0f,orange,#0ff) border-box!important;box-shadow:0 0 25px #00d4ff66,0 0 40px #ff00ff4d,inset 0 0 15px #00d4ff14!important}.dark-mode [style*='background: "white"']{background:#0a0a0a!important;border:2px solid var(--border-primary)!important}.dark-mode [style*="background: rgba(255, 255, 255"],.dark-mode [style*="background:rgba(255, 255, 255"]{background:#000000fa!important}.uploaded-calendars-card{margin-bottom:24px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary)}.uploaded-calendars-title{font-size:13px;margin-bottom:12px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.uploaded-calendar-item{display:flex;align-items:center;gap:12px;font-size:14px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border-primary)}.uploaded-calendar-item:last-child{border-bottom:none;padding-bottom:0}.uploaded-calendar-check{color:var(--primary-color);font-size:14px;opacity:.7}.uploaded-calendar-username{color:var(--text-primary)}.uploaded-calendar-filename{color:var(--text-secondary);word-break:break-all}.uploaded-calendar-date{color:var(--text-secondary);font-size:12px;margin-left:auto}.file-input-themed{padding:12px 16px;border:1px solid var(--border-primary);border-radius:12px;background:var(--bg-secondary);cursor:pointer;font-size:14px;color:var(--text-primary);width:100%}.file-input-themed::file-selector-button{padding:8px 16px;margin-right:12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.file-input-themed::file-selector-button:hover{background:var(--bg-hover)}.dark-mode .file-input-themed::file-selector-button{background:#1a1a1a;border:1px solid var(--border-primary);box-shadow:0 0 8px #00d4ff4d}.dark-mode .file-input-themed::file-selector-button:hover{background:#252525;box-shadow:0 0 12px #00d4ff80}.file-selected-indicator{margin-top:12px;font-size:14px;color:var(--primary-color);display:flex;align-items:center;gap:6px}.section-title{color:var(--text-primary)}.group-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary);padding:16px 20px;border-radius:12px;border:1px solid var(--border-primary);transition:all .4s cubic-bezier(.4,0,.2,1)}.group-card-active{background:var(--bg-tertiary);border:2px solid var(--primary-color);box-shadow:0 4px 12px var(--shadow-md)}.dark-mode .group-card{background:#0a0a0a;border:1px solid #333}.dark-mode .group-card-active{background:#0a0a0a;border:2px solid var(--primary-color);box-shadow:0 0 15px #00d4ff4d}.group-card-name{color:var(--text-primary);font-size:15px}.group-card-members{color:var(--text-secondary);font-size:13px;margin:0}.badge{font-size:10px;padding:3px 8px;border-radius:4px;font-weight:600;text-transform:uppercase}.badge-admin{background:var(--primary-color);color:#fff}.badge-active{background:var(--bg-hover);color:var(--text-tertiary);border:1px solid var(--border-primary)}.dark-mode .badge-active{background:#1a1a1a;color:var(--text-secondary);border:1px solid var(--border-primary)}.badge-pending{background:var(--bg-tertiary);color:var(--danger-color);border:1px solid var(--danger-color)}.dark-mode .badge-pending{background:#1a0a0a;color:var(--danger-color);border:1px solid var(--danger-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;height:100dvh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:auto;-webkit-overflow-scrolling:touch}.modal-content{background:var(--bg-secondary);border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:70vh;max-height:70dvh;overflow:auto;box-shadow:0 10px 40px #0003;border:1px solid var(--border-primary);margin:20px;position:relative}.dark-mode .modal-content{background:#0a0a0a;border:2px solid var(--border-primary);box-shadow:0 0 30px #00d4ff4d}.modal-title{margin-top:0;margin-bottom:16px;color:var(--text-primary)}.modal-empty-text{color:var(--text-secondary);font-style:italic;text-align:center}.modal-textarea{width:100%;min-height:80px;padding:12px;border-radius:8px;border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font-size:16px;font-family:inherit;resize:vertical}.dark-mode .modal-textarea{background:#0a0a0a}.modal-char-count{font-size:12px;color:var(--text-secondary);margin-top:4px;text-align:right}.comment-item{background:var(--bg-tertiary);border-radius:8px;padding:12px;margin-bottom:10px;border:1px solid var(--border-primary)}.dark-mode .comment-item{background:#111}.comment-username{color:var(--text-primary);font-size:14px}.comment-timestamp{font-size:12px;color:var(--text-secondary)}.comment-text{margin:0;color:var(--text-primary);font-size:14px;line-height:1.5}.comment-delete-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;transition:background .2s}.comment-delete-btn:hover{background:#ef44441a}.chat-window{position:fixed;bottom:90px;right:20px;width:350px;height:500px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 24px #0003;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;border:1px solid var(--border-primary)}.dark-mode .chat-window{background:#0a0a0a;border:2px solid var(--border-primary);box-shadow:0 0 30px #00d4ff4d}.chat-header{padding:15px 20px;background:linear-gradient(135deg,#9e9286,#7a6f65);color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.dark-mode .chat-header{background:linear-gradient(135deg,#00d4ff,#f0f)}.chat-close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.chat-close-btn:hover{background:#fff3}.chat-messages{flex:1;overflow-y:auto;padding:15px;background:var(--bg-tertiary);display:flex;flex-direction:column;gap:10px}.dark-mode .chat-messages{background:#050505}.chat-empty-text{text-align:center;color:var(--text-secondary);font-size:14px;margin-top:20px}.chat-message-username{font-size:11px;color:var(--text-secondary);margin-bottom:2px;margin-left:8px}.chat-message-bubble{padding:10px 14px;border-radius:12px;font-size:14px;word-wrap:break-word;box-shadow:0 1px 2px #0000001a}.chat-message-own{background:#9e9286;color:#fff}.dark-mode .chat-message-own{background:var(--primary-color);color:#000}.chat-message-other{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.dark-mode .chat-message-other{background:#111}.chat-message-time{font-size:10px;color:var(--text-secondary);margin-top:2px;margin-left:8px}.chat-message-time-right{margin-left:0;text-align:right}.chat-input-area{padding:15px;background:var(--bg-secondary);border-top:1px solid var(--border-primary);display:flex;gap:10px}.dark-mode .chat-input-area{background:#0a0a0a}.chat-input{flex:1;padding:10px 14px;border:1px solid var(--border-primary);border-radius:20px;font-size:16px;outline:none;background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .chat-input{background:#111}.chat-input:focus{border-color:var(--primary-color);background:var(--bg-secondary)}.chat-send-btn{padding:10px 20px;background:#d1d5db;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:not-allowed;transition:all .2s}.chat-send-btn-active{background:var(--primary-color);cursor:pointer}.chat-send-btn-active:hover{background:var(--primary-hover)}.dark-mode .chat-send-btn{background:#333}.dark-mode .chat-send-btn-active{background:var(--primary-color);color:#000;box-shadow:0 0 10px #00d4ff80}.day-cell-holding{z-index:10}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.holding-indicator{pointer-events:none}.dark-mode .holding-indicator{background:#00d4ff4d!important}.chat-bubble-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#9e9286,#7a6f65);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;font-size:24px;z-index:999;transition:transform .2s;-webkit-user-select:none;user-select:none}.dark-mode .chat-bubble-btn{background:linear-gradient(135deg,#00d4ff,#f0f);box-shadow:0 0 20px #00d4ff80,0 0 30px #ff00ff4d}