@import"https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700&display=swap";.animated-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.hitech-bg-original{background:linear-gradient(135deg,#0a0015,#1a0a30,#0a0520)}.hitech-breathing-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 80%,rgba(0,255,255,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(138,43,226,.2) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,0,128,.15) 0%,transparent 60%);animation:breathingGradient 8s ease-in-out infinite}@keyframes breathingGradient{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hitech-particle-original{position:absolute;width:6px;height:6px;border-radius:50%;animation:particleGlow ease-in-out infinite}@keyframes particleGlow{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.success-bg{background:linear-gradient(135deg,#0a1a15,#0d2818,#0a1510)}.success-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 70%,rgba(0,200,100,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(0,180,80,.1) 0%,transparent 50%);animation:gradientBreathe 8s ease-in-out infinite}.success-particle{position:absolute;bottom:-20px;width:3px;height:3px;background:#00dc6480;border-radius:50%;box-shadow:0 0 6px #00dc6466;animation:successFloat linear infinite}@keyframes successFloat{0%{transform:translateY(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh);opacity:0}}.success-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,200,100,.1) 0%,transparent 70%);animation:successPulse 4s ease-in-out infinite}@keyframes successPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.alert-bg{background:linear-gradient(135deg,#1a0a0a,#2a1515,#1a0808)}.alert-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 50%,rgba(255,80,50,.15) 0%,transparent 60%)}.alert-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(255,100,50,.15) 0%,transparent 60%);animation:alertPulse 2s ease-in-out infinite}@keyframes alertPulse{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.alert-line{position:absolute;left:-100%;width:200px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,100,50,.6),transparent);animation:alertScan linear infinite}@keyframes alertScan{0%{transform:translate(0)}to{transform:translate(calc(100vw + 200px))}}.celebration-bg{background:linear-gradient(135deg,#0a0a1a,#1a1530,#0a0815)}.celebration-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 25% 75%,rgba(255,200,50,.1) 0%,transparent 50%),radial-gradient(ellipse at 75% 25%,rgba(100,150,255,.1) 0%,transparent 50%)}.celebration-particle{position:absolute;top:-20px;width:6px;height:6px;border-radius:2px;animation:celebrationFall linear infinite}@keyframes celebrationFall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.celebration-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.03) 50%,transparent 60%);background-size:200% 200%;animation:shimmer 4s linear infinite}@keyframes shimmer{0%{background-position:200% 200%}to{background-position:-200% -200%}}.focus-bg{background:linear-gradient(135deg,#0a0a15,#151525,#0a0a12)}.focus-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 50%,rgba(80,100,200,.1) 0%,transparent 60%)}.focus-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(80,120,200,.2);border-radius:50%;animation:focusExpand 6s ease-out infinite}.focus-ring.ring-1{width:200px;height:200px;animation-delay:0s}.focus-ring.ring-2{width:400px;height:400px;animation-delay:2s}.focus-ring.ring-3{width:600px;height:600px;animation-delay:4s}@keyframes focusExpand{0%{transform:translate(-50%,-50%) scale(.8);opacity:.6}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.calm-bg{background:linear-gradient(180deg,#0a1520,#102030,#0a1518)}.calm-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 80%,rgba(0,150,200,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 20%,rgba(0,100,150,.08) 0%,transparent 50%)}.calm-wave{position:absolute;bottom:0;left:0;width:200%;height:100px;background:linear-gradient(180deg,transparent,rgba(0,150,200,.05));border-radius:100% 100% 0 0;animation:calmWave 8s ease-in-out infinite}.calm-wave.wave-1{height:80px;animation-delay:0s;opacity:.6}.calm-wave.wave-2{height:60px;animation-delay:-2s;opacity:.4;bottom:30px}.calm-wave.wave-3{height:40px;animation-delay:-4s;opacity:.3;bottom:50px}@keyframes calmWave{0%,to{transform:translate(0)}50%{transform:translate(-25%)}}@media (max-width: 768px){.focus-ring.ring-1{width:100px;height:100px}.focus-ring.ring-2{width:200px;height:200px}.focus-ring.ring-3,.success-glow,.alert-pulse{width:300px;height:300px}.grid-overlay{background-size:30px 30px}}.birthday-bg{background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#1a1040)}.birthday-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 70%,rgba(255,107,107,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(255,217,61,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(107,203,119,.1) 0%,transparent 60%);animation:birthdayGlow 6s ease-in-out infinite}@keyframes birthdayGlow{0%,to{opacity:.8}50%{opacity:1}}.birthday-confetti{position:absolute;top:-20px;border-radius:2px;animation:confettiFall linear infinite}.birthday-confetti.confetti-0{border-radius:50%}.birthday-confetti.confetti-1{border-radius:0;transform:rotate(45deg)}.birthday-confetti.confetti-2{border-radius:50% 0}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.birthday-balloon{position:absolute;bottom:-100px;width:50px;height:60px;border-radius:50%;animation:balloonFloat 8s ease-in-out infinite;opacity:.7}.birthday-balloon:before{content:"";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:2px;height:40px;background:#ffffff4d}.birthday-balloon:after{content:"";position:absolute;top:15px;left:15px;width:10px;height:10px;background:#fff6;border-radius:50%}@keyframes balloonFloat{0%,to{transform:translateY(0) rotate(-5deg)}25%{transform:translateY(-30vh) rotate(5deg)}50%{transform:translateY(-20vh) rotate(-3deg)}75%{transform:translateY(-40vh) rotate(3deg)}}.birthday-sparkle{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.3) 0%,transparent 2%),radial-gradient(circle at 80% 40%,rgba(255,255,255,.2) 0%,transparent 2%),radial-gradient(circle at 40% 70%,rgba(255,255,255,.25) 0%,transparent 2%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.2) 0%,transparent 2%);animation:sparkle 3s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.5}50%{opacity:1}}.love-bg{background:linear-gradient(135deg,#2d0a1e,#4a1538,#2d0a25)}.love-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 70%,rgba(255,105,180,.2) 0%,transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(255,182,193,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,20,147,.1) 0%,transparent 60%);animation:loveGlow 6s ease-in-out infinite}@keyframes loveGlow{0%,to{opacity:.8}50%{opacity:1}}.love-heart{position:absolute;bottom:-50px;animation:loveFloat linear infinite}@keyframes loveFloat{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-110vh) scale(1.2);opacity:0}}.love-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 40%,rgba(255,182,193,.05) 50%,transparent 60%);background-size:200% 200%;animation:shimmer 4s linear infinite}.gifts-bg{background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#1a1040);perspective:1000px}.gifts-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,rgba(255,107,107,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(78,205,196,.15) 0%,transparent 50%)}.gift-box{position:absolute;top:50%;transform:translateY(-50%);width:10%;height:10vw;max-height:108px;perspective:800px}.gift-left{left:2%}.gift-right-box{right:2%}.gift-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:giftRotate 8s ease-in-out infinite}.gift-left .gift-cube{animation-direction:normal}.gift-right-box .gift-cube{animation-direction:reverse}@keyframes giftRotate{0%{transform:rotateY(0) rotateX(10deg)}50%{transform:rotateY(180deg) rotateX(-10deg)}to{transform:rotateY(360deg) rotateX(10deg)}}.gift-face{position:absolute;width:100%;height:100%;background:var(--gift-color);border:3px solid rgba(255,255,255,.3);box-shadow:inset 0 0 30px #0003}.gift-front{transform:translateZ(5vw)}.gift-back{transform:rotateY(180deg) translateZ(5vw)}.gift-right{transform:rotateY(90deg) translateZ(5vw)}.gift-left-face{transform:rotateY(-90deg) translateZ(5vw)}.gift-top{transform:rotateX(90deg) translateZ(5vw)}.gift-bottom{transform:rotateX(-90deg) translateZ(5vw)}.gift-ribbon{position:absolute;background:var(--ribbon-color);z-index:10}.gift-ribbon-h{width:100%;height:20%;top:40%;left:0;transform:translateZ(calc(5vw + 2px))}.gift-ribbon-v{width:20%;height:100%;top:0;left:40%;transform:translateZ(calc(5vw + 2px))}.gift-bow{position:absolute;top:-15%;left:35%;width:30%;height:30%;background:var(--ribbon-color);border-radius:50%;transform:translateZ(calc(5vw + 5px));box-shadow:0 0 20px var(--ribbon-color)}.gift-bow:before,.gift-bow:after{content:"";position:absolute;width:60%;height:80%;background:var(--ribbon-color);border-radius:50%;top:20%}.gift-bow:before{left:-40%;transform:rotate(-30deg)}.gift-bow:after{right:-40%;transform:rotate(30deg)}.gift-sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:giftSparkle 2s ease-in-out infinite}@keyframes giftSparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.confetti-explosion-bg{background:linear-gradient(135deg,#0a0a1a,#1a1530,#0a0815)}.confetti-explosion-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 0% 50%,rgba(255,100,100,.15) 0%,transparent 40%),radial-gradient(ellipse at 100% 50%,rgba(100,100,255,.15) 0%,transparent 40%)}.confetti-cannon{position:absolute;top:50%;transform:translateY(-50%)}.confetti-cannon-left{left:0}.confetti-cannon-right{right:0}.confetti-piece{position:absolute;width:15px;height:15px;border-radius:3px;animation:confettiExplode 3s ease-out infinite;transform-style:preserve-3d}.confetti-from-left{left:0}.confetti-from-right{right:0}@keyframes confettiExplode{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--end-x),var(--end-y)) rotate(var(--rotate)) scale(.5);opacity:0}}.red-hearts-bg{background:linear-gradient(135deg,#2d0a0a,#4a1515,#2d0808);animation:redGradientShift 8s ease-in-out infinite}@keyframes redGradientShift{0%,to{background:linear-gradient(135deg,#2d0a0a,#4a1515,#2d0808)}33%{background:linear-gradient(135deg,#3d0a0a,#5a2020,#3d1010)}66%{background:linear-gradient(135deg,#2a0505,#451212,#280606)}}.red-hearts-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 15% 50%,rgba(255,0,0,.2) 0%,transparent 50%),radial-gradient(ellipse at 85% 50%,rgba(255,0,0,.2) 0%,transparent 50%)}.heart-3d{position:absolute;top:50%;transform:translateY(-50%);width:25%;height:25vw;max-height:270px;perspective:800px}.heart-3d-left{left:2%}.heart-3d-right{right:2%}.heart-shape{font-size:min(20vw,200px);animation:heartRotate3D 4s ease-in-out infinite;transform-style:preserve-3d;filter:drop-shadow(0 0 30px rgba(255,0,0,.6))}.heart-3d-left .heart-shape{animation-direction:normal}.heart-3d-right .heart-shape{animation-direction:reverse}@keyframes heartRotate3D{0%{transform:rotateY(0) scale(1)}25%{transform:rotateY(90deg) scale(1.1)}50%{transform:rotateY(180deg) scale(1)}75%{transform:rotateY(270deg) scale(1.1)}to{transform:rotateY(360deg) scale(1)}}.small-floating-heart{position:absolute;bottom:-30px;animation:smallHeartFloat linear infinite;filter:drop-shadow(0 0 10px rgba(255,0,0,.5))}@keyframes smallHeartFloat{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(-110vh) rotate(360deg);opacity:0}}.red-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 40%,rgba(255,100,100,.03) 50%,transparent 60%);background-size:200% 200%;animation:shimmer 4s linear infinite}.input-page{min-height:100vh;background:linear-gradient(135deg,#ffeef8,#fff5f8,#ffe8f4);position:relative;overflow:hidden;padding:20px}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-heart{position:absolute;font-size:20px;color:#ff69b44d;animation:floatUp 20s linear infinite}.input-container{position:relative;z-index:1;max-width:600px;margin:0 auto;animation:fadeInUp .8s ease-out}.input-header{margin-bottom:30px}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.input-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#ff69b4,#ff1493,#db7093);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-actions{display:flex;align-items:center;gap:15px}.workspace-badge{background:#ff69b41a;color:#c4627e;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:600;border:1px solid rgba(255,105,180,.3)}.logout-btn{background:#ff64641a;color:#e74c3c;border:1px solid rgba(255,100,100,.3);padding:8px 20px;border-radius:20px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s ease}.logout-btn:hover{background:#ff646433;border-color:#e74c3c}.input-header p{font-size:1.2rem;color:#d4849a;margin-top:5px}.message-form{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 10px 40px #ff69b426;border:1px solid rgba(255,182,193,.3);animation:glow 4s ease-in-out infinite}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;color:#c4627e;margin-bottom:8px;font-size:1rem}.form-group input,.form-group textarea{width:100%;padding:15px;border:2px solid rgba(255,182,193,.5);border-radius:12px;font-size:1rem;font-family:inherit;background:#fffc;transition:all .3s ease;direction:rtl}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 15px #ff69b433;background:#fff}.form-group textarea{resize:vertical;min-height:100px}.form-buttons{display:flex;gap:10px;margin-top:20px}.submit-btn{flex:1;padding:15px 30px;background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff69b466}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.cancel-btn{padding:15px 25px;background:#f0f0f0;color:#666;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}.cancel-btn:hover{background:#e0e0e0}.pinned-message-section{margin-top:30px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;box-shadow:0 10px 40px #ff69b41a;border:1px solid rgba(255,182,193,.3)}.pinned-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.pinned-header h2{color:#c4627e;font-size:1.3rem;margin:0}.pinned-toggle{display:flex;align-items:center;gap:10px}.toggle-label{font-size:.9rem;color:#a8566e;font-weight:500}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:26px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background:linear-gradient(135deg,#ff69b4,#ff1493)}input:checked+.slider:before{transform:translate(24px)}.pinned-textarea{width:100%;padding:15px;border:2px solid rgba(255,182,193,.5);border-radius:12px;font-size:1rem;font-family:inherit;background:#fffc;transition:all .3s ease;direction:rtl;resize:vertical;min-height:80px}.pinned-textarea:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 15px #ff69b433;background:#fff}.pinned-hint{margin-top:10px;font-size:.85rem;color:#d4849a;text-align:center}.theme-selector{margin-top:30px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;box-shadow:0 10px 40px #ff69b41a;border:1px solid rgba(255,182,193,.3)}.theme-selector h2{color:#c4627e;font-size:1.3rem;margin-bottom:20px;text-align:center}.theme-section{margin-bottom:20px}.theme-section:last-child{margin-bottom:0}.theme-section h3{color:#a8566e;font-size:1rem;margin-bottom:12px;font-weight:500}.theme-grid{display:grid;gap:12px}.theme-grid.animated-themes{grid-template-columns:repeat(6,1fr)}.theme-grid.solid-themes{grid-template-columns:repeat(4,1fr)}.theme-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;background:#fff0f5cc;border:2px solid rgba(255,182,193,.3);border-radius:15px;cursor:pointer;transition:all .3s ease;font-family:inherit}.theme-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff69b440;border-color:#ff69b4}.theme-btn.active{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;border-color:#ff1493;box-shadow:0 8px 25px #ff69b466}.theme-icon{font-size:1.5rem;margin-bottom:6px}.theme-name{font-size:.85rem;font-weight:600;text-align:center}.theme-btn.active .theme-name{color:#fff}.solid-preview{width:40px;height:40px;border-radius:10px;margin-bottom:8px;border:2px solid rgba(0,0,0,.1)}.theme-btn.solid-btn.active .solid-preview{border-color:#fff}.messages-list{margin-top:30px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;box-shadow:0 10px 40px #ff69b41a}.messages-list h2{color:#c4627e;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(255,182,193,.3)}.messages-list ul{list-style:none}.no-messages{text-align:center;color:#d4849a;padding:30px}.message-item{display:flex;align-items:center;gap:15px;padding:15px;background:#fff0f580;border-radius:12px;margin-bottom:10px;transition:all .3s ease;animation:fadeInUp .5s ease-out}.message-item:hover{background:#ffe6f0b3;transform:translate(-5px)}.message-number{width:35px;height:35px;background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.message-info{flex:1;display:flex;flex-direction:column;gap:5px}.message-info strong{color:#c4627e}.message-date{font-size:.85rem;color:#d4849a}.message-actions{display:flex;gap:8px}.display-btn,.edit-btn,.delete-btn{padding:8px 15px;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.display-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.display-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #667eea66}.edit-btn{background:#fff0f5;color:#ff69b4;border:1px solid #ffb6c1}.edit-btn:hover{background:#ff69b4;color:#fff}.delete-btn{background:#fff0f0;color:#e74c3c;border:1px solid #f5c6cb}.delete-btn:hover{background:#e74c3c;color:#fff}.action-links{display:flex;gap:15px;margin-top:30px}.view-display-link,.qr-link{flex:1;display:block;text-align:center;padding:15px;color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease}.view-display-link{background:linear-gradient(135deg,#667eea,#764ba2)}.qr-link{background:linear-gradient(135deg,#00bcd4,#0097a7)}.view-display-link:hover,.qr-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}@media (max-width: 768px){.input-page{padding:15px;background:linear-gradient(180deg,#fff0f5,#ffe4ec,#ffd6e7)}.input-header h1{font-size:2.2rem;text-shadow:0 2px 10px rgba(255,105,180,.3)}.message-form{padding:20px;border-radius:25px;box-shadow:0 15px 50px #ff69b433}.form-group input,.form-group textarea{padding:14px 16px;font-size:16px;border-radius:15px}.theme-grid.animated-themes{grid-template-columns:repeat(3,1fr);gap:10px}.theme-grid.solid-themes{grid-template-columns:repeat(4,1fr);gap:10px}.theme-btn{padding:12px 8px}.theme-icon{font-size:1.3rem}.theme-name{font-size:.75rem}.solid-preview{width:35px;height:35px}.message-item{flex-wrap:wrap;padding:12px;border-radius:15px;background:linear-gradient(135deg,#fff0f5cc,#ffe6f099)}.message-actions{width:100%;justify-content:center;margin-top:12px;gap:10px}.display-btn,.edit-btn,.delete-btn{padding:10px 18px;font-size:.95rem;border-radius:10px}.floating-heart{font-size:18px}.messages-list{padding:20px;border-radius:25px}.action-links{gap:12px}.view-display-link,.qr-link{padding:16px;border-radius:15px;font-size:1rem}}@media (max-width: 480px){.input-page{padding:12px 12px 30px}.input-header{margin-bottom:20px}.input-header h1{font-size:1.8rem;letter-spacing:1px}.message-form{padding:18px;border-radius:20px}.form-group{margin-bottom:16px}.form-group label{font-size:.95rem;margin-bottom:6px}.form-group input,.form-group textarea{padding:14px;border-radius:12px;border-width:2px}.form-group textarea{min-height:80px}.form-buttons{flex-direction:column;gap:10px}.submit-btn{padding:16px;font-size:1.1rem;border-radius:14px;box-shadow:0 6px 20px #ff69b44d}.cancel-btn{padding:14px;width:100%;border-radius:14px}.theme-selector{padding:15px;margin-top:20px}.theme-selector h2{font-size:1.1rem;margin-bottom:15px}.theme-section h3{font-size:.9rem;margin-bottom:10px}.theme-grid.animated-themes{grid-template-columns:repeat(3,1fr);gap:8px}.theme-grid.solid-themes{grid-template-columns:repeat(4,1fr);gap:8px}.theme-btn{padding:10px 5px;border-radius:12px}.theme-icon{font-size:1.2rem;margin-bottom:4px}.theme-name{font-size:.65rem}.solid-preview{width:30px;height:30px;margin-bottom:5px}.messages-list{margin-top:20px;padding:15px;border-radius:20px}.messages-list h2{font-size:1.1rem;margin-bottom:15px}.message-item{padding:14px;margin-bottom:12px;border-radius:16px;box-shadow:0 4px 15px #ff69b41a}.message-number{width:32px;height:32px;font-size:.9rem}.message-info strong{font-size:.95rem}.message-date{font-size:.8rem}.message-actions{gap:8px}.display-btn,.edit-btn,.delete-btn{padding:10px 14px;font-size:.85rem;flex:1;text-align:center}.action-links{flex-direction:column;gap:10px;margin-top:25px}.view-display-link,.qr-link{padding:16px;border-radius:14px;font-size:1rem;box-shadow:0 6px 20px #00000026}.floating-heart{font-size:14px;opacity:.4}}@media (max-width: 360px){.input-header h1{font-size:1.6rem}.message-form{padding:15px}.form-group input,.form-group textarea{padding:12px;font-size:15px}.submit-btn{padding:14px;font-size:1rem}.message-item{padding:12px}.display-btn,.edit-btn,.delete-btn{padding:8px 10px;font-size:.8rem}}@supports (padding-bottom: env(safe-area-inset-bottom)){.input-page{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}.swal-custom-popup{border-radius:20px!important;padding:30px!important}.swal-custom-title{font-size:1.5rem!important}.swal-new-message{text-align:center;padding:20px}.swal-new-message h2{font-size:2rem;margin:15px 0;animation:pulse .5s ease-in-out infinite alternate}.swal-new-message p{font-size:1.3rem;opacity:.9}.swal-icon-pulse{font-size:4rem;animation:bounce .6s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:.9}}.display-page{height:100vh;width:100vw;max-height:1080px;background:#0a0a1a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.display-content{position:relative;z-index:10;text-align:center;padding:20px 40px;max-width:95%;width:100%;max-height:100vh;display:flex;flex-direction:column;justify-content:center;animation:fadeInUp 1s ease-out}.logo-container{margin-bottom:5px;flex-shrink:0;animation:slideInFromRight .8s ease-out}.logo{display:inline-flex;flex-direction:column;align-items:center}.logo-text{font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:700;background:linear-gradient(135deg,#0ff,#8a2be2,#ff0080,#0ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 5s ease infinite;text-shadow:0 0 40px rgba(0,255,255,.3);letter-spacing:5px}.logo-subtitle{font-size:1.5rem;color:#ffffff80;letter-spacing:15px;margin-top:-10px}.message-display{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;animation:fadeInUp 1s ease-out .3s both}.message-subject{font-size:clamp(2rem,4vw,4rem);font-weight:700;color:#fff;margin-bottom:5px;text-shadow:0 0 30px rgba(0,255,255,.5),0 0 60px rgba(138,43,226,.3);animation:pulse 3s ease-in-out infinite;line-height:1.2;word-wrap:break-word}.message-content-box{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:2vh 3vw;margin:1vh auto;max-width:90%;width:90%;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;max-height:45vh;overflow:auto;box-shadow:0 0 40px #00ffff1a,inset 0 0 30px #ffffff05}.message-content{font-size:clamp(1.2rem,2vw,2.5rem);color:#ffffffe6;line-height:1.4;font-weight:300;word-wrap:break-word;overflow-wrap:break-word}.pinned-message-display{background:linear-gradient(135deg,#ff69b440,#ffb6c133,#ff829638,#ffa0b433,#ff69b440);background-size:400% 400%;animation:pinnedGradientShift 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,182,193,.3);border-radius:15px;padding:12px 30px;margin:8px auto 5px;max-width:1200px;width:80%;box-shadow:0 0 20px #ff69b426}@keyframes pinnedGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pinned-message-display.standalone{margin:40px auto}.pinned-content{font-size:clamp(.9rem,1.5vw,1.5rem);color:#fffffff2;line-height:1.3;font-weight:400;word-wrap:break-word;overflow-wrap:break-word;text-shadow:0 0 10px rgba(255,105,180,.3)}.message-datetime{display:flex;justify-content:center;gap:40px;margin-top:20px;flex-shrink:0;animation:fadeInUp 1s ease-out .6s both}.message-datetime.compact{transform:scale(.5);transform-origin:center;margin-top:10px}.date-box,.time-box{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:15px 30px;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.date-icon,.time-icon{font-size:1.8rem}.date-text,.time-text{font-size:1.5rem;color:#fffc;font-weight:500}.no-message{animation:pulse 3s ease-in-out infinite}.no-message h1{font-size:4rem;color:#ffffff80;margin-bottom:20px}.no-message p{font-size:1.5rem;color:#ffffff4d}.current-time{position:fixed;bottom:15px;right:20px;font-size:1.5rem;color:#ffffff4d;font-family:Courier New,monospace;letter-spacing:5px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.loader{width:60px;height:60px;border:4px solid rgba(0,255,255,.2);border-top:4px solid #00ffff;border-radius:50%;animation:spin 1s linear infinite}.loading-screen p{color:#ffffff80;font-size:1.5rem}@media (min-width: 3000px){.logo-text{font-size:8rem}.logo-subtitle{font-size:2.5rem}.message-subject{font-size:10rem}.message-content{font-size:5rem}.date-text,.time-text{font-size:3rem}.message-content-box{padding:80px 120px}}@media (max-width: 768px){.message-datetime{flex-direction:column;gap:20px}.date-box,.time-box{justify-content:center}.message-content-box{padding:25px}}.incoming-alert-popup{border-radius:30px!important;padding:50px!important;animation:alertPulse .3s ease-in-out infinite alternate!important}.incoming-alert{text-align:center;padding:20px}.incoming-alert .bell-icon{font-size:6rem;animation:bellShake .5s ease-in-out infinite}.incoming-alert h1{font-size:3rem;margin:20px 0;text-shadow:0 0 20px rgba(255,255,255,.5)}.incoming-alert .alert-subject{font-size:2rem;opacity:.9;margin-top:10px}@keyframes alertPulse{0%{transform:scale(1);box-shadow:0 0 50px #667eea80}to{transform:scale(1.02);box-shadow:0 0 80px #667eeacc}}@keyframes bellShake{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.custom-alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.custom-alert-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;padding:60px 80px;text-align:center;color:#fff;animation:alertPulse .3s ease-in-out infinite alternate;box-shadow:0 0 80px #667eeacc}.custom-alert-box .bell-icon{font-size:8rem;animation:bellShake .5s ease-in-out infinite;display:block;margin-bottom:20px}.custom-alert-box h1{font-size:4rem;margin:20px 0;text-shadow:0 0 30px rgba(255,255,255,.5)}.custom-alert-box .alert-subject{font-size:2.5rem;opacity:.9;margin-top:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.swal-incoming-popup{border-radius:30px!important;padding:40px!important;box-shadow:0 0 80px #667eeacc!important}.swal-incoming-content{text-align:center}.swal-bell-icon{font-size:6rem;animation:swalBellShake .5s ease-in-out 4;margin-bottom:10px}@keyframes swalBellShake{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.swal-alert-subject{font-size:2rem;margin-top:15px;opacity:.95}.sound-enable-btn{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:20px 50px;font-size:1.8rem;border-radius:50px;cursor:pointer;animation:pulseBtn 2s ease-in-out infinite;box-shadow:0 10px 40px #667eea80;z-index:100;font-family:inherit}.sound-enable-btn:hover{transform:translate(-50%) scale(1.05);box-shadow:0 15px 50px #667eeab3}@keyframes pulseBtn{0%,to{box-shadow:0 10px 40px #667eea80}50%{box-shadow:0 10px 60px #667eeacc}}.qr-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden;padding:40px 20px}.qr-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-shape{position:absolute;width:20px;height:20px;background:#ffffff0d;border-radius:50%;animation:floatUp 20s linear infinite}.floating-shape:nth-child(odd){width:30px;height:30px;background:#ff69b41a}.floating-shape:nth-child(3n){background:#00bcd41a}.qr-container{position:relative;z-index:1;max-width:900px;margin:0 auto;animation:fadeInUp .8s ease-out}.tv-connect-btn{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;max-width:350px;margin:0 auto 40px;padding:18px 35px;background:linear-gradient(135deg,#00bcd4,#00acc1);border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #00bcd466;animation:pulse 2s infinite}.tv-connect-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #00bcd480}.tv-icon{font-size:2.5rem}.tv-text{font-size:1.5rem;font-weight:700;color:#fff;font-family:inherit}@keyframes pulse{0%,to{box-shadow:0 8px 30px #00bcd466}50%{box-shadow:0 8px 40px #00bcd499}}.tv-status-btn.connected{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;max-width:350px;margin:0 auto 40px;padding:18px 35px;background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;border-radius:15px;cursor:default;box-shadow:0 8px 30px #9c27b066}.tv-status-btn.connected .tv-icon{font-size:2.5rem}.tv-status-btn.connected .tv-text{font-size:1.5rem;font-weight:700;color:#fff;font-family:inherit}.qr-header{text-align:center;margin-bottom:20px}.qr-header h1{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#ff69b4,#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.qr-header p{font-size:1.3rem;color:#ffffffb3}.qr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px}.qr-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:35px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.qr-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #0000004d}.input-card:hover{border-color:#ff69b480;box-shadow:0 20px 60px #ff69b433}.display-card:hover{border-color:#00bcd480;box-shadow:0 20px 60px #00bcd433}.qr-icon{font-size:3rem;margin-bottom:15px}.qr-card h2{font-size:1.5rem;color:#fff;margin-bottom:10px}.qr-card p{color:#fff9;margin-bottom:25px}.qr-code-wrapper{background:#fff;border-radius:15px;padding:15px;display:inline-block;box-shadow:0 10px 30px #0003;animation:pulse 3s ease-in-out infinite}.url-display{margin-top:20px;padding:10px 20px;background:#ffffff1a;border-radius:10px;color:#fffc;font-size:.9rem;font-family:monospace;word-break:break-all}.url-hint{margin-top:15px;padding:8px 16px;background:#ffffff14;border-radius:8px;color:#fff9;font-size:.85rem}.workspace-code-display{font-size:1.5rem!important;margin-bottom:10px}.workspace-code-display strong{color:#0ff;letter-spacing:3px;font-size:1.8rem}.connect-card:hover{border-color:#667eea80;box-shadow:0 20px 60px #667eea33}.card-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.card-btn{padding:10px 20px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.card-btn.enter-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card-btn.enter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.card-btn.copy-btn{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.card-btn.copy-btn:hover{background:#fff3;color:#fff}.display-card .card-btn.enter-btn{background:linear-gradient(135deg,#00bcd4,#0097a7)}.display-card .card-btn.enter-btn:hover{box-shadow:0 8px 20px #00bcd466}.input-card .card-btn.enter-btn{background:linear-gradient(135deg,#ff69b4,#ff1493)}.input-card .card-btn.enter-btn:hover{box-shadow:0 8px 20px #ff69b466}.qr-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:30px}.action-btn{padding:15px 30px;border:none;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.input-action{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff}.input-action:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff69b466}.logout-action{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);padding:30px 60px;font-size:2.2rem;border-radius:25px}.logout-action:hover{background:#ff646433;border-color:#ff646480;color:#ff6b6b}.qr-instructions{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;text-align:center;border:1px solid rgba(255,255,255,.1);margin-bottom:30px}.qr-instructions h3{color:#fff;font-size:1.5rem;margin-bottom:25px}.qr-instructions ol{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.qr-instructions li{background:#ffffff14;padding:15px 25px;border-radius:15px;color:#ffffffe6;font-size:1.1rem;transition:all .3s ease}.qr-instructions li:hover{background:#ffffff26;transform:scale(1.05)}.back-link{display:block;text-align:center;padding:15px 30px;background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;text-decoration:none;border-radius:15px;font-weight:600;font-size:1.1rem;transition:all .3s ease;max-width:250px;margin:0 auto}.back-link:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff69b466}@media (max-width: 768px){.qr-header h1{font-size:2.5rem}.qr-cards{grid-template-columns:1fr}.qr-instructions ol{flex-direction:column}.qr-instructions li{width:100%}}@media (max-width: 480px){.qr-page{padding:20px 15px}.qr-header h1{font-size:2rem}.qr-card{padding:25px}.qr-code-wrapper svg{width:150px!important;height:150px!important}}.home-page{min-height:100vh;height:100vh;background:linear-gradient(135deg,#0c0c1e,#1a1a3e,#0f0f2d);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;direction:rtl}.home-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-particle{position:absolute;width:6px;height:6px;background:#00ffff4d;border-radius:50%;animation:float 20s ease-in-out infinite}.floating-particle:nth-child(odd){background:#ff69b440}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.3}25%{transform:translateY(-100px) translate(50px);opacity:.8}50%{transform:translateY(-50px) translate(-30px);opacity:.5}75%{transform:translateY(-150px) translate(20px);opacity:.7}}.home-container{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:2vw;width:90vw;max-width:1700px;height:85vh;max-height:900px;padding:1vh 1vw}.home-section{flex:1;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5vw;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5vh 1.5vw;max-width:38vw;height:100%;box-sizing:border-box;overflow:hidden}.section-header{text-align:center;margin-bottom:1vh}.section-icon{font-size:clamp(1.8rem,4vh,3rem);margin-bottom:.5vh}.section-header h2{font-size:clamp(1rem,2.5vh,1.6rem);font-weight:700;background:linear-gradient(135deg,#0ff,#ff69b4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .3vh}.section-header p{font-size:clamp(.7rem,1.5vh,.9rem);color:#fff9;margin:0}.section-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 10px;flex-shrink:0}.divider-line{width:2px;height:150px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent)}.section-divider span{color:#fff6;font-size:1.1rem;padding:12px 0}.qr-wrapper{display:flex;flex-direction:column;align-items:center}.qr-frame{position:relative;background:#fff;padding:1vh;border-radius:1vh;box-shadow:0 0 30px #00ffff4d}.qr-frame svg{display:block;width:clamp(150px,25vh,220px)!important;height:clamp(150px,25vh,220px)!important}.scan-overlay{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border-radius:12px;pointer-events:none}.pairing-code{margin-top:1vh;font-size:clamp(.8rem,1.5vh,1.1rem);color:#ffffffb3}.pairing-code span{color:#0ff;font-weight:700;letter-spacing:.25em;font-family:monospace;font-size:clamp(1rem,2vh,1.5rem)}.paired-success{text-align:center}.success-icon{font-size:4rem;color:#2ecc71;margin-bottom:12px}.paired-success h2{font-size:1.6rem;color:#2ecc71;margin-bottom:8px}.paired-success p{font-size:1rem;color:#fff9}.error-state h2{font-size:1.3rem;color:#e74c3c;margin-bottom:10px}.retry-btn{padding:10px 25px;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #e74c3c66}.phone-section{padding:15px 20px}.access-type-selector{display:flex;gap:1.5vh;margin-bottom:1.5vh}.access-type-btn{display:flex;flex-direction:column;align-items:center;gap:1vh;padding:2vh 3.5vh;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:1.5vh;cursor:pointer;transition:all .3s ease;font-family:inherit}.access-type-btn:hover{transform:translateY(-2px);border-color:#0ff;box-shadow:0 6px 20px #0ff3}.access-type-btn.input-btn:hover{border-color:#ff69b4;box-shadow:0 6px 20px #ff69b433}.access-icon{font-size:clamp(2rem,4vh,3rem)}.access-label{font-size:clamp(1.2rem,2.5vh,1.6rem);font-weight:600;color:#fff}.code-form{display:flex;flex-direction:column;align-items:center;width:100%}.code-display{display:flex;flex-direction:row-reverse;justify-content:center;gap:1vh;margin-bottom:1.2vh}.code-digit{width:clamp(46px,6.6vh,63px);height:clamp(53px,8vh,74px);background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:1vh;display:flex;align-items:center;justify-content:center;font-size:clamp(1.6rem,3.3vh,2.3rem);font-weight:700;color:#fff;transition:all .3s ease}.code-digit.filled{border-color:#0ff;box-shadow:0 0 12px #00ffff4d;background:#00ffff1a}.workspace-code .code-digit{width:clamp(46px,6.9vh,63px);height:clamp(55px,8vh,74px);font-size:clamp(1.6rem,3.5vh,2.3rem)}.code-error{color:#ff6b6b;font-size:.9rem;margin-bottom:8px;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.number-pad{display:grid;grid-template-columns:repeat(3,clamp(53px,8vh,72px));gap:.8vh;margin-bottom:1.4vh}.num-btn{width:clamp(53px,8vh,72px);height:clamp(40px,6vh,53px);border:none;border-radius:1vh;background:#ffffff14;color:#fff;font-size:clamp(1.3rem,2.6vh,1.7rem);font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.num-btn:hover{background:#ffffff26;transform:scale(1.03)}.num-btn:active{transform:scale(.97);background:#0ff3}.clear-btn{background:#ff646433;color:#ff6b6b}.clear-btn:hover{background:#ff64644d}.back-btn{background:#ffc86433;color:#ffc864}.back-btn:hover{background:#ffc8644d}.enter-btn{width:clamp(161px,23vh,204px);padding:1.2vh 2.3vh;border:none;border-radius:1vh;background:linear-gradient(135deg,#0ff,#00bcd4);color:#0c0c1e;font-size:clamp(1rem,2vh,1.3rem);font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit}.enter-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0ff6}.enter-btn:disabled{opacity:.5;cursor:not-allowed}.back-link{display:block;margin-top:1vh;color:#ffffff80;background:none;border:none;cursor:pointer;font-size:clamp(.7rem,1.2vh,.85rem);font-family:inherit;transition:color .3s}.back-link:hover{color:#fff}.auth-links{margin-top:1.5vh;color:#fff6;font-size:clamp(.65rem,1.1vh,.8rem)}.auth-links a{color:#0ff;text-decoration:none;transition:color .3s}.auth-links a:hover{color:#ff69b4;text-decoration:underline}.auth-links span{margin:0 8px}@media (max-width: 1400px){.home-container{width:96vw;height:90vh;padding:1vh 1vw;gap:1.5vw}.home-section{padding:1.5vh 2vw;max-width:45vw}}@media (max-width: 900px){.home-container{flex-direction:column;height:auto;gap:15px;padding:15px}.home-section{max-width:100%;width:100%;height:auto;padding:20px}.section-divider{flex-direction:row;padding:10px 0}.divider-line{width:25vw;height:2px;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent)}.qr-frame svg{width:160px!important;height:160px!important}.code-digit{width:60px;height:70px;font-size:2rem;border-radius:12px}.code-display{gap:12px;margin-bottom:20px}.number-pad{display:grid;grid-template-columns:repeat(3,70px);gap:10px;justify-content:center;margin-bottom:20px}.num-btn{width:70px;height:55px;font-size:1.6rem;border-radius:12px}.enter-btn{width:230px;padding:14px 28px;font-size:1.3rem;border-radius:12px}.access-type-btn{padding:25px 45px;border-radius:15px}.access-icon{font-size:3.5rem}.access-label{font-size:1.8rem}}@media (max-width: 500px){.tv-section,.section-divider{display:none}.home-section{border-radius:15px}}.auth-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;direction:rtl}.auth-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-shape{position:absolute;width:10px;height:10px;background:#667eea4d;border-radius:50%;animation:floatUp 20s linear infinite}.floating-shape:nth-child(odd){background:#ff69b44d}.floating-shape:nth-child(3n){background:#0ff3;width:8px;height:8px}.auth-container{position:relative;z-index:1;width:100%;max-width:450px;padding:20px}.auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.auth-title{font-size:2rem;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:10px}.auth-subtitle{color:#666;text-align:center;margin-bottom:30px;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:.9rem}.form-group input{padding:14px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8f9fa;direction:rtl}.form-group input:focus{border-color:#667eea;outline:none;background:#fff;box-shadow:0 0 0 4px #667eea1a}.form-group input::placeholder{color:#aaa}.form-group .hint{font-size:.75rem;color:#888;margin-top:4px}.pin-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pin-row input{text-align:center;letter-spacing:8px;font-size:1.2rem}.auth-btn{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-btn.secondary{background:linear-gradient(135deg,#00b4db,#0083b0)}.auth-btn.secondary:hover{box-shadow:0 10px 30px #00b4db66}.auth-divider{display:flex;align-items:center;margin:25px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ddd}.auth-divider span{padding:0 15px;color:#999;font-size:.9rem}.auth-footer{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid #eee}.auth-footer p{color:#666;font-size:.9rem}.auth-footer a{color:#667eea;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}@media (max-width: 500px){.auth-card{padding:30px 20px}.auth-title{font-size:1.6rem}.pin-row{grid-template-columns:1fr}.pin-row input{letter-spacing:12px}}.admin-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow-x:hidden;padding:30px;direction:rtl}.admin-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-shape{position:absolute;width:15px;height:15px;background:#667eea33;border-radius:50%;animation:floatUp 20s linear infinite}.floating-shape:nth-child(odd){background:#ff69b426}.admin-container{position:relative;z-index:1;max-width:1200px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-header h1{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-actions{display:flex;gap:15px}.btn{padding:12px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e74c3c66}.users-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.1)}.users-section h2{color:#fff;font-size:1.5rem;margin-bottom:20px}.no-users{text-align:center;padding:50px;color:#fff9}.no-users p{margin-bottom:20px;font-size:1.2rem}.users-table{overflow-x:auto}.users-table table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:15px;text-align:right;border-bottom:1px solid rgba(255,255,255,.1)}.users-table th{background:#ffffff0d;color:#fffc;font-weight:600;font-size:.9rem}.users-table td{color:#fff}.users-table tr:hover td{background:#ffffff08}.display-name{font-weight:600;color:#667eea!important}.workspace-code{font-family:monospace;letter-spacing:2px;color:#0ff!important;font-weight:600}.pin{font-family:monospace;letter-spacing:3px;color:#ff69b4!important}.date{font-size:.85rem;color:#fff9!important}.actions{display:flex;gap:8px}.action-btn{padding:8px 15px;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.action-btn.enter{background:#2ecc7133;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.action-btn.enter:hover{background:#2ecc714d}.action-btn.edit{background:#667eea33;color:#667eea;border:1px solid rgba(102,126,234,.3)}.action-btn.edit:hover{background:#667eea4d}.action-btn.delete{background:#e74c3c33;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.action-btn.delete:hover{background:#e74c3c4d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:30px;max-width:500px;width:100%;border:1px solid rgba(255,255,255,.1);direction:rtl}.modal h3{color:#fff;font-size:1.5rem;margin-bottom:25px;text-align:center}.modal-section{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:20px}.modal-section h4{color:#fffc;font-size:1rem;margin-bottom:15px}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.input-group label{color:#fff9;font-size:.85rem}.input-group input{padding:12px 15px;border:2px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0d;color:#fff;font-size:1rem;font-family:inherit;direction:rtl}.input-group input:focus{outline:none;border-color:#667eea;background:#ffffff14}.input-group input::placeholder{color:#ffffff4d}.pin-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.pin-inputs input{text-align:center;letter-spacing:5px;font-size:1.2rem}.close-btn{width:100%;margin-top:10px}.loading{text-align:center;padding:100px;color:#fff;font-size:1.5rem}.admin-login-container{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px)}.admin-login-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:40px;width:100%;max-width:400px;border:1px solid rgba(255,255,255,.1);text-align:center}.admin-login-card h1{font-size:2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.admin-login-card p{color:#fff9;margin-bottom:30px}.login-input-group{margin-bottom:20px}.login-input-group input{width:100%;padding:15px 20px;border:2px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-size:1rem;font-family:inherit;direction:rtl;text-align:center}.login-input-group input:focus{outline:none;border-color:#667eea;background:#ffffff14}.login-input-group input::placeholder{color:#fff6}.login-error{color:#e74c3c;margin-bottom:20px;font-size:.95rem}.login-btn{width:100%;padding:15px;font-size:1.1rem;margin-bottom:15px}.back-btn{width:100%;padding:12px}.btn-logout{background:#ff646433;color:#ff6b6b;border:1px solid rgba(255,100,100,.3)}.btn-logout:hover{background:#ff64644d}@media (max-width: 900px){.admin-header{flex-direction:column;gap:20px;text-align:center}.users-table th,.users-table td{padding:10px 8px;font-size:.85rem}.actions{flex-direction:column;gap:5px}.action-btn{padding:6px 10px;font-size:.75rem}}@media (max-width: 600px){.admin-page{padding:15px}.admin-header h1{font-size:1.8rem}.users-section{padding:15px}.pin-inputs{grid-template-columns:1fr}.modal{padding:20px}}.tv-pair-page{min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#0f1a2e);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.tv-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-orb{position:absolute;width:4px;height:4px;background:#0ff9;border-radius:50%;animation:floatOrb 20s ease-in-out infinite;box-shadow:0 0 20px #0ff6}.floating-orb:nth-child(odd){background:#ff69b480;box-shadow:0 0 20px #ff69b44d}.floating-orb:nth-child(3n){background:#667eea80;box-shadow:0 0 20px #667eea4d}@keyframes floatOrb{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(50px,-30px) scale(1.5);opacity:.8}50%{transform:translate(-30px,-60px) scale(1);opacity:.5}75%{transform:translate(20px,-40px) scale(1.2);opacity:.7}}.tv-content{position:relative;z-index:1;text-align:center;padding:40px;animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tv-header{margin-bottom:50px}.tv-header h1{font-size:5rem;font-weight:700;background:linear-gradient(135deg,#0ff,#ff69b4,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;animation:gradientShift 5s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.tv-header p{font-size:2rem;color:#ffffffb3}.qr-section{display:flex;flex-direction:column;align-items:center;margin-bottom:50px}.qr-frame{position:relative;background:#fff;padding:30px;border-radius:30px;box-shadow:0 0 60px #00ffff4d,0 0 120px #667eea33,inset 0 0 60px #ffffff1a;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 60px #00ffff4d,0 0 120px #667eea33}50%{box-shadow:0 0 80px #00ffff80,0 0 150px #667eea4d}}.scan-overlay{position:absolute;top:30px;left:30px;right:30px;bottom:30px;pointer-events:none;overflow:hidden;border-radius:10px}.scan-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:scan 2s ease-in-out infinite}@keyframes scan{0%,to{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.pairing-code{margin-top:30px;font-size:1.8rem;color:#fff9}.pairing-code span{font-family:monospace;font-size:2.5rem;font-weight:700;color:#0ff;letter-spacing:8px;margin-right:15px}.tv-instructions{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.instruction-step{display:flex;align-items:center;gap:20px;background:#ffffff0d;padding:25px 40px;border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.instruction-step:hover{background:#ffffff1a;transform:translateY(-5px)}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.step-text{font-size:1.5rem;color:#ffffffe6}.paired-success{animation:successPop .5s ease-out}@keyframes successPop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-icon{width:150px;height:150px;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:80px;color:#fff;margin:0 auto 40px;box-shadow:0 0 60px #2ecc7180}.paired-success h2{font-size:4rem;color:#2ecc71;margin-bottom:20px}.paired-success p{font-size:2rem;color:#ffffffb3}.error-state{text-align:center}.error-state h2{font-size:3rem;color:#e74c3c;margin-bottom:30px}.error-state button{padding:20px 60px;font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:15px;cursor:pointer;font-family:inherit;transition:all .3s ease}.error-state button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}@media (max-width: 1200px){.tv-header h1{font-size:3.5rem}.tv-header p{font-size:1.5rem}.qr-frame{padding:20px}.qr-frame svg{width:250px!important;height:250px!important}.instruction-step{padding:15px 25px}.step-text{font-size:1.2rem}}.pair-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.pair-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-shape{position:absolute;width:20px;height:20px;background:#00bcd426;border-radius:50%;animation:floatUp 20s linear infinite}.floating-shape:nth-child(odd){background:#ff69b41a}.pair-container{position:relative;z-index:1;width:100%;max-width:450px}.pair-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:40px;text-align:center;border:1px solid rgba(255,255,255,.1);direction:rtl}.pair-icon{font-size:5rem;margin-bottom:20px;animation:bounce 2s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pair-card h1{font-size:2rem;color:#fff;margin-bottom:25px;background:linear-gradient(135deg,#00bcd4,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pair-message{font-size:1.2rem;color:#ffffffb3;margin-bottom:25px;line-height:1.6}.workspace-info{background:#ffffff14;border-radius:15px;padding:20px;margin-bottom:25px}.workspace-name{display:block;font-size:1.8rem;font-weight:700;color:#0ff;margin-bottom:8px}.workspace-code-small{font-size:1rem;color:#ffffff80;font-family:monospace;letter-spacing:2px}.pair-btn{width:100%;padding:15px 30px;border:none;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;margin-bottom:15px}.pair-btn.primary{background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff}.pair-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00bcd466}.pair-btn.primary.large{padding:20px 30px;font-size:1.3rem}.pair-btn.secondary{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.pair-btn.secondary:hover{background:#fff3;color:#fff}.pairing-spinner{padding:30px}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#00bcd4;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.pairing-spinner p{color:#ffffffb3;font-size:1.2rem}.success-state{padding:20px}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;margin:0 auto 20px;animation:pop .5s ease-out}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.success-state p{color:#2ecc71;font-size:1.5rem;font-weight:600}.error-text{color:#e74c3c;font-size:1.2rem;margin-bottom:20px}.pairing-code-display{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#fff6;font-size:.9rem}.pairing-code-display strong{color:#fff9;font-family:monospace;letter-spacing:3px}.status-text{color:#fff9;font-size:1.2rem}.qr-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.qr-frame{position:relative;background:#fff;padding:15px;border-radius:15px;box-shadow:0 0 30px #00ffff4d}.qr-frame svg{display:block}.scan-overlay{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border-radius:15px;pointer-events:none}.scan-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:scanMove 2s ease-in-out infinite}@keyframes scanMove{0%,to{top:10%;opacity:0}50%{top:90%;opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Heebo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;direction:rtl;background-color:#f5f5f5;color:#333;overflow-x:hidden}.app{min-height:100vh}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ff69b44d}50%{box-shadow:0 0 40px #ff69b499}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.02);opacity:1}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}