#wpad-wrapper *{box-sizing:border-box !important;line-height:1.5 !important}#wpad-wrapper{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:999999 !important;display:none !important;align-items:center !important;justify-content:center !important;background:transparent !important;margin:0 !important;padding:0 !important}#wpad-wrapper.active{display:flex !important}#wpad-overlay{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,.7) !important;backdrop-filter:blur(4px) !important;margin:0 !important;padding:0 !important}#wpad-popup{position:relative !important;background:#fff !important;width:95% !important;max-width:1100px !important;border-radius:16px !important;padding:25px !important;box-shadow:0 20px 50px rgba(0,0,0,.3) !important;max-height:90vh !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;margin:0 auto !important;z-index:10 !important}#wpad-close{position:absolute !important;top:15px !important;right:15px !important;background:transparent !important;border:0 !important;font-size:28px !important;color:#333 !important;cursor:pointer !important;opacity:.6 !important;transition:.3s !important;z-index:10 !important;padding:5px !important;line-height:1 !important}#wpad-close:hover{opacity:1 !important}.wpad-header{display:flex !important;align-items:center !important;gap:15px !important;border-bottom:1px solid #eee !important;padding-bottom:15px !important;margin-bottom:15px !important;flex-shrink:0 !important}.wpad-logo{width:40px !important;height:40px !important;background:#d83a0a !important;border-radius:12px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;flex-shrink:0 !important}.wpad-logo svg{width:24px !important;height:24px !important}.wpad-header h2{margin:0 !important;font-size:22px !important;color:#111 !important;font-weight:bold !important;padding:0 !important}.wpad-header p{margin:4px 0 0 !important;font-size:14px !important;color:#666 !important;padding:0 !important}#wpad-body{display:flex !important;gap:20px !important;flex:1 !important;overflow:hidden !important;min-height:400px !important}#wpad-list{width:30% !important;min-width:30% !important;background:#f9fafb !important;border-radius:12px !important;padding:10px !important;overflow-y:auto !important;display:flex !important;flex-direction:column !important;gap:10px !important;max-height:500px !important}#wpad-list::-webkit-scrollbar{width:6px !important}#wpad-list::-webkit-scrollbar-thumb{background:#ccc !important;border-radius:4px !important}.wpad-item{display:flex !important;align-items:center !important;gap:12px !important;background:#fff !important;padding:10px !important;border-radius:8px !important;cursor:pointer !important;border:2px solid transparent !important;transition:all .2s ease !important;box-shadow:0 1px 3px rgba(0,0,0,0.05) !important;margin:0 !important}.wpad-item:hover{border-color:#ffc8b3 !important}.wpad-item.active{border-color:#d83a0a !important;background:#fff5f0 !important}.wpad-thumb{width:60px !important;height:40px !important;object-fit:cover !important;border-radius:4px !important;flex-shrink:0 !important;max-width:60px !important;margin:0 !important}.wpad-info strong{display:block !important;font-size:14px !important;color:#222 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;font-weight:bold !important;margin:0 !important}#wpad-display{width:70% !important;min-width:70% !important;display:flex !important;flex-direction:column !important;gap:15px !important}.wpad-img-box{background:#f9fafb !important;border-radius:12px !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;flex:1 !important;min-height:300px !important;border:1px dashed #ddd !important}#wpad-img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;transition:opacity .3s !important;max-width:100% !important;margin:0 !important}.wpad-info-box{display:flex !important;justify-content:space-between !important;align-items:center !important;padding-top:10px !important;border-top:1px solid #eee !important}.wpad-text h3{margin:0 0 4px !important;font-size:20px !important;color:#222 !important;font-weight:bold !important;padding:0 !important}.wpad-text p{margin:0 !important;font-size:14px !important;color:#666 !important;padding:0 !important}.wpad-btn{background:#d83a0a !important;color:#fff !important;border:15px !important;padding:10px 15px 10px 15px !important;border-radius:8px !important;font-weight:600 !important;font-size:14px !important;cursor:pointer !important;text-decoration:none !important;display:inline-block !important;transition:.3s !important;margin:0 !important;line-height:normal !important;width:180px}.wpad-btn:hover{background:#b52e08 !important;transform:translateY(-2px) !important;color:#fff !important}#wpad-bell{position:fixed !important;bottom:30px !important;left:30px !important;background:#fff !important;width:60px !important;height:60px !important;border-radius:50% !important;box-shadow:0 4px 15px rgba(0,0,0,.2) !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;transition:.3s !important;z-index:999998 !important;border:2px solid #d83a0a !important;margin:0 !important}#wpad-bell:hover{transform:scale(1.1) !important}#wpad-bell span{font-size:28px !important;line-height:1 !important}@keyframes wpadPulse{0%{box-shadow:0 0 0 0 rgba(216,58,10,0.4) !important}70%{box-shadow:0 0 0 10px rgba(216,58,10,0) !important}100%{box-shadow:0 !important}}#wpad-bell.pulse{animation:wpadPulse 2s infinite !important}@keyframes wpadBlink{0%,49%{opacity:1 !important}50%,100%{opacity:0 !important}}#wpad-new{position:absolute !important;top:-8px !important;right:-18px !important;background:red !important;color:#fff !important;font-size:10px !important;font-weight:700 !important;padding:2px 6px !important;border-radius:10px !important;border:1px solid #fff !important;animation:wpadBlink 1s step-end infinite !important;line-height:1.2 !important}@media(max-width:768px){#wpad-popup{padding:15px !important;width:98% !important;height:90vh !important}.wpad-header{flex-direction:column !important;text-align:center !important;align-items:flex-start !important}#wpad-body{flex-direction:column !important;overflow-y:auto !important}#wpad-list{width:100% !important;min-width:100% !important;flex-direction:row !important;overflow-x:auto !important;max-height:100% !important;padding-bottom:15px !important}.wpad-item{min-width:140px !important;flex-shrink:0 !important;flex-direction:column !important;text-align:center !important;padding:8px !important}.wpad-thumb{width:100% !important;height:50px !important;max-width:100% !important}#wpad-display{width:100% !important;min-width:100% !important}.wpad-info-box{flex-direction:column !important;align-items:flex-start !important;gap:10px !important}.wpad-btn{width:100% !important;text-align:center !important}#wpad-bell{bottom:20px !important;left:20px !important;width:50px !important;height:50px !important}#wpad-bell span{font-size:22px !important}#wpad-new{font-size:8px !important;top:-6px !important;right:-14px !important;padding:1px 4px !important}}