@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";:root{--bg-color: #030014;--bg-color-light: rgba(255, 255, 255, .03);--bg-glass: rgba(3, 0, 20, .5);--text-main: #ffffff;--text-muted: #94a3b8;--accent: #8b5cf6;--accent-light: #c084fc;--accent-neon: rgba(139, 92, 246, .5);--neon-glow: 0 0 20px rgba(139, 92, 246, .4), 0 0 40px rgba(139, 92, 246, .2);--border-glass: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 15% 50%,rgba(139,92,246,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(56,189,248,.15),transparent 25%);z-index:-1;pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;letter-spacing:-1px}.underline{width:100px;height:4px;background:linear-gradient(90deg,var(--accent),transparent);margin:10px auto 0;border-radius:2px;box-shadow:var(--neon-glow)}.accent{color:transparent;background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}.accent:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:var(--accent);filter:blur(15px);z-index:-1;opacity:.5}.scroll-progress-bar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--accent-light),var(--accent));box-shadow:0 0 10px var(--accent-neon),0 0 20px var(--accent-neon);z-index:9999;width:0%;transition:width .1s ease-out;pointer-events:none}.mouse-glow{width:350px;height:350px;background:radial-gradient(circle,#8b5cf62e,#8b5cf60f 45%,#8b5cf600 70%);border-radius:50%;position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:9998;mix-blend-mode:screen;transition:opacity .3s ease;opacity:0}body:hover .mouse-glow{opacity:1}@media (max-width: 768px){.mouse-glow{display:none}}.nav{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:1000;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.nav-logo a{font-size:1.5rem;font-weight:800;color:var(--text-main);text-decoration:none;letter-spacing:-.5px}.nav-menu.desktop{display:flex;gap:2.5rem;list-style:none}.nav-menu.desktop a{color:var(--text-muted);text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease;position:relative}.nav-menu.desktop a:hover{color:var(--text-main)}.nav-menu.desktop a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background:var(--accent);transition:width .3s ease;box-shadow:var(--neon-glow)}.nav-menu.desktop a:hover:after{width:100%}.nav-pattern{background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-main);padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:inherit;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.nav-pattern:hover{background:#ffffff1a;box-shadow:0 0 15px #ffffff1a}.pattern-icon{width:18px;height:18px;filter:invert(1)}.nav-toggle.mobile{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}.nav-toggle.mobile span{width:25px;height:2px;background:var(--text-main);transition:.3s}.nav-menu.mobile{display:none}@media (max-width: 768px){.nav-menu.desktop,.nav-pattern{display:none}.nav-toggle.mobile{display:flex}.nav-menu.mobile{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);padding:1rem 0;list-style:none;overflow:hidden}.nav-menu.mobile li{text-align:center}.nav-menu.mobile a{display:block;padding:1rem;color:var(--text-main);text-decoration:none;font-size:1.1rem;font-weight:500}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative;overflow:hidden}.hero-content{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.hero-greeting{font-family:Fira Code,monospace;color:var(--accent);font-size:1.2rem;margin-bottom:1rem;letter-spacing:1px}.hero-title{font-size:4.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-2px}.hero-subtitle{font-size:1.5rem;color:var(--text-muted);margin-bottom:3rem;font-weight:300}.hero-socials{display:flex;gap:1.5rem}.hero-socials a{color:var(--text-main);text-decoration:none;font-weight:500;padding:10px 24px;border:1px solid var(--border-glass);border-radius:30px;background:#ffffff08;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-socials a:hover{background:var(--accent);border-color:var(--accent);box-shadow:var(--neon-glow);transform:translateY(-3px)}.hero-visual{position:relative;height:400px;display:flex;justify-content:center;align-items:center}.blob{width:350px;height:350px;background:linear-gradient(135deg,var(--accent),#38bdf8);border-radius:40% 60% 70% 30%/40% 50% 60%;box-shadow:0 0 50px #8b5cf666;animation:morph 8s ease-in-out infinite alternate;display:flex;justify-content:center;align-items:center;overflow:hidden;border:4px solid rgba(255,255,255,.1);position:relative}.profile-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blob:hover .profile-img{transform:scale(1.1)}@keyframes morph{0%{border-radius:40% 60% 70% 30%/40% 50% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media (max-width: 992px){.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-greeting{justify-content:center;display:flex}.hero-socials{justify-content:center}.hero-title{font-size:3.5rem}.hero-visual{height:300px;order:-1}.blob{width:250px;height:250px}}.about{padding:100px 0;position:relative}.about-content{display:grid;grid-template-columns:1fr;gap:4rem;background:#ffffff05;border:1px solid var(--border-glass);border-radius:24px;padding:4rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.about-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.about-text{font-size:1.1rem;color:var(--text-muted);margin-bottom:1.5rem;font-weight:300}.about-stats{display:flex;gap:3rem;margin-top:3rem;padding-top:3rem;border-top:1px solid var(--border-glass)}.stat h3{font-size:3rem;font-weight:800;color:var(--text-main);background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:.5rem}.stat p{color:var(--text-muted);font-size:1rem;text-transform:uppercase;letter-spacing:1px;font-weight:500}@media (max-width: 768px){.about-content{padding:2rem}.about-stats{flex-direction:column;gap:1.5rem;text-align:center}}.skills{padding:100px 0;position:relative}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.skill-card{background:var(--bg-color-light);border:1px solid var(--border-glass);border-radius:20px;padding:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.skill-card:hover{transform:translateY(-5px);border-color:var(--accent-neon);box-shadow:var(--neon-glow)}.skill-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-main);background:linear-gradient(90deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skill-tags{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tag{background:#8b5cf60d;color:var(--accent-light);padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;border:1px solid rgba(139,92,246,.2);transition:all .3s ease;cursor:default}.skill-tag:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 15px var(--accent-neon);transform:scale(1.05)}.work{padding:100px 0}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.work-card{display:flex;flex-direction:column;background:var(--bg-color-light);border:1px solid var(--border-glass);border-radius:20px;padding:2.5rem;text-decoration:none;color:inherit;transition:all .4s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.work-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.work-card:hover{border-color:#ffffff1a;background:#ffffff0d;box-shadow:0 20px 40px #0006}.work-card:hover:before{transform:scaleX(1)}.work-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.work-card h3{font-size:1.5rem;font-weight:700;color:var(--text-main);line-height:1.3}.work-card-header svg{color:var(--text-muted);transition:color .3s ease}.work-card:hover .work-card-header svg{color:var(--accent)}.work-description{color:var(--text-muted);font-size:1rem;margin-bottom:2rem;flex-grow:1}.work-tags{display:flex;flex-wrap:wrap;gap:.6rem}.work-tag{font-size:.8rem;padding:.4rem .8rem;border-radius:6px;background:#ffffff0d;color:var(--text-muted);border:1px solid var(--border-glass);transition:all .3s ease}.work-card:hover .work-tag{border-color:#8b5cf64d;color:var(--accent-light)}.project-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#030014d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:24px}.project-modal{background:#09090b;border:1px solid var(--border-glass);border-radius:24px;width:100%;max-width:650px;padding:3rem;box-shadow:0 30px 60px #000c,var(--neon-glow);position:relative;color:var(--text-main);max-height:90vh;overflow-y:auto}.modal-close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;line-height:1;transition:color .3s ease}.modal-close-btn:hover{color:var(--text-main)}.modal-image-container{width:100%;height:250px;border-radius:16px;overflow:hidden;margin-bottom:2rem;border:1px solid var(--border-glass)}.modal-image{width:100%;height:100%;object-fit:cover}.modal-title{font-size:2.2rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.modal-tag{background:#8b5cf60d;color:var(--accent-light);padding:.4rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;border:1px solid rgba(139,92,246,.2)}.modal-body{margin-bottom:2.5rem}.modal-short-desc{font-size:1.1rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem}.modal-long-desc h4{font-size:1.2rem;font-weight:600;margin-bottom:.8rem;color:var(--text-main)}.modal-long-desc p{color:var(--text-muted);line-height:1.6;font-size:1rem}.modal-actions{display:flex;gap:1.5rem}.btn-primary-link{background:var(--accent);color:#fff;text-decoration:none;padding:.8rem 2rem;border-radius:12px;font-weight:600;box-shadow:0 10px 20px #8b5cf64d;transition:all .3s ease}.btn-primary-link:hover{transform:translateY(-2px);box-shadow:0 15px 30px #8b5cf680}.btn-secondary-link{background:transparent;color:var(--text-main);text-decoration:none;padding:.8rem 2rem;border-radius:12px;font-weight:600;border:1px solid var(--border-glass);transition:all .3s ease}.btn-secondary-link:hover{background:#ffffff0d;border-color:var(--text-main)}@media (max-width: 576px){.project-modal{padding:2rem}.modal-actions{flex-direction:column;gap:1rem}.btn-primary-link,.btn-secondary-link{text-align:center}}.work-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3.5rem}.filter-btn{background:#ffffff05;border:1px solid var(--border-glass);color:var(--text-muted);padding:.6rem 1.4rem;border-radius:50px;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1}.filter-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--accent);opacity:0;z-index:-1;transition:opacity .3s ease}.filter-btn:hover{color:var(--text-main);border-color:#fff3;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.filter-btn.active{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 0 15px #8b5cf666;font-weight:600}.blog{padding:100px 0;position:relative}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.blog-card{display:flex;flex-direction:column;background:var(--bg-color-light);border:1px solid var(--border-glass);border-radius:20px;padding:2.5rem;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.blog-card:hover{border-color:#ffffff1a;background:#ffffff0d;box-shadow:0 20px 40px #0006}.blog-card:hover:before{transform:scaleX(1)}.blog-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.blog-category{color:var(--accent-light);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-card h3{font-size:1.4rem;font-weight:700;color:var(--text-main);line-height:1.3;margin-bottom:1rem}.blog-summary{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.blog-read-more{color:var(--accent-light);font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:5px;transition:gap .3s ease}.blog-card:hover .blog-read-more{gap:10px}.blog-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#030014d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:24px}.blog-modal{background:#09090b;border:1px solid var(--border-glass);border-radius:24px;width:100%;max-width:750px;padding:3.5rem;box-shadow:0 30px 60px #000c,var(--neon-glow);position:relative;color:var(--text-main);max-height:90vh;overflow-y:auto;text-align:left}.blog-modal-header{border-bottom:1px solid var(--border-glass);padding-bottom:1.5rem;margin-bottom:2rem}.blog-modal-meta{display:flex;gap:1.5rem;font-size:.9rem;color:var(--text-muted);margin-top:.5rem}.blog-modal-title{font-size:2.5rem;font-weight:800;line-height:1.2;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-modal-content{color:#e4e4e7;font-size:1.1rem;line-height:1.8}.blog-modal-content h3,.blog-modal-content h4{color:var(--text-main);margin-top:2rem;margin-bottom:1rem;font-weight:700}.blog-modal-content p{margin-bottom:1.5rem;font-weight:300}.blog-modal-content ul,.blog-modal-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-modal-content li{margin-bottom:.5rem}.blog-modal-content pre{background:#ffffff08;border:1px solid var(--border-glass);border-radius:12px;padding:1.2rem;overflow-x:auto;margin:1.5rem 0}.blog-modal-content code{font-family:Fira Code,monospace;font-size:.95rem;color:var(--accent-light)}@media (max-width: 768px){.blog-modal{padding:2.5rem 1.5rem}.blog-modal-title{font-size:2rem}}.contact{padding:100px 0;position:relative}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:flex-start;background:var(--bg-color-light);border:1px solid var(--border-glass);border-radius:24px;padding:4rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-text p{font-size:1.5rem;color:var(--text-main);margin-bottom:2rem;line-height:1.4;font-weight:600}.contact-links{display:flex;flex-direction:column;gap:1.5rem}.contact-links a{color:var(--text-muted);text-decoration:none;font-size:1.2rem;display:inline-block;transition:color .3s ease}.contact-links a:hover{color:var(--accent);text-shadow:var(--neon-glow)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem 1.5rem;background:#ffffff08;border:1px solid var(--border-glass);border-radius:12px;color:var(--text-main);font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:#8b5cf60d;box-shadow:0 0 20px #8b5cf626}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{padding:1rem 2rem;background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 10px 20px #8b5cf64d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px #8b5cf666}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.status-message{padding:1rem;border-radius:8px;text-align:center;font-weight:500;margin-top:1rem}.status-message.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-message.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}@media (max-width: 992px){.contact-content{grid-template-columns:1fr;padding:2rem;gap:3rem}}.footer{padding:2rem 0;border-top:1px solid var(--border-glass);background:var(--bg-color);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.3}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-content p{color:var(--text-muted);font-size:.9rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:var(--accent)}@media (max-width: 768px){.footer-content{flex-direction:column;gap:1.5rem;text-align:center}}.admin-panel{min-height:100vh;background-color:var(--bg-color);color:var(--text-main);padding:4rem 2rem;font-family:inherit}.login-container{max-width:400px;margin:100px auto 0;background:var(--bg-color-light);border:1px solid var(--border-glass);border-radius:20px;padding:3rem 2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px #00000080;text-align:center}.login-container h2{font-size:2rem;margin-bottom:2rem;font-weight:800;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-dashboard{max-width:1200px;margin:0 auto;background:var(--bg-color-light);border:1px solid var(--border-glass);border-radius:24px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-glass);padding-bottom:1.5rem;margin-bottom:2rem}.admin-header h1{font-size:2.2rem;font-weight:800}.btn-secondary{background:transparent;border:1px solid var(--border-glass);color:var(--text-muted);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-secondary:hover{background:#ffffff0d;color:var(--text-main);border-color:var(--text-main)}.admin-tabs{display:flex;gap:1rem;margin-bottom:2.5rem;border-bottom:1px solid var(--border-glass);padding-bottom:1rem;flex-wrap:wrap}.tab-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;font-weight:600;padding:.5rem 1.5rem;cursor:pointer;transition:all .3s ease;position:relative}.tab-btn.active{color:var(--accent-light)}.tab-btn.active:after{content:"";position:absolute;bottom:-17px;left:0;width:100%;height:2px;background:var(--accent);box-shadow:var(--neon-glow)}.admin-form{background:#ffffff05;border:1px solid var(--border-glass);border-radius:16px;padding:2rem;margin-bottom:3rem}.admin-form h3{margin-bottom:1.5rem;font-size:1.3rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:1rem}}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;margin-top:1rem}.admin-table th,.admin-table td{padding:1.2rem;text-align:left;border-bottom:1px solid var(--border-glass)}.admin-table th{color:var(--text-main);font-weight:700;background:#ffffff05}.admin-table td{color:var(--text-muted)}.action-btns{display:flex;gap:.8rem}.btn-edit{background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.2);padding:.4rem .8rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-edit:hover{background:#38bdf8;color:#fff}.btn-delete{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:.4rem .8rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-delete:hover{background:#ef4444;color:#fff}.btn-primary{background:var(--accent);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf633}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.message-card{background:#ffffff05;border:1px solid var(--border-glass);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;position:relative}.message-header{display:flex;justify-content:space-between;margin-bottom:1rem}.message-meta h4{color:var(--text-main);font-size:1.1rem}.message-meta span{font-size:.85rem;color:var(--text-muted)}.message-body{color:var(--text-muted);font-size:1rem;line-height:1.5;white-space:pre-wrap}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:3rem}.analytics-card{background:#ffffff05;border:1px solid var(--border-glass);border-radius:20px;padding:2.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,border-color .3s ease}.analytics-card:hover{transform:translateY(-5px);border-color:var(--accent-neon)}.analytics-card h4{font-size:1rem;color:var(--text-muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.analytics-card .stat-value{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}