@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-deep: #050507;--bg-surface: #0A0A0C;--primary: #8C9EFF;--primary-glow: rgba(140, 158, 255, .4);--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--text-main: #F2F4F8;--text-muted: #A7B0C0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background-color:var(--bg-deep);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:opacity .2s}.bg-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,#1a1f35 0%,var(--bg-deep) 70%);z-index:-2}.stars{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 160px,#fff,#0000),radial-gradient(1.5px 1.5px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000);background-size:200px 200px;opacity:.3;z-index:-1;animation:twinkle 10s infinite linear}@keyframes twinkle{0%{transform:translateY(0)}to{transform:translateY(-200px)}}h1,h2,h3{font-family:Outfit,sans-serif;line-height:1.1;font-weight:700}.text-gradient{background:linear-gradient(135deg,#fff 30%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-download{display:inline-flex;align-items:center;gap:12px;background:#ffffff1a;border:1px solid var(--glass-border);padding:12px 24px;border-radius:12px;color:#fff;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.25,.8,.25,1)}.btn-download:hover{background:#ffffff26;transform:translateY(-2px);border-color:#fff3;box-shadow:0 10px 30px -10px #00000080}.btn-download svg{width:28px;height:28px;flex-shrink:0}.btn-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.btn-small{font-size:10px;opacity:.8;font-weight:500}.btn-large{font-size:16px;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:24px 0;transition:background .3s}.header.scrolled{background:#050507cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:16px 0}.nav{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero{min-height:100vh;display:flex;align-items:center;padding-top:100px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.hero-content{opacity:0;animation:fadeUp .8s .2s forwards cubic-bezier(.2,.8,.2,1)}.badge{display:inline-flex;padding:8px 16px;border-radius:99px;background:#8c9eff1a;border:1px solid rgba(140,158,255,.2);color:var(--primary);font-size:13px;font-weight:600;margin-bottom:24px;text-transform:uppercase;letter-spacing:1px}.hero h1{font-size:64px;margin-bottom:24px;letter-spacing:-1.5px}.hero p{font-size:20px;color:var(--text-muted);margin-bottom:40px;line-height:1.6;max-width:500px}.download-row{display:flex;gap:16px;flex-wrap:wrap}.hero-visual{position:relative;height:800px;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeScale 1s .5s forwards cubic-bezier(.2,.8,.2,1)}.phone-mockup{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 40px rgba(140,158,255,.15));animation:float 6s ease-in-out infinite}.glow-effect{position:absolute;width:500px;height:500px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);filter:blur(60px);z-index:-1;opacity:.5}.section{padding:120px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}.feature-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:24px;padding:32px;transition:transform .3s}.feature-card:hover{transform:translateY(-5px);background:#ffffff0d}.icon-box{width:50px;height:50px;border-radius:12px;background:#8c9eff1a;color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:24px}.feature-card h3{font-size:20px;margin-bottom:12px}.feature-card p{color:var(--text-muted);line-height:1.6}.footer{padding:60px 0;border-top:1px solid var(--glass-border);margin-top:60px}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px}.footer-logo{font-family:Outfit,sans-serif;font-weight:700;font-size:20px;margin-bottom:12px}.footer p{color:var(--text-muted);font-size:14px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-muted);font-size:14px}.footer-links a:hover{color:var(--primary)}.footer-copyright{margin-top:40px;color:#fff6;font-size:13px;text-align:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 968px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:40px}.hero h1{font-size:48px}.hero p{margin:0 auto 40px}.download-row{justify-content:center}.feature-grid{grid-template-columns:1fr}.hero-visual{height:500px}}.policy-page{min-height:100vh;padding-bottom:80px;background:radial-gradient(circle at 50% 0%,#1a1f35 0%,var(--bg-deep) 60%)}.policy-nav{max-width:1200px;margin:0 auto;padding:24px}.policy-hero{text-align:center;margin-bottom:60px;padding:0 24px}.policy-hero h1{font-size:clamp(32px,5vw,48px);margin-bottom:16px;background:linear-gradient(135deg,#fff 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.policy-updated{color:var(--text-muted);font-size:14px;font-family:Plus Jakarta Sans,sans-serif}.back-link{display:inline-flex;margin-bottom:24px;padding:8px 16px;border-radius:99px;background:#ffffff0d;border:1px solid var(--glass-border);font-size:13px;color:var(--text-muted);transition:all .2s}.back-link:hover{background:#ffffff1a;color:#fff;transform:translate(-4px)}.policy-card{max-width:800px;margin:0 auto;background:var(--glass);border:1px solid var(--glass-border);border-radius:24px;padding:48px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0003}.policy-card h2{font-size:24px;margin:40px 0 20px;color:#fff;border-bottom:1px solid var(--glass-border);padding-bottom:12px}.policy-card h2:first-child{margin-top:0}.policy-card p{color:var(--text-muted);line-height:1.8;margin-bottom:24px;font-size:16px}.policy-card ul{list-style:none;margin-bottom:24px;padding-left:0}.policy-card li{position:relative;padding-left:24px;margin-bottom:12px;color:var(--text-muted);line-height:1.6}.policy-card li:before{content:"•";position:absolute;left:0;color:var(--primary);font-size:20px;line-height:1}.policy-card strong{color:#fff;font-weight:600}.policy-footer{margin-top:80px;border-top:none;padding-top:0}@media (max-width: 768px){.policy-card{padding:24px;margin:0 16px;border-radius:20px}.policy-hero h1{font-size:32px}}.policy-input,.policy-textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:12px;color:#fff;font-size:16px;outline:none;font-family:inherit;transition:border-color .2s}.policy-input:focus,.policy-textarea:focus{border-color:var(--primary);background:#ffffff14}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .3s ease}.admin-modal{background:#0a0a0ccc!important;border:1px solid var(--glass-border);padding:40px;border-radius:24px;width:90%;max-width:450px;box-shadow:0 40px 100px #00000080;animation:modalScaleUp .4s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{font-size:24px;background:linear-gradient(135deg,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.close-btn{background:none;border:none;color:var(--text-muted);font-size:32px;cursor:pointer;line-height:1}.admin-modal p{color:var(--text-muted);margin-bottom:32px;font-size:16px;line-height:1.5}.admin-input{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);padding:16px;border-radius:12px;color:#fff;font-size:18px;letter-spacing:4px;text-align:center;margin-bottom:24px;outline:none;transition:all .3s}.admin-input:focus{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 20px #8c9eff33}.modal-error{color:#ff6b6b;font-size:14px;margin-bottom:24px;text-align:center}.btn-primary-small{width:100%;background:var(--primary);color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-primary-small:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 10px 20px #8c9eff4d}.btn-primary-small:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dashboard-container{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background-color:var(--bg-deep)}.dashboard-sidebar{background:#0a0a0c66;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;padding:32px 16px}.sidebar-header{padding:0 16px 40px}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:none;background:transparent;color:var(--text-muted);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-align:left;width:100%}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#8c9eff1a;color:var(--primary);border:1px solid rgba(140,158,255,.2)}.nav-item.logout{color:#ff6b6b;margin-top:auto}.nav-item.logout:hover{background:#ff6b6b1a}.dashboard-main{flex:1;padding:40px;max-width:1400px;margin:0 auto;width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.dashboard-header h1{font-size:32px;font-family:Outfit,sans-serif}.admin-badge{padding:6px 14px;background:#8c9eff1a;border:1px solid rgba(140,158,255,.2);color:var(--primary);border-radius:99px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.stat-card{background:var(--glass);border:1px solid var(--glass-border);padding:32px;border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stat-card h3{font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.stat-value{font-size:36px;font-family:Outfit,sans-serif;font-weight:700;margin-bottom:12px}.stat-meta{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:13px;color:var(--text-muted)}.stat-trend{font-size:13px;font-weight:700;color:var(--primary)}.pane-content{background:var(--glass);border:1px solid var(--glass-border);border-radius:24px;padding:40px;min-height:400px}.config-card{margin-top:24px}.config-item{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#ffffff08;border-radius:16px;border:1px solid var(--glass-border)}.config-item h3{font-size:18px;margin-bottom:4px}.config-item p{color:var(--text-muted);font-size:14px}.btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline:hover{background:var(--primary);color:#fff}@media (max-width: 1024px){.dashboard-container{grid-template-columns:80px 1fr}.nav-item span,.logo{display:none}}.pane-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.pane-content h2{font-family:Outfit,sans-serif;font-size:24px;color:#fff}.reports-list{display:flex;flex-direction:column;gap:16px}.report-item{background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.report-info{flex:1;min-width:0}.report-info strong{display:block;color:#ff6b6b;font-size:14px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.report-info p{color:#fff;font-size:16px;margin-bottom:8px;word-break:break-word;overflow-wrap:anywhere}.report-meta{color:var(--text-muted);font-size:12px}.report-actions{display:flex;gap:12px;flex-shrink:0}.btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--glass-border)}.btn-ghost:hover{background:#ffffff0d;color:#fff}.btn-success{background:#2ed573;color:#fff}.btn-warning{background:#ffa502;color:#fff}.btn-danger{background:#ff4757;color:#fff}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.search-bar{display:flex;gap:12px;flex:1;max-width:500px}.users-table{display:flex;flex-direction:column;gap:8px;margin-top:24px}.user-row{background:#ffffff05;padding:16px 24px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--glass-border)}.user-row span{font-family:monospace;color:var(--text-muted)}.user-actions{display:flex;gap:12px}.broadcast-form{display:flex;flex-direction:column;gap:20px;max-width:600px;margin-top:32px}.user-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.user-info strong{color:#fff;font-size:16px}.user-info span{font-size:12px;color:var(--text-muted);font-family:monospace}.user-status-badge{padding:4px 12px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.user-status-badge[data-status=ACTIVE]{background:#2ed5731a;color:#2ed573;border:1px solid rgba(46,213,115,.2)}.user-status-badge[data-status=BLOCKED]{background:#ffa5021a;color:#ffa502;border:1px solid rgba(255,165,2,.2)}.user-status-badge[data-status=DISABLED]{background:#ff47571a;color:#ff4757;border:1px solid rgba(255,71,87,.2)}.user-actions{flex-shrink:0}.image-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.image-viewer-content{position:relative;max-width:90%;max-height:90vh;display:flex;align-items:center;justify-content:center;animation:modalScaleUp .4s cubic-bezier(.2,.8,.2,1)}.image-viewer-content img{max-width:100%;max-height:85vh;border-radius:16px;box-shadow:0 40px 100px #00000080;border:1px solid var(--glass-border)}.image-viewer-content .close-btn{position:absolute;top:-40px;right:-20px;background:#ffffff1a;border:1px solid var(--glass-border);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-viewer-content .close-btn:hover{background:#fff3;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}