.sidebar{width:260px;height:100vh;background-color:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100}.sidebar-header{padding:2rem 1.5rem;display:flex;align-items:center;gap:.75rem}.logo-icon{color:var(--primary)}.logo-text{display:flex;flex-direction:column}.logo-main{font-weight:800;font-size:1.25rem;letter-spacing:-.025em;line-height:1}.logo-sub{font-size:.75rem;color:var(--text-muted);font-weight:500;letter-spacing:.1em}.sidebar-nav{flex:1;padding:0 .75rem;display:flex;flex-direction:column;gap:.25rem}.nav-group{font-size:.7rem;font-weight:700;color:var(--text-muted);padding:1.5rem .75rem .5rem;letter-spacing:.05em}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);color:var(--text-muted);transition:all .2s ease;font-weight:500}.nav-item:hover{background-color:#ffffff0d;color:var(--text-main)}.nav-item.active{background-color:var(--primary);color:#fff}.sidebar-footer{padding:1.5rem .75rem;border-top:1px solid var(--border)}.logout-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);color:var(--error);font-weight:500;transition:all .2s ease}.logout-btn:hover{background-color:#ef44441a}.topbar{height:64px;background-color:var(--bg-main);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:90}.search-container{display:flex;align-items:center;gap:.75rem;background-color:var(--bg-card);padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);width:400px}.search-icon{color:var(--text-muted)}.search-container input{background:none;border:none;color:var(--text-main);width:100%;outline:none;font-size:.9rem}.topbar-actions{display:flex;align-items:center;gap:1.5rem}.icon-btn{position:relative;color:var(--text-muted);transition:color .2s}.icon-btn:hover{color:var(--text-main)}.notification-badge{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:var(--error);border-radius:50%;border:2px solid var(--bg-main)}.user-profile{display:flex;align-items:center;gap:1rem;padding-left:1.5rem;border-left:1px solid var(--border)}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-size:.9rem;font-weight:600}.user-role{font-size:.75rem;color:var(--text-muted)}.user-avatar{width:36px;height:36px;background-color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column}.page-content{padding:2rem;flex:1}.stat-card{padding:1.5rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start}.stat-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-trend{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:2rem}.stat-trend.positive{background-color:#22c55e1a;color:var(--success)}.stat-trend.negative{background-color:#ef44441a;color:var(--error)}.stat-card-body{display:flex;flex-direction:column}.stat-value{font-size:1.875rem;font-weight:800;color:var(--text-main);line-height:1.2}.stat-title{font-size:.875rem;color:var(--text-muted);font-weight:500}.stat-card.interactive{cursor:pointer}.stat-card.interactive:hover{border-color:var(--primary);box-shadow:0 8px 32px #3b82f626}.dashboard-container{display:flex;flex-direction:column;gap:2.5rem}.page-header{display:flex;justify-content:space-between;align-items:center}.page-title{font-size:2rem;font-weight:800;letter-spacing:-.025em}.page-subtitle{color:var(--text-muted);font-size:1rem}.primary-btn{background-color:var(--primary);color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;gap:.75rem;transition:background-color .2s}.primary-btn:hover{background-color:var(--primary-hover)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.dashboard-charts{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.chart-card{padding:1.5rem;border-radius:var(--radius-lg);min-height:300px;display:flex;flex-direction:column;gap:1.5rem}.chart-header{display:flex;justify-content:space-between;align-items:center}.chart-header h3{font-size:1.125rem;font-weight:700}.badge{background-color:#22c55e1a;color:var(--success);font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:4px}.chart-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:1rem;border:2px dashed var(--border);border-radius:var(--radius-md)}.placeholder-icon{opacity:.2}.system-health-list{display:flex;flex-direction:column;gap:1rem}.health-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#ffffff08;border-radius:var(--radius-md)}.health-label{font-size:.9rem;font-weight:500}.health-status-dot{width:10px;height:10px;border-radius:50%}.health-status-dot.active{background-color:var(--success);box-shadow:0 0 8px var(--success)}.loading-container{height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:var(--text-muted)}.status-bars{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.status-bar-item{display:flex;flex-direction:column;gap:.5rem}.bar-label{display:flex;justify-content:space-between;font-size:.875rem;font-weight:600;color:var(--text-muted)}.bar-label span{color:var(--text-main)}.bar-track{height:10px;background-color:var(--bg-main);border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:5px;transition:width 1s ease-out}.login-wrapper{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#0c0e12;position:relative;overflow:hidden}.login-blobs{position:absolute;inset:0;z-index:0}.blob{position:absolute;filter:blur(80px);border-radius:50%;opacity:.4;animation:blob-float 20s infinite alternate}.blob-1{width:400px;height:400px;background-color:var(--primary);top:-100px;left:-100px}.blob-2{width:300px;height:300px;background-color:#8b5cf6;bottom:-50px;right:-50px;animation-delay:-5s}@keyframes blob-float{0%{transform:translate(0) rotate(0)}to{transform:translate(50px,100px) rotate(30deg)}}.login-container{width:100%;max-width:420px;padding:3rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:2.5rem;z-index:10;position:relative}.login-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.logo-badge{width:64px;height:64px;background-color:var(--primary);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #3b82f666}.login-header h1{font-size:1.75rem;font-weight:800}.login-header p{color:var(--text-muted);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-field{display:flex;flex-direction:column;gap:.5rem}.input-field label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-muted)}.input-wrapper input{width:100%;background-color:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem .75rem 2.75rem;color:var(--text-main);transition:all .2s;outline:none}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.error-msg{color:var(--error);font-size:.85rem;text-align:center;background:#ef44441a;padding:.75rem;border-radius:var(--radius-md)}.login-btn{background-color:var(--primary);color:#fff;padding:1rem;border-radius:var(--radius-md);font-weight:700;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s;cursor:pointer}.login-btn:hover:not(:disabled){background-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;color:var(--text-muted);font-size:.75rem}.user-mgmt-container{display:flex;flex-direction:column;gap:2rem}.table-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-radius:var(--radius-md)}.search-box{display:flex;align-items:center;gap:.75rem;background-color:var(--bg-main);padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);width:350px}.search-box input{background:none;border:none;color:var(--text-main);width:100%;outline:none;font-size:.9rem}.filter-group{display:flex;align-items:center;gap:.75rem;color:var(--text-muted)}.filter-group select{background-color:var(--bg-main);color:var(--text-main);border:1px solid var(--border);padding:.5rem 1rem;border-radius:var(--radius-md);outline:none}.table-container{border-radius:var(--radius-lg);overflow:hidden;min-height:400px}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{padding:1.25rem 1.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;border-bottom:1px solid var(--border)}.admin-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);vertical-align:middle}.user-cell{display:flex;align-items:center;gap:1rem}.avatar-small{width:32px;height:32px;background-color:var(--bg-main);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);border:1px solid var(--border)}.user-details{display:flex;flex-direction:column}.user-fullname{font-weight:600;font-size:.95rem}.user-id{font-size:.75rem;color:var(--text-muted)}.contact-cell{display:flex;flex-direction:column;gap:.25rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.status-badge{padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:700}.status-badge.active{background-color:#22c55e1a;color:var(--success)}.status-badge.banned{background-color:#ef44441a;color:var(--error)}.listing-count{font-weight:700;font-size:1.1rem}.date-cell{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.action-buttons{display:flex;gap:.5rem}.action-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn.ban{color:var(--error);background-color:#ef44441a}.action-btn.unban{color:var(--success);background-color:#22c55e1a}.loading-state{display:flex;flex-direction:column;items-center:center;justify-content:center;height:300px;gap:1rem;color:var(--text-muted)}.moderation-container{display:flex;flex-direction:column;gap:2rem}.tabs{display:flex;background-color:var(--bg-main);padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border)}.tab-btn{padding:.5rem 1.25rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--text-muted);transition:all .2s}.tab-btn.active{background-color:var(--primary);color:#fff}.moderation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.full-width{grid-column:1 / -1}.listing-card{padding:1.5rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.25rem}.listing-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.listing-title{font-size:1.1rem;font-weight:700;line-height:1.3}.owner-badge{margin-top:.25rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.dot{width:3px;height:3px;background-color:var(--text-muted);border-radius:50%}.listing-price{font-weight:800;color:var(--primary);font-size:1.1rem}.listing-description{font-size:.875rem;color:var(--text-muted);line-height:1.5}.listing-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.primary-actions{display:flex;gap:.75rem}.approve-btn,.reject-btn,.view-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;transition:all .2s}.approve-btn{background-color:var(--success);color:#fff}.approve-btn:hover{background-color:#16a34a}.reject-btn{background-color:#ef44441a;color:var(--error)}.reject-btn:hover{background-color:#ef444433}.view-btn{background-color:var(--bg-main);color:var(--text-muted);border:1px solid var(--border)}.view-btn:hover{color:var(--text-main);border-color:var(--text-muted)}.rejection-note{display:flex;align-items:center;gap:.5rem;color:var(--error);font-size:.8rem;font-style:italic}.modal-overlay{position:fixed;inset:0;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:100%;max-width:500px;padding:2rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem}.modal-content h3{font-size:1.25rem;font-weight:700}.modal-content p{color:var(--text-muted);font-size:.9rem}.modal-content textarea{width:100%;height:120px;background-color:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;color:var(--text-main);font-family:inherit;resize:none;outline:none}.modal-content textarea:focus{border-color:var(--primary)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.cancel-btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-muted)}.confirm-reject-btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);background-color:var(--error);color:#fff;font-weight:700}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;color:var(--text-muted)}.empty-icon{opacity:.2}.category-mgmt-container{display:flex;flex-direction:column;gap:2rem}.stat-pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:2rem;font-size:.8rem;font-weight:700;color:var(--primary);background:#3b82f61a}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.category-card{padding:1.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:1.25rem;transition:transform .2s,border-color .2s;cursor:pointer}.category-card:hover{transform:translateY(-4px);border-color:var(--primary)}.category-icon{width:48px;height:48px;background:var(--bg-main);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary);border:1px solid var(--border)}.category-main{flex:1;display:flex;flex-direction:column;gap:.25rem}.category-name{font-size:1.1rem;font-weight:700}.category-slug{font-size:.75rem;color:var(--text-muted);font-family:monospace}.category-metadata{display:flex;gap:.5rem;margin-top:.5rem}.root-badge,.parent-badge,.level-badge{font-size:.7rem;font-weight:800;padding:.15rem .5rem;border-radius:4px}.root-badge{background:#22c55e1a;color:var(--success)}.parent-badge{background:#ffffff0d;color:var(--text-muted)}.level-badge{background:#3b82f61a;color:var(--primary)}.category-actions{display:flex;flex-direction:column;gap:.5rem;opacity:0;transition:opacity .2s}.category-card:hover .category-actions{opacity:1}.icon-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-muted)}.icon-btn:hover{color:var(--text-main);background:#ffffff1a}.icon-btn.delete:hover{color:var(--error);background:#ef44441a}.icon-btn.add-sub:hover{color:var(--success);background:#22c55e1a}:root{--primary: #2563eb;--primary-hover: #1d4ed8;--bg-main: #0f172a;--bg-card: #1e293b;--bg-sidebar: #020617;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #334155;--accent: #3b82f6;--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--radius-md: .5rem;--radius-lg: .75rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}ul{list-style:none}.glass{background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}