:root{--bg-base: #030712;--glass-bg: rgba(17, 24, 39, .65);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .12);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--gradient-approve: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-reject: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);--gradient-brand: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--blob-1: #38bdf8;--blob-2: #818cf8;--blob-3: #2dd4bf;--shadow-glass: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow-approve: 0 0 20px rgba(16, 185, 129, .3);--shadow-glow-reject: 0 0 20px rgba(239, 68, 68, .2);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;min-height:100dvh;line-height:1.5;overscroll-behavior-y:none;overflow-x:hidden}.bg-animated{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--bg-base)}.blob{position:absolute;filter:blur(90px);opacity:.4;border-radius:50%;animation:float 20s infinite ease-in-out alternate}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--blob-1);animation-delay:0s}.blob-2{bottom:-20%;right:-10%;width:60vw;height:60vw;background:var(--blob-2);animation-delay:-5s}.blob-3{top:40%;left:50%;width:40vw;height:40vw;background:var(--blob-3);animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}#app{position:relative;z-index:1}.screen{display:none;min-height:100vh;min-height:100dvh}.screen.active{display:flex}#loading-screen{align-items:center;justify-content:center;flex-direction:column}.premium-loader{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.spinner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:#38bdf8;border-right-color:#818cf8;animation:spin 1s linear infinite}.glow{width:40px;height:40px;background:var(--gradient-brand);border-radius:50%;filter:blur(20px);animation:pulse 2s ease-in-out infinite}.loader-text{margin-top:24px;font-size:1.1rem;font-weight:500;color:var(--text-secondary);letter-spacing:.5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5;transform:scale(.8)}}#error-screen,#empty-state{align-items:center;justify-content:center;padding:24px}.error-glass,.empty-glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:40px 24px;text-align:center;box-shadow:var(--shadow-glass);max-width:400px;width:100%;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.error-icon-wrapper,.empty-icon-wrapper{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid var(--glass-border)}.error-icon-wrapper{color:#f87171;box-shadow:0 0 30px #f871711a}.empty-icon-wrapper{color:#34d399;box-shadow:0 0 30px #34d3991a}.error-title,.empty-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.error-message,.empty-message{color:var(--text-secondary);font-size:1rem;line-height:1.5}.header-glass{position:sticky;top:0;z-index:50;background:#03071280;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);padding-top:var(--safe-top)}.header-inner{max-width:1000px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.header-brand{display:flex;align-items:center;gap:12px}.logo-wrapper{position:relative;width:42px;height:42px}.logo-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:var(--gradient-brand);filter:blur(8px);border-radius:var(--radius-sm);opacity:.5;z-index:-1}.header-logo{width:100%;height:100%;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--glass-highlight)}.header-title{font-size:1.1rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.header-subtitle{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.stat-pill{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--glass-border);padding:8px 16px;border-radius:var(--radius-full)}.stat-pulse{width:8px;height:8px;background:#38bdf8;border-radius:50%;box-shadow:0 0 12px #38bdf8;animation:pulse 2s infinite}.stat-value{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}#main-screen{flex-direction:column}.post-carousel{width:100%;max-width:600px;margin:0 auto;padding:16px 20px;display:flex;flex-direction:column;gap:24px;padding-bottom:calc(120px + env(safe-area-inset-bottom))}@media(min-width:800px){.post-carousel{max-width:700px}}.carousel-controls{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 20px;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);z-index:50;box-shadow:0 -4px 20px #00000080;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.btn-carousel-nav{width:48px;height:48px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-highlight);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-carousel-nav:disabled{opacity:.3;cursor:not-allowed}.btn-carousel-nav:not(:disabled):hover{background:#ffffff1a;transform:scale(1.05)}.btn-carousel-nav:not(:disabled):active{transform:scale(.95)}.carousel-dots{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:200px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s ease}.carousel-dot.active{background:#38bdf8;width:20px;border-radius:4px;box-shadow:0 0 10px #38bdf880}.post-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-glass);animation:slideUp .6s cubic-bezier(.16,1,.3,1) backwards;transform:translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.post-card.removing{animation:cardImplode .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardImplode{0%{transform:scale(1);opacity:1}40%{transform:scale(1.02);opacity:.8}to{transform:scale(.9);opacity:0;height:0;margin:0;padding:0}}.card-media{position:relative;width:100%;max-height:70vh;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-media img,.card-media video{width:100%;height:auto;max-height:70vh;object-fit:contain;transition:transform 6s cubic-bezier(.25,1,.5,1)}.video-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0003;cursor:pointer;z-index:5;transition:opacity .3s}.play-overlay svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));transition:transform .2s}.play-overlay:hover svg{transform:scale(1.1)}.inner-carousel{width:100%;height:100%;position:relative;display:flex}.inner-slide{display:none;width:100%;height:100%;align-items:center;justify-content:center}.inner-slide.active{display:flex}.inner-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.inner-nav.prev{left:12px}.inner-nav.next{right:12px}.inner-nav:hover{background:#0009;transform:translateY(-50%) scale(1.1)}.inner-dots-container{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:10}.inner-dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;transition:background .2s}.inner-dot.active{background:#fff;box-shadow:0 0 6px #0009}.card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,transparent 30%,transparent 70%,rgba(17,24,39,1) 100%);pointer-events:none}.card-media-overlay{position:absolute;top:16px;left:16px;z-index:2}.platform-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.5px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0003}.platform-google{background:#ea433566}.platform-facebook{background:#1877f266}.platform-instagram{background:linear-gradient(45deg,#f5852966,#dd2a7b66,#8134af66);border-color:#ff64c84d}.platform-linkedin{background:#0a66c266}.platform-tiktok{background:#0009;border-color:#ff005080}.card-content-wrapper{position:relative;z-index:2;margin-top:-40px;padding:0 20px 20px}.card-meta{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.8rem;font-weight:500;margin-bottom:12px}.card-meta svg{color:#818cf8}.card-text{font-size:1rem;color:var(--text-primary);line-height:1.6;font-weight:400;display:block;margin-bottom:24px;text-shadow:0 2px 4px rgba(0,0,0,.5);white-space:pre-wrap;word-break:break-word}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-premium{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;border:none;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn-premium:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.btn-premium:active{transform:scale(.96)}.btn-premium:hover:before{opacity:1}.btn-approve{background:var(--gradient-approve);color:#fff;box-shadow:0 4px 15px #10b98133;border:1px solid rgba(255,255,255,.1)}.btn-approve:hover{box-shadow:var(--shadow-glow-approve)}.btn-reject{background:#ffffff0d;color:#f87171;border:1px solid rgba(248,113,113,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-reject:hover{background:#ef44441a;border-color:#ef4444}.btn-danger{background:var(--gradient-reject);color:#fff;box-shadow:0 4px 15px #ef444433}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff0d;color:#fff}.btn-loading{color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:flex-end;justify-content:center;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal-overlay.active{display:flex;animation:fadeObj .3s ease}@keyframes fadeObj{0%{opacity:0}to{opacity:1}}.modal-glass{background:var(--glass-bg);border:1px solid var(--glass-highlight);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:600px;padding-bottom:calc(24px + var(--safe-bottom));box-shadow:0 -10px 40px #00000080;animation:sheetUp .4s cubic-bezier(.2,.8,.2,1)}@media(min-width:800px){.modal-overlay{align-items:center;padding:24px}.modal-glass{border-radius:var(--radius-xl);border-bottom:1px solid var(--glass-highlight);padding-bottom:24px;animation:zoomIn .3s cubic-bezier(.2,.8,.2,1)}}@keyframes sheetUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-handle{width:48px;height:5px;background:#fff3;border-radius:3px;margin:12px auto}@media(min-width:800px){.modal-handle{display:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.modal-title-group{display:flex;align-items:center;gap:12px}.modal-icon{width:36px;height:36px;border-radius:10px;background:#ef44441a;color:#ef4444;display:flex;align-items:center;justify-content:center}.modal-title{font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.modal-close{background:#ffffff0d;border:1px solid transparent;color:var(--text-secondary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.modal-close:active,.modal-close:hover{background:#ffffff1a;color:#fff;border-color:var(--glass-border)}.modal-body{padding:8px 24px 24px}.modal-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:16px}.textarea-wrapper{position:relative;border-radius:var(--radius-md);background:#0000004d;padding:2px}.textarea-focus-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);border:2px solid #818cf8;opacity:0;transition:opacity .3s ease;pointer-events:none}.modal-textarea{width:100%;background:transparent;border:1px solid var(--glass-highlight);border-radius:calc(var(--radius-md) - 2px);color:#fff;padding:16px;font-family:inherit;font-size:1rem;resize:none;min-height:120px;line-height:1.5;-webkit-appearance:none}.modal-textarea:focus{outline:none}.modal-textarea:focus+.textarea-focus-ring{opacity:1}.modal-textarea::placeholder{color:var(--text-muted)}.modal-error{color:#f87171;font-size:.85rem;margin-top:12px;display:flex;align-items:center;gap:6px}.modal-error:before{content:"⚠️";font-size:.9em}.modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 24px}.toast-container{position:fixed;bottom:calc(24px + var(--safe-bottom));left:20px;right:20px;z-index:200;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}@media(min-width:800px){.toast-container{left:auto;top:24px;bottom:auto;align-items:flex-end}}.toast{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--radius-md);background:#111827d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 10px 40px #00000080;color:#fff;font-size:.95rem;font-weight:500;width:100%;max-width:400px;animation:toastPop .4s cubic-bezier(.175,.885,.32,1.275) forwards;pointer-events:auto}.toast.toast-exit{animation:toastSink .3s ease-in forwards}.toast-success{border-bottom:2px solid #10b981}.toast-error{border-bottom:2px solid #ef4444}.toast-icon{font-size:1.25rem}@keyframes toastPop{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSink{to{opacity:0;transform:translateY(20px) scale(.9)}}.post-card-premium{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-glass);transform:translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.post-card-premium.removing{animation:cardImplode .5s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in{animation:slideUp .6s cubic-bezier(.16,1,.3,1) backwards}.post-header-glass{padding:16px 20px 12px;border-bottom:1px solid var(--glass-border)}.post-meta-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.platform-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge-platform{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.5px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.15);background:#ffffff14}.badge-platform.platform-instagram{background:linear-gradient(45deg,#f5852959,#dd2a7b59,#8134af59);border-color:#ff64c84d}.badge-platform.platform-facebook{background:#1877f24d;border-color:#1877f266}.badge-platform.platform-linkedin{background:#0a66c24d;border-color:#0a66c266}.badge-platform.platform-tiktok{background:#00000080;border-color:#ff005066}.badge-platform.platform-google{background:#ea43354d;border-color:#ea433566}.badge-type{display:inline-flex;align-items:center;padding:5px 14px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--glass-border);letter-spacing:.8px;text-transform:uppercase}.post-media-container{position:relative;width:100%;max-height:70vh;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.post-media-container img,.post-media-container video{width:100%;height:auto;max-height:70vh;object-fit:contain}.media-no-image{width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;background:#ffffff08;color:var(--text-muted)}.media-no-image svg{width:48px;height:48px;opacity:.5}.post-content-glass{padding:20px}.post-info-row{display:flex;align-items:center;gap:6px;margin-bottom:14px}.post-date{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.8rem;font-weight:500}.post-date svg{color:#818cf8;flex-shrink:0}.post-caption-wrapper{margin-bottom:20px;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.post-caption-wrapper::-webkit-scrollbar{width:4px}.post-caption-wrapper::-webkit-scrollbar-track{background:transparent}.post-caption-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.post-summary{font-size:.95rem;color:var(--text-primary);line-height:1.65;font-weight:400;white-space:pre-wrap;word-break:break-word}.post-actions-premium{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dot{width:8px;height:8px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s ease}.dot.active{background:#38bdf8;width:20px;border-radius:4px;box-shadow:0 0 10px #38bdf880}.toast.fade-out{animation:toastSink .3s ease-in forwards}.post-media-container .video-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.post-media-container .play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;cursor:pointer;z-index:5;transition:opacity .3s}.post-media-container .play-overlay svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));transition:transform .2s}.post-media-container .play-overlay:hover svg{transform:scale(1.1)}.post-media-container .inner-carousel{width:100%;position:relative;display:flex}.post-media-container .inner-slide{display:none;width:100%;align-items:center;justify-content:center}.post-media-container .inner-slide.active{display:flex}@media(max-width:480px){.post-header-glass{padding:12px 16px 10px}.post-content-glass{padding:16px}.post-caption-wrapper{max-height:200px}.post-actions-premium{gap:8px}.btn-premium{height:48px;font-size:.9rem}.platform-badges{gap:6px}.badge-platform,.badge-type{padding:4px 10px;font-size:.7rem}}