@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#030812;--blue-900:#0a1628;--blue-800:#0f2040;--blue-700:#1a3a6b;--blue-500:#2d6be4;--blue-400:#4d87f7;--blue-300:#7aaaf9;--blue-glow:#2d6be466;--glass:#0a162899;--border:#4d87f733;--text:#e8f0ff;--muted:#6b88b8;--error:#f87171}.wrapper{background:radial-gradient(70% 60% at 30% 20%,#2d6be42e 0%,#0000 55%),radial-gradient(50% 40% at 80% 80%,#4d87f71a 0%,#0000 50%),#030812;justify-content:center;align-items:center;min-height:100vh;font-family:DM Sans,sans-serif;display:flex;position:relative;overflow:hidden}.wrapper:before{content:"";pointer-events:none;background-image:linear-gradient(#2d6be40a 1px,#0000 1px),linear-gradient(90deg,#2d6be40a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.wrapper:after{content:"";pointer-events:none;background:radial-gradient(circle,#2d6be41f 0%,#0000 65%);border-radius:50%;width:320px;height:320px;animation:8s ease-in-out infinite floatOrb;position:absolute;top:15%;right:10%}@keyframes floatOrb{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-24px)scale(1.04)}}.card{background:var(--glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);text-align:center;border-radius:28px;width:440px;max-width:92%;padding:52px 44px;animation:.6s cubic-bezier(.22,1,.36,1) both riseIn;position:relative;box-shadow:0 0 0 1px #4d87f70f,0 24px 64px #00000080,inset 0 0 80px #2d6be414}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--blue-400), var(--blue-300), transparent);border-radius:0 0 4px 4px;height:2px;position:absolute;top:0;left:10%;right:10%}@keyframes riseIn{0%{opacity:0;transform:translateY(32px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo{background:linear-gradient(135deg, var(--blue-700), var(--blue-500));width:56px;height:56px;box-shadow:0 0 28px var(--blue-glow), 0 8px 20px #0000004d;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;font-size:26px;display:inline-flex}.card h2{color:var(--text);letter-spacing:.5px;margin-bottom:6px;font-family:Syne,sans-serif;font-size:28px;font-weight:800}.card .subtitle{color:var(--muted);margin-bottom:36px;font-size:14px}.input-group{text-align:left;margin-bottom:16px;position:relative}.input-group label{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:500;display:block}.input-group input{width:100%;color:var(--text);background:#0a1628b3;border:1px solid #4d87f72e;border-radius:12px;outline:none;padding:13px 18px;font-family:DM Sans,sans-serif;font-size:15px;transition:all .25s}.input-group input::placeholder{color:#3a5070}.input-group input:focus{border-color:var(--blue-400);background:#0f2040cc;box-shadow:0 0 0 3px #2d6be42e,0 0 20px #2d6be41a}.error-message{color:var(--error);text-align:left;background:#f871711a;border:1px solid #f8717140;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:13.5px}.card button{background:linear-gradient(135deg, var(--blue-500) 0%, var(--blue-400) 100%);color:#fff;cursor:pointer;letter-spacing:.4px;border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 4px 20px #2d6be459}.card button:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000);position:absolute;inset:0}.card button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2d6be480}.card button:active{transform:translateY(0)}.login-footer{color:#2a3f5f;margin-top:28px;font-size:12px}:root{--blue-950:#050d1a;--blue-700:#1a3a6b;--blue-500:#2d6be4;--blue-400:#4d87f7;--blue-300:#7aaaf9;--blue-glow:#2d6be459;--glass-bdr:#4d87f72e;--text-pri:#e8f0ff;--text-muted:#6b88b8;--sb-full:260px;--sb-mini:72px}.sidebar{width:var(--sb-mini);background:linear-gradient(180deg, var(--blue-950) 0%, #030812 100%);border-right:1px solid var(--glass-bdr);z-index:100;flex-direction:column;min-height:100vh;transition:width .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background-image:linear-gradient(#2d6be408 1px,#0000 1px),linear-gradient(90deg,#2d6be408 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.sidebar:after{content:"";pointer-events:none;background:radial-gradient(circle,#2d6be429 0%,#0000 65%);border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;left:-60px}@media (width>=769px){.sidebar:hover{width:var(--sb-full)}}.logo{border-bottom:1px solid var(--glass-bdr);flex-shrink:0;justify-content:center;align-items:center;gap:11px;padding:20px 16px;display:flex;overflow:hidden}.logo-icon{background:linear-gradient(135deg, var(--blue-500), var(--blue-300));color:#fff;width:36px;height:36px;box-shadow:0 0 18px var(--blue-glow), 0 4px 12px #0000004d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.logo-icon svg{width:18px;height:18px}.logo-text{letter-spacing:2.5px;background:linear-gradient(135deg, #e8f0ff 0%, var(--blue-300) 100%);-webkit-text-fill-color:transparent;opacity:0;white-space:nowrap;-webkit-background-clip:text;background-clip:text;width:0;font-family:Syne,sans-serif;font-size:18px;font-weight:800;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar:hover .logo-text{opacity:1;width:110px}.sidebar nav{flex-direction:column;flex:1;gap:3px;padding:18px 10px;display:flex}.sidebar a{height:46px;color:var(--text-muted);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:0 5px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .22s;display:flex;position:relative;overflow:hidden}.sidebar:hover a{justify-content:flex-start;padding:0 13px}.sidebar a .icon{width:36px;height:36px;color:inherit;background:#2d6be412;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .22s;display:flex}.sidebar a .icon svg{stroke:currentColor;width:17px;height:17px}.sidebar a .text{opacity:0;letter-spacing:.2px;width:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar:hover a .text{opacity:1;width:140px}.sidebar a:hover{color:var(--text-pri);background:#2d6be41a}.sidebar a:hover .icon{color:var(--blue-400);background:#2d6be433}.sidebar a.active{color:var(--text-pri);background:linear-gradient(135deg,#2d6be438,#4d87f71a);border:1px solid #4d87f733}.sidebar a.active .icon{background:linear-gradient(135deg, var(--blue-500), var(--blue-400));color:#fff;box-shadow:0 0 14px var(--blue-glow)}.sidebar a.active:before{content:"";background:linear-gradient(180deg, var(--blue-400), var(--blue-500));width:3px;height:60%;box-shadow:0 0 8px var(--blue-glow);border-radius:0 3px 3px 0;position:absolute;top:20%;left:0}.sidebar-footer{border-top:1px solid var(--glass-bdr);flex-shrink:0;padding:12px 10px}.sidebar-user{background:#2d6be40f;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:9px 8px;display:flex;overflow:hidden}.sidebar:hover .sidebar-user{justify-content:flex-start}.sidebar-avatar{background:linear-gradient(135deg, var(--blue-700), var(--blue-500));color:#fff;width:34px;height:34px;box-shadow:0 0 10px var(--blue-glow);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:12px;font-weight:700;display:flex}.sidebar-user-info{opacity:0;width:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar:hover .sidebar-user-info{opacity:1;width:150px}.sidebar-user-info .user-name{color:var(--text-pri);white-space:nowrap;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500}.sidebar-user-info .user-role{color:var(--blue-400);white-space:nowrap;font-family:DM Sans,sans-serif;font-size:11px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar a{animation:.28s backwards slideInLeft}.sidebar a:first-child{animation-delay:50ms}.sidebar a:nth-child(2){animation-delay:.1s}.sidebar a:nth-child(3){animation-delay:.15s}.sidebar a:nth-child(4){animation-delay:.2s}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--blue-700);border-radius:4px}@media (width<=768px){.sidebar{width:var(--sb-mini)}.sidebar a{justify-content:center;padding:0 5px}.sidebar a .text{display:none}.sidebar a.active:before{border-radius:3px 3px 0 0;width:60%;height:3px;top:auto;bottom:0;left:20%}.sidebar-user{justify-content:center}}.layout{background:#030812;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}.layout-main{background:radial-gradient(60% 50% at 70% 10%,#2d6be41f 0%,#0000 60%),radial-gradient(40% 35% at 10% 80%,#4d87f712 0%,#0000 55%),linear-gradient(#05101f 0%,#030812 100%);flex:1;min-height:100vh;margin-left:72px;transition:margin-left .35s cubic-bezier(.4,0,.2,1);position:relative}.layout:has(.sidebar:hover) .layout-main{margin-left:260px}.layout-header{z-index:50;-webkit-backdrop-filter:blur(20px);background:#05101fb3;border-bottom:1px solid #4d87f71f;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0;box-shadow:0 4px 32px #0000004d}.layout-header h1{color:#e8f0ff;letter-spacing:.5px;align-items:center;gap:10px;margin:0;font-family:Syne,sans-serif;font-size:20px;font-weight:700;display:flex}.header-title-icon{background:linear-gradient(135deg,#2d6be44d,#4d87f726);border:1px solid #4d87f740;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.header-breadcrumb{color:#4a6a9a;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.header-breadcrumb span+span:before{content:"/";opacity:.5;margin-right:6px}.header-user{align-items:center;gap:12px;display:flex}.header-status{color:#7aaaf9;background:#2d6be41a;border:1px solid #4d87f726;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12px;display:flex}.status-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;box-shadow:0 0 6px #4ade8099}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.avatar{color:#fff;background:linear-gradient(135deg,#1a3a6b,#2d6be4);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;display:flex;box-shadow:0 0 14px #2d6be459}.name{color:#6b88b8;font-size:13.5px;font-weight:400}.logout-btn{color:#6b88b8;cursor:pointer;background:#2d6be414;border:1px solid #4d87f733;border-radius:20px;align-items:center;gap:6px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .25s;display:flex}.logout-btn:hover{color:#f87171;background:#ef44441a;border-color:#ef444459}.layout-content{padding:28px;animation:.4s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.layout-main::-webkit-scrollbar{width:6px}.layout-main::-webkit-scrollbar-track{background:#030812}.layout-main::-webkit-scrollbar-thumb{background:#1a3a6b;border-radius:6px}.layout-main::-webkit-scrollbar-thumb:hover{background:#2d6be4}@media (width<=768px){.layout-main{margin-left:72px!important}.layout-header{padding:12px 16px}.layout-header h1{font-size:16px}.layout-content{padding:16px}.name,.header-status{display:none}}.dashboard-page{background:#0a0a0a;min-height:100vh}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px;display:grid}.stat-card{text-align:center;background:#1e1e1e;border:1px solid #2d2d2d;border-radius:20px;padding:25px;transition:all .3s}.stat-card:hover{border-color:gold;transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.stat-icon{margin-bottom:15px;font-size:48px}.stat-number{color:gold;margin-bottom:10px;font-size:36px;font-weight:800}.stat-label{color:#b0b0b0;text-transform:uppercase;letter-spacing:1px;font-size:14px}.welcome-section{text-align:center;background:linear-gradient(135deg,#1e1e1e 0%,#2d2d2d 100%);border:1px solid #ffd70033;border-radius:24px;margin-bottom:30px;padding:40px}.welcome-section h2{color:gold;margin-bottom:15px;font-size:28px}.welcome-section p{color:#b0b0b0;font-size:16px;line-height:1.6}.recent-section{background:#1e1e1e;border:1px solid #2d2d2d;border-radius:20px;padding:25px}.recent-section h3{color:gold;border-bottom:1px solid #2d2d2d;margin-bottom:20px;padding-bottom:10px;font-size:20px}.activity-item{color:#b0b0b0;border-bottom:1px solid #2d2d2d;align-items:center;gap:15px;padding:12px 0;display:flex}.activity-icon{font-size:20px}.activity-text{flex:1}.activity-time{color:#666;font-size:12px}@media (width<=768px){.stats-grid{gap:15px}.stat-card{padding:20px}.stat-number{font-size:28px}.welcome-section{padding:25px}.welcome-section h2{font-size:22px}}:root{--bg:#030812;--surface:#0a1628b3;--surface-2:#0f204073;--blue-700:#1a3a6b;--blue-500:#2d6be4;--blue-400:#4d87f7;--blue-300:#7aaaf9;--blue-glow:#2d6be44d;--border:#4d87f724;--border-h:#4d87f752;--text:#e8f0ff;--text-2:#a0b8d8;--muted:#6b88b8;--danger:#f87171;--success:#4ade80}.users-page-modern{padding:0;font-family:DM Sans,sans-serif;position:relative}.users-header-modern{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.header-title h2{color:var(--text);margin:0 0 4px;font-family:Syne,sans-serif;font-size:22px;font-weight:700}.total-count{color:var(--muted);font-size:13px}.search-box input{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);width:280px;color:var(--text);border-radius:12px;outline:none;padding:11px 18px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .25s}.search-box input::placeholder{color:#2a4060}.search-box input:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px #2d6be426}.users-table-container{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.users-table{border-collapse:collapse;width:100%}.users-table thead{border-bottom:1px solid var(--border);background:#05101fcc}.users-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:1px;padding:16px;font-size:11.5px;font-weight:600}.users-table td{color:var(--text-2);cursor:pointer;border-bottom:1px solid #4d87f712;padding:14px 16px;font-size:14px;transition:background .2s}.users-table tbody tr:hover{background:#2d6be40f}.users-table tbody tr.selected-row{border-left:2px solid var(--blue-400);background:#2d6be41f}.users-table tbody tr:last-child td{border-bottom:none}.user-cell{align-items:center;gap:12px;display:flex}.user-avatar-table{flex-shrink:0;width:40px;height:40px}.user-avatar-table img{object-fit:cover;border:1.5px solid var(--blue-400);border-radius:10px;width:100%;height:100%}.avatar-placeholder-table{background:linear-gradient(135deg, var(--blue-700), var(--blue-500));color:#fff;width:40px;height:40px;box-shadow:0 0 12px var(--blue-glow);border-radius:10px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.user-name-table .name{color:var(--text);margin-bottom:3px;font-size:14px;font-weight:600}.user-name-table .user-id{color:#2a4060;font-family:monospace;font-size:11px}.email-cell{color:var(--muted);font-family:monospace;font-size:13px}.role-badge{border-radius:20px;padding:4px 11px;font-size:11.5px;font-weight:600;display:inline-block}.role-badge.admin{color:var(--blue-300);background:#2d6be433;border:1px solid #2d6be44d}.role-badge.manager{color:var(--blue-400);background:#4d87f71f;border:1px solid #4d87f733}.role-badge.user{color:var(--muted);border:1px solid var(--border);background:#ffffff0d}.status-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.status-badge.active{color:var(--success);background:#4ade801a;border:1px solid #4ade8033}.status-badge.blocked{color:var(--danger);background:#f871711a;border:1px solid #f8717133}.action-btn{cursor:pointer;border-radius:20px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.action-btn.block{color:var(--danger);background:#f8717114;border:1px solid #f8717138}.action-btn.unblock{color:var(--success);background:#4ade8014;border:1px solid #4ade8038}.action-btn.block:hover{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 3px 14px #f871714d}.action-btn.unblock:hover{background:var(--success);color:#000;border-color:var(--success);box-shadow:0 3px 14px #4ade804d}.action-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-modern{border-top:1px solid var(--border);background:#05101f99;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex}.pagination-modern button{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:8px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s}.pagination-modern button:hover:not(:disabled){background:var(--blue-500);border-color:var(--blue-500);color:#fff;box-shadow:0 3px 14px var(--blue-glow)}.pagination-modern button:disabled{opacity:.35;cursor:not-allowed}.pagination-modern .page-info{color:var(--blue-300);padding:0 8px;font-size:13px;font-weight:600}.user-details-sidebar{-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--border-h);z-index:1000;background:#081224eb;flex-direction:column;width:360px;height:100vh;animation:.3s cubic-bezier(.22,1,.36,1) slideInPanel;display:flex;position:fixed;top:0;right:0;box-shadow:-12px 0 48px #00000080}@keyframes slideInPanel{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sidebar-header h3{color:var(--text);margin:0;font-family:Syne,sans-serif;font-size:17px}.close-btn{color:var(--danger);cursor:pointer;background:#f8717114;border:1px solid #f8717133;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.close-btn:hover{background:var(--danger);color:#fff}.sidebar-content{text-align:center;flex:1;padding:24px;overflow-y:auto}.detail-avatar{width:100px;height:100px;margin:0 auto 16px}.detail-avatar img{object-fit:cover;border:2px solid var(--blue-400);width:100%;height:100%;box-shadow:0 0 20px var(--blue-glow);border-radius:22px}.detail-avatar-placeholder{background:linear-gradient(135deg, var(--blue-700), var(--blue-500));color:#fff;width:100px;height:100px;box-shadow:0 0 20px var(--blue-glow);border-radius:22px;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:36px;font-weight:700;display:flex}.sidebar-content h4{color:var(--text);margin:0 0 4px;font-family:Syne,sans-serif;font-size:20px}.detail-email{color:var(--muted);margin-bottom:24px;font-size:14px}.detail-stats{border:1px solid var(--border);background:#05101f99;border-radius:14px;gap:10px;margin-bottom:24px;padding:16px;display:flex}.stat{text-align:center;flex:1}.stat-value{color:var(--blue-300);font-family:Syne,sans-serif;font-size:22px;font-weight:700;display:block}.stat-label{color:var(--muted);font-size:11px}.detail-info{text-align:left}.info-row{border-bottom:1px solid #4d87f714;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.info-label{color:var(--muted);font-size:13px;font-weight:500}.info-value{color:var(--text);font-size:13px}.info-value.active{color:var(--success)}.info-value.blocked{color:var(--danger)}.info-value.bio{color:var(--text-2);font-style:italic}.loading-state{text-align:center;padding:60px}.spinner{border:2.5px solid #4d87f726;border-top-color:var(--blue-400);border-radius:50%;width:44px;height:44px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:var(--muted);font-size:14px}@media (width<=900px){.desktop-table{display:none}.mobile-cards{display:block}}@media (width>=901px){.desktop-table{display:block}.mobile-cards{display:none}}.cards-grid{flex-direction:column;gap:14px;display:flex}.user-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);cursor:pointer;border-radius:16px;padding:18px;transition:all .25s;animation:.3s both fadeUp}.user-card:hover{border-color:var(--border-h);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--border);gap:14px;margin-bottom:14px;padding-bottom:14px;display:flex}.user-avatar-card{flex-shrink:0;width:52px;height:52px}.user-avatar-card img{object-fit:cover;border:1.5px solid var(--blue-400);border-radius:13px;width:100%;height:100%}.avatar-placeholder-card{background:linear-gradient(135deg, var(--blue-700), var(--blue-500));color:#fff;width:52px;height:52px;box-shadow:0 0 14px var(--blue-glow);border-radius:13px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.card-name{color:var(--text);margin-bottom:4px;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.card-email{color:var(--muted);word-break:break-all;margin-bottom:3px;font-size:12.5px}.card-id{color:#2a4060;font-family:monospace;font-size:11px}.card-body{flex-direction:column;gap:12px;display:flex}.card-badges{flex-wrap:wrap;gap:8px;display:flex}.card-stats{border:1px solid var(--border);background:#05101f80;border-radius:12px;gap:10px;padding:12px;display:flex}.card-stat{text-align:center;flex:1}.card-stat .stat-value{color:var(--blue-300);font-family:Syne,sans-serif;font-size:18px;font-weight:700;display:block}.card-stat .stat-label{color:var(--muted);font-size:11px}.card-action-btn{cursor:pointer;border-radius:12px;width:100%;padding:11px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.card-action-btn.block{color:var(--danger);background:#f8717114;border:1px solid #f8717138}.card-action-btn.unblock{color:var(--success);background:#4ade8014;border:1px solid #4ade8038}.card-action-btn.block:hover{background:var(--danger);color:#fff}.card-action-btn.unblock:hover{background:var(--success);color:#000}.card-action-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-mobile{justify-content:center;align-items:center;gap:14px;margin-top:20px;padding:16px;display:flex}.pagination-mobile button{background:var(--surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:20px;padding:8px 18px;font-family:DM Sans,sans-serif;transition:all .2s}.pagination-mobile button:hover:not(:disabled){background:var(--blue-500);color:#fff;border-color:var(--blue-500)}.pagination-mobile button:disabled{opacity:.35}.pagination-mobile .page-info{color:var(--blue-300);font-weight:600}@media (width<=768px){.search-box input{width:100%}.users-header-modern{flex-direction:column;align-items:stretch}}@media (width<=900px){.user-details-sidebar{width:100%;max-width:380px}}:root{--bg:#030812;--surface:#0a1628b3;--surface-2:#0f204080;--blue-700:#1a3a6b;--blue-500:#2d6be4;--blue-400:#4d87f7;--blue-300:#7aaaf9;--blue-glow:#2d6be459;--border:#4d87f729;--border-h:#4d87f759;--text:#e8f0ff;--muted:#6b88b8;--danger:#f87171;--success:#4ade80}.admin-page{padding:0;font-family:DM Sans,sans-serif}.section-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:16px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;display:flex}.section-title:after{content:"";background:var(--border);flex:1;height:1px}.form-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;margin-bottom:36px;padding:28px;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.form-card:before{content:"";background:linear-gradient(90deg, transparent, var(--blue-400), transparent);height:2px;position:absolute;top:0;left:0;right:0}.form-card:hover{border-color:var(--border-h);box-shadow:0 12px 40px #0006,0 0 40px #2d6be40f}.form-card h2{color:var(--text);margin-bottom:24px;font-family:Syne,sans-serif;font-size:22px;font-weight:700}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px;display:grid}.form-grid input{border:1px solid var(--border);color:var(--text);background:#05101f99;border-radius:12px;outline:none;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .25s}.form-grid input::placeholder{color:#3a5070}.form-grid input:focus{border-color:var(--blue-400);background:#0a1628cc;box-shadow:0 0 0 3px #2d6be426}.add-btn{background:linear-gradient(135deg, var(--blue-500), var(--blue-400));color:#fff;cursor:pointer;letter-spacing:.3px;border:none;border-radius:12px;width:100%;padding:13px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .25s;box-shadow:0 4px 20px #2d6be459}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2d6be480}.list-section h2{color:var(--text);margin-bottom:20px;font-family:Syne,sans-serif;font-size:22px;font-weight:700}.cards-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.manager-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:20px;transition:all .25s;animation:.35s backwards fadeUp;display:flex;position:relative;overflow:hidden}.manager-card:before{content:"";background:linear-gradient(180deg, var(--blue-400), var(--blue-500));width:3px;box-shadow:0 0 10px var(--blue-glow);border-radius:0 3px 3px 0;transition:transform .25s;position:absolute;top:15%;bottom:15%;left:0;transform:scaleY(0)}.manager-card:hover:before{transform:scaleY(1)}.manager-card:hover{border-color:var(--border-h);transform:translateY(-3px);box-shadow:0 12px 36px #0006,0 0 30px #2d6be40f}.manager-avatar{background:linear-gradient(135deg, var(--blue-700), var(--blue-500));color:#fff;width:44px;height:44px;box-shadow:0 0 14px var(--blue-glow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:16px;font-weight:700;display:flex}.manager-info{flex:1}.manager-info .name{color:var(--text);margin-bottom:5px;font-size:16px;font-weight:600}.manager-info .email{color:var(--muted);margin-bottom:4px;font-size:13px}.manager-info .id{color:#2a4060;font-family:monospace;font-size:11px}.delete-btn{color:var(--danger);cursor:pointer;background:#f8717114;border:1px solid #f8717138;border-radius:20px;flex-shrink:0;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .25s}.delete-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:scale(1.04);box-shadow:0 4px 16px #f871714d}.empty-state{text-align:center;background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:60px 40px}.empty-state p{color:var(--muted);margin-top:12px;font-size:15px}.empty-state .gold{font-size:52px}.loading{text-align:center;color:var(--blue-300);justify-content:center;align-items:center;gap:10px;padding:40px;font-size:15px;display:flex}.loading:before{content:"";border:2px solid #4d87f733;border-top-color:var(--blue-400);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.notification{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-left:3px solid var(--blue-400);color:var(--text);z-index:1000;border-radius:14px;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:14px;animation:.3s slideNotif;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0006}.notification.error{border-left-color:var(--danger)}.notification.success{border-left-color:var(--success)}@keyframes slideNotif{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.manager-card:first-child{animation-delay:40ms}.manager-card:nth-child(2){animation-delay:80ms}.manager-card:nth-child(3){animation-delay:.12s}.manager-card:nth-child(4){animation-delay:.16s}.manager-card:nth-child(5){animation-delay:.2s}.manager-card:nth-child(6){animation-delay:.24s}@media (width<=768px){.form-grid{grid-template-columns:1fr;gap:12px}.cards-container{grid-template-columns:1fr}.manager-card{flex-direction:column;align-items:flex-start}.delete-btn{text-align:center;width:100%}}:root{--bg:#030812;--surface:#0a1628b8;--surface-2:#0f204073;--surface-3:#05101f99;--blue-700:#1a3a6b;--blue-500:#2d6be4;--blue-400:#4d87f7;--blue-300:#7aaaf9;--blue-glow:#2d6be447;--border:#4d87f724;--border-h:#4d87f74d;--text:#e8f0ff;--text-2:#a0b8d8;--muted:#6b88b8;--dim:#2a4060;--danger:#f87171;--tr:all .22s ease}*{box-sizing:border-box;margin:0;padding:0}.posts-page{max-width:860px;margin:0 auto;padding:4px 0 48px;font-family:DM Sans,sans-serif}.posts-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:26px;padding-bottom:16px;display:flex}.page-title{color:var(--text);font-family:Syne,sans-serif;font-size:21px;font-weight:700}.search-wrapper{flex:1;max-width:280px}.search-input{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);width:100%;color:var(--text);transition:var(--tr);border-radius:11px;outline:none;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:14px}.search-input::placeholder{color:var(--dim)}.search-input:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px #2d6be424}.posts-grid{flex-direction:column;gap:18px;display:flex}.post-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);transition:var(--tr);border-radius:20px;padding:20px;animation:.32s both fadeUp;box-shadow:0 4px 24px #00000038}.post-card:hover{border-color:var(--border-h);box-shadow:0 8px 36px #00000061,0 0 28px #2d6be40d}.post-header-row{align-items:center;gap:11px;margin-bottom:14px;display:flex}.post-user-avatar{border:1.5px solid var(--blue-400);width:42px;height:42px;box-shadow:0 0 10px var(--blue-glow);background:linear-gradient(135deg, var(--blue-700), var(--blue-500));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.post-user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.post-user-avatar span{color:#fff;font-size:15px;font-weight:700}.post-user-info{flex-direction:column;flex:1;display:flex}.user-name{color:var(--text);font-size:14.5px;font-weight:600}.post-date{color:var(--dim);margin-top:2px;font-size:11.5px}.post-delete{width:28px;height:28px;color:var(--muted);cursor:pointer;transition:var(--tr);background:#f8717112;border:1px solid #f871712e;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.post-delete:hover{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 2px 12px #f8717147}.post-body{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.post-text-col{flex:1;min-width:0}.post-text{color:var(--text-2);white-space:pre-wrap;word-break:break-word;font-size:14.5px;line-height:1.65}.tag{color:var(--blue-300);background:#2d6be41f;border:1px solid #4d87f733;border-radius:20px;margin-top:8px;padding:3px 11px;font-size:12px;font-weight:500;display:inline-block}.post-images-col{border-radius:14px;flex-shrink:0;gap:5px;width:42%;max-width:300px;display:grid;position:relative;overflow:hidden}.post-images-col.layout-1{grid-template-columns:1fr}.post-images-col.layout-1 .post-image{height:200px}.post-images-col.layout-2{grid-template-columns:1fr}.post-images-col.layout-2 .post-image{height:100px}.post-images-col.layout-3{grid-template-columns:1fr 1fr}.post-images-col.layout-3 .post-image:first-child{grid-column:1/-1;height:120px}.post-images-col.layout-3 .post-image{height:80px}.post-images-col.layout-4{grid-template-columns:1fr 1fr}.post-images-col.layout-4 .post-image{height:95px}.post-image{object-fit:cover;cursor:pointer;width:100%;transition:var(--tr);border-radius:10px;display:block}.post-image:hover{opacity:.88;transform:scale(1.02)}.images-more{color:var(--blue-300);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030812b8;border-radius:20px;padding:3px 9px;font-size:12px;position:absolute;bottom:8px;right:8px}.post-body:not(.has-images) .post-text-col{width:100%}.post-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:10px;margin-bottom:10px;padding:10px 0;display:flex}.stat{color:var(--text-2);size:.5;align-items:center;gap:5px;font-size:13.5px;display:flex}.comments-toggle{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--blue-300);cursor:pointer;transition:var(--tr);text-align:left;border-radius:11px;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.comments-toggle:hover{border-color:var(--blue-400);color:var(--text);background:#2d6be426}.comments-section{flex-direction:column;gap:10px;margin-top:14px;display:flex}.comment-item{background:var(--surface-3);border:1px solid var(--border);transition:var(--tr);border-radius:13px;padding:13px 14px}.comment-item:hover{border-color:var(--border-h)}.comment-header{align-items:center;gap:9px;margin-bottom:8px;display:flex}.comment-user-avatar{background:var(--surface-2);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.comment-user-avatar img{object-fit:cover;width:100%;height:100%}.comment-user-avatar span{color:var(--blue-300);font-size:11px;font-weight:700}.comment-user-name{color:var(--text);flex:1;font-size:13px;font-weight:600}.comment-delete{width:22px;height:22px;color:var(--muted);cursor:pointer;transition:var(--tr);background:#f8717112;border:1px solid #f8717126;border-radius:6px;justify-content:center;align-items:center;font-size:10px;display:flex}.comment-delete:hover{background:var(--danger);border-color:var(--danger);color:#fff}.comment-text{color:var(--text-2);margin:0 0 8px 37px;font-size:13.5px;line-height:1.55}.replies-toggle{color:var(--blue-400);cursor:pointer;transition:var(--tr);background:0 0;border:none;border-radius:20px;margin-left:37px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:12px}.replies-toggle:hover{color:var(--text);background:#2d6be41f}.replies-section{border-left:2px solid #4d87f724;flex-direction:column;gap:7px;margin:8px 0 0 37px;padding-left:12px;display:flex}.reply-item{border:1px solid var(--border);background:#05101f80;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.reply-user-avatar{background:var(--surface-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex;overflow:hidden}.reply-user-avatar img{object-fit:cover;width:100%;height:100%}.reply-user-avatar span{color:var(--blue-300);font-size:9px;font-weight:700}.reply-content{flex:1;font-size:12.5px;line-height:1.5}.reply-user-name{color:var(--blue-300);margin-right:5px;font-weight:600}.reply-text{color:var(--text-2)}.reply-delete{width:18px;height:18px;color:var(--dim);cursor:pointer;transition:var(--tr);background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.reply-delete:hover{background:var(--danger);color:#fff}.load-more-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:var(--tr);background:0 0;border-radius:20px;width:100%;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:12px}.load-more-btn:hover{border-color:var(--blue-400);color:var(--blue-300);background:#2d6be426}.loading-comments,.loading-replies,.no-comments,.no-replies{text-align:center;color:var(--dim);padding:14px;font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;border:1px solid var(--border-h);background:#081224f2;border-radius:20px;width:90%;max-width:360px;padding:32px;animation:.2s fadeUp;box-shadow:0 20px 60px #0009}.modal-content p{color:var(--text);margin-bottom:22px;font-size:16.5px;line-height:1.5}.modal-actions{justify-content:center;gap:10px;display:flex}.btn-danger{background:var(--danger);color:#fff;cursor:pointer;transition:var(--tr);border:none;border-radius:20px;padding:9px 22px;font-family:DM Sans,sans-serif;font-weight:600;box-shadow:0 4px 16px #f8717147}.btn-danger:hover{transform:scale(1.03);box-shadow:0 6px 20px #f871716b}.btn-secondary{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:var(--tr);border-radius:20px;padding:9px 22px;font-family:DM Sans,sans-serif}.btn-secondary:hover{background:var(--surface);color:var(--text)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--blue-700);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--blue-500)}@media (width<=640px){.post-body{flex-direction:column}.post-images-col{width:100%;max-width:100%}.post-images-col.layout-1 .post-image{height:180px}.post-images-col.layout-2 .post-image{height:120px}.post-images-col.layout-3 .post-image:first-child{height:140px}.post-images-col.layout-3 .post-image{height:90px}.post-images-col.layout-4 .post-image{height:110px}.search-wrapper{max-width:100%}.comment-text,.replies-toggle,.replies-section{margin-left:20px}}.comment-item{border-left:2px solid #e0e0e0;margin-bottom:15px;padding:10px;transition:all .3s}.comment-item.level-0{border-left-color:#4caf50}.comment-item.level-1{border-left-color:#2196f3}.comment-item.level-2{border-left-color:#ff9800}.comment-item.level-3{border-left-color:#9c27b0}.comment-meta{color:#666;gap:15px;margin-top:5px;font-size:12px;display:flex}.comment-date{font-size:11px}.comment-likes{font-size:12px}.replies-toggle{color:#2196f3;cursor:pointer;background:0 0;border:none;margin-top:5px;padding:5px 0;font-size:12px}.replies-toggle:hover{text-decoration:underline}.replies-toggle:disabled{color:#999;cursor:not-allowed}.replies-section{margin-top:10px}.loading-comments{text-align:center;color:#666;padding:20px}.post-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;gap:4px!important;margin-bottom:4px!important;padding:4px 0!important}.stat{color:var(--text-2);align-items:center;display:flex;gap:2px!important;font-size:14px!important}.modal-overlay{align-items:start;margin-top:100px}html,body,#root{color:#e5e5e5;background:#121212;width:100%;height:100%;margin:0;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}.stats-banner{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f204099,#0a162880);border:1px solid #4d87f71f;border-radius:20px;align-items:center;gap:16px;padding:20px;transition:all .25s;display:flex}.stat-card:hover{border-color:#4d87f74d;transform:translateY(-2px)}.stat-icon{font-size:42px}.stat-info{flex:1}.stat-value{color:var(--text,#e8f0ff);font-family:Syne,sans-serif;font-size:32px;font-weight:800;line-height:1}.stat-label{color:var(--muted,#6b88b8);margin-top:6px;font-size:13px}.upload-card{margin-bottom:36px}.upload-hint{color:var(--muted,#6b88b8);margin-top:-8px;margin-bottom:20px;font-size:13px}.file-input-wrapper{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.file-input-label{color:var(--blue-400,#4d87f7);cursor:pointer;background:#2d6be41a;border:1px solid #4d87f740;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.file-input-label:hover{background:#2d6be433;border-color:#4d87f773;transform:translateY(-1px)}.file-count{color:var(--muted,#6b88b8);font-size:13px}.preview-grid{background:#05101f66;border:1px solid #4d87f71a;border-radius:16px;margin-bottom:20px;padding:16px}.preview-header{color:var(--blue-300,#7aaaf9);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;display:flex}.clear-btn{color:var(--danger,#f87171);cursor:pointer;background:#f871711a;border:1px solid #f8717133;border-radius:16px;padding:5px 12px;font-size:12px;transition:all .2s}.clear-btn:hover{background:#f8717133}.preview-images{flex-wrap:wrap;gap:12px;display:flex}.preview-item{border:2px solid #4d87f74d;border-radius:12px;width:80px;height:80px;position:relative;overflow:hidden}.preview-item img{object-fit:cover;width:100%;height:100%}.preview-order{color:#fff;background:#000000b3;border-radius:8px;padding:2px 5px;font-size:10px;position:absolute;bottom:4px;right:6px}.upload-btn{background:linear-gradient(135deg, var(--blue-500,#2d6be4), var(--blue-400,#4d87f7));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #2d6be466}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.ads-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.ad-card{background:var(--surface,#0a1628b3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #4d87f71f;border-radius:18px;transition:all .25s;animation:.35s backwards fadeUp;overflow:hidden}.ad-card:hover{border-color:#4d87f74d;transform:translateY(-4px);box-shadow:0 12px 36px #0006}.ad-image-wrapper{aspect-ratio:4/3;position:relative;overflow:hidden}.ad-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.ad-card:hover .ad-image-wrapper img{transform:scale(1.05)}.ad-overlay{opacity:0;background:#0009;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.ad-card:hover .ad-overlay{opacity:1}.delete-ad-btn{color:#fff;cursor:pointer;background:#f87171e6;border:none;border-radius:30px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.delete-ad-btn:hover{background:var(--danger,#f87171);transform:scale(1.05)}.ad-info{justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.ad-id{color:var(--blue-300,#7aaaf9);background:#2d6be433;border-radius:12px;padding:3px 8px;font-family:monospace}.ad-path{color:var(--muted,#6b88b8);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:10px;overflow:hidden}@media (width<=768px){.stats-banner,.ads-grid{grid-template-columns:1fr}.preview-images{justify-content:center}.file-input-wrapper{flex-direction:column;align-items:stretch}.file-input-label{justify-content:center}}.ad-card:first-child{animation-delay:20ms}.ad-card:nth-child(2){animation-delay:50ms}.ad-card:nth-child(3){animation-delay:80ms}.ad-card:nth-child(4){animation-delay:.11s}.ad-card:nth-child(5){animation-delay:.14s}:root{--bg:#030812;--surface:#0a1628b8;--surface-2:#0f204073;--surface-3:#05101fa6;--blue-700:#1a3a6b;--blue-500:#2d6be4;--blue-400:#4d87f7;--blue-300:#7aaaf9;--blue-glow:#2d6be447;--border:#4d87f724;--border-h:#4d87f74d;--text:#e8f0ff;--text-2:#a0b8d8;--muted:#6b88b8;--dim:#2a4060;--danger:#f87171;--success:#4ade80;--tr:all .22s ease}.ce-page{max-width:1100px;padding:0 0 48px;font-family:DM Sans,sans-serif;position:relative}.ce-notif{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-left:3px solid var(--blue-400);color:var(--text);z-index:2000;background:#081224f2;border-radius:13px;align-items:center;gap:10px;padding:13px 20px;font-size:13.5px;animation:.3s slideNotif;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0006}.ce-notif svg{width:16px;height:16px}.ce-notif.error{border-left-color:var(--danger)}.ce-notif.success{border-left-color:var(--success)}.ce-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.ce-header-left{align-items:baseline;gap:12px;display:flex}.ce-title{color:var(--text);font-family:Syne,sans-serif;font-size:21px;font-weight:700}.ce-count{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:12.5px}.ce-add-btn{background:linear-gradient(135deg, var(--blue-500), var(--blue-400));color:#fff;cursor:pointer;transition:var(--tr);border:none;border-radius:12px;align-items:center;gap:7px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;display:flex;box-shadow:0 4px 18px #2d6be459}.ce-add-btn svg{width:16px;height:16px}.ce-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #2d6be480}.ce-filters{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.ce-lang-tabs{flex-wrap:wrap;gap:6px;display:flex}.ce-lang-tab{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:var(--tr);border-radius:20px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.ce-lang-tab:hover{color:var(--text);border-color:var(--tab-color,var(--blue-400))}.ce-lang-tab.active{color:var(--tab-color,var(--blue-400));border-color:var(--tab-color,var(--blue-400));background:color-mix(in srgb, var(--tab-color,var(--blue-400)) 12%, transparent);font-weight:600}.ce-search{flex:1;min-width:200px;max-width:320px;position:relative}.ce-search-icon{color:var(--dim);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ce-search-icon svg{width:15px;height:15px}.ce-search input{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);width:100%;color:var(--text);transition:var(--tr);border-radius:11px;outline:none;padding:9px 14px 9px 36px;font-family:DM Sans,sans-serif;font-size:13.5px}.ce-search input::placeholder{color:var(--dim)}.ce-search input:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px #2d6be424}.ce-loading{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:14px;padding:70px 0;font-size:14px;display:flex}.ce-spinner{border:2.5px solid #4d87f726;border-top-color:var(--blue-400);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.ce-empty{text-align:center;color:var(--muted);padding:80px 0}.ce-empty-icon{color:var(--dim);margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:42px;display:block}.ce-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;display:grid}.ce-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);transition:var(--tr);border-left:3px solid var(--lang-color,var(--blue-400));border-radius:18px;flex-direction:column;animation:.32s both fadeUp;display:flex;overflow:hidden;box-shadow:0 4px 20px #0003}.ce-card:hover{border-color:var(--lang-color,var(--blue-400));box-shadow:0 8px 32px #0000005c, 0 0 0 1px color-mix(in srgb, var(--lang-color,var(--blue-400)) 20%, transparent);transform:translateY(-2px)}.ce-card-head{border-bottom:1px solid var(--border);padding:16px 18px 12px}.ce-lang-badge{border:1px solid;border-radius:20px;margin-bottom:8px;padding:3px 10px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;display:inline-block}.ce-card-title{color:var(--text);margin-bottom:5px;font-family:Syne,sans-serif;font-size:15px;font-weight:700;line-height:1.35}.ce-card-desc{color:var(--muted);font-size:12.5px;line-height:1.5}.ce-code-wrap{max-height:140px;transition:max-height .4s;position:relative;overflow:hidden}.ce-code-wrap.expanded{max-height:600px}.ce-code{color:#c9d8f0;white-space:pre;tab-size:2;background:#030812b3;margin:0;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;overflow-x:auto}.ce-code code{display:block}.ce-code-fade{pointer-events:none;background:linear-gradient(#0000,#0a1628eb);height:56px;position:absolute;bottom:0;left:0;right:0}.ce-card-actions{border-top:1px solid var(--border);background:#05101f66;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.ce-expand-btn{color:var(--blue-300);cursor:pointer;transition:var(--tr);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-family:DM Sans,sans-serif;font-size:12px}.ce-expand-btn:hover{color:var(--text);background:#2d6be41f}.ce-icon-btns{gap:6px;display:flex}.ce-icon-btn{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:32px;height:32px;transition:var(--tr);border-radius:8px;justify-content:center;align-items:center;display:flex}.ce-icon-btn svg{width:14px;height:14px}.ce-icon-btn.copy{color:var(--blue-300)}.ce-icon-btn.copy:hover{border-color:var(--blue-400);color:var(--text);background:#2d6be433}.ce-icon-btn.copy.copied{border-color:var(--success);color:var(--success);background:#4ade8026}.ce-icon-btn.delete{color:var(--muted)}.ce-icon-btn.delete:hover{border-color:var(--danger);color:var(--danger);background:#f871711f}.ce-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1500;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ce-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-h);background:#081224f7;border-radius:22px;width:100%;max-width:680px;max-height:90vh;animation:.25s fadeUp;overflow-y:auto;box-shadow:0 24px 64px #0009}.ce-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ce-modal-head h2{color:var(--text);font-family:Syne,sans-serif;font-size:18px;font-weight:700}.ce-modal-close{width:32px;height:32px;color:var(--danger);cursor:pointer;transition:var(--tr);background:#f8717112;border:1px solid #f8717133;border-radius:8px;justify-content:center;align-items:center;display:flex}.ce-modal-close svg{width:14px;height:14px}.ce-modal-close:hover{background:var(--danger);color:#fff}.ce-form{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.ce-form-row{gap:14px;display:flex}.ce-field{flex-direction:column;flex:1;gap:7px;display:flex}.ce-field label{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-size:11.5px;font-weight:600}.ce-field label span{color:var(--danger);margin-left:2px}.ce-field input,.ce-field select,.ce-field textarea{border:1px solid var(--border);color:var(--text);transition:var(--tr);resize:vertical;background:#05101fb3;border-radius:11px;outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px}.ce-field textarea{background:#030812b3;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.7}.ce-field input::placeholder,.ce-field textarea::placeholder{color:var(--dim)}.ce-field input:focus,.ce-field select:focus,.ce-field textarea:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px #2d6be424}.ce-field select option{color:var(--text);background:#0a1628}.ce-form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.ce-cancel-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:var(--tr);border-radius:11px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px}.ce-cancel-btn:hover{background:var(--surface);color:var(--text)}.ce-submit-btn{background:linear-gradient(135deg, var(--blue-500), var(--blue-400));color:#fff;cursor:pointer;transition:var(--tr);border:none;border-radius:11px;align-items:center;gap:7px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;display:flex;box-shadow:0 4px 16px #2d6be459}.ce-submit-btn svg{width:15px;height:15px}.ce-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #2d6be480}.ce-submit-btn:disabled{opacity:.55;cursor:not-allowed}.ce-delete-btn{background:var(--danger);color:#fff;cursor:pointer;transition:var(--tr);border:none;border-radius:11px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;box-shadow:0 4px 16px #f871714d}.ce-delete-btn:hover{transform:scale(1.03);box-shadow:0 6px 22px #f8717173}.ce-confirm{text-align:center;max-width:380px;padding:36px 28px}.ce-confirm-icon{width:56px;height:56px;color:var(--danger);background:#f871711a;border:1px solid #f8717140;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.ce-confirm-icon svg{width:24px;height:24px}.ce-confirm h3{color:var(--text);margin-bottom:8px;font-family:Syne,sans-serif;font-size:18px}.ce-confirm p{color:var(--muted);margin-bottom:24px;font-size:13.5px}.ce-confirm .ce-form-actions{justify-content:center}.ce-modal::-webkit-scrollbar{width:5px}.ce-modal::-webkit-scrollbar-track{background:0 0}.ce-modal::-webkit-scrollbar-thumb{background:var(--blue-700);border-radius:5px}.ce-code::-webkit-scrollbar{height:4px}.ce-code::-webkit-scrollbar-track{background:0 0}.ce-code::-webkit-scrollbar-thumb{background:var(--blue-700);border-radius:4px}@media (width<=640px){.ce-grid{grid-template-columns:1fr}.ce-form-row{flex-direction:column}.ce-filters{flex-direction:column;align-items:stretch}.ce-search{max-width:100%}.ce-form-actions{flex-direction:column-reverse}.ce-cancel-btn,.ce-submit-btn,.ce-delete-btn{justify-content:center;width:100%}}.ce-modal-overlay{align-items:start;margin-top:0}