@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}:root{--bg-dark:#0f172a;--bg-panel:#1e293b;--bg-hover:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#6366f1;--accent-hover:#4f46e5;--border:#ffffff14}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.admin-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;width:260px;display:flex}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;height:70px;padding:0 24px;display:flex}.brand-logo{margin-right:12px;font-size:24px}.brand-name{letter-spacing:-.5px;font-size:16px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:24px 12px;display:flex;overflow-y:auto}.nav-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-item.active{color:var(--accent);background-color:#6366f11a}.nav-icon{margin-right:12px;font-size:18px}.nav-divider{background-color:var(--border);height:1px;margin:16px 4px}.external-link{border:1px solid var(--border);margin-top:auto}.external-link:hover{border-color:#6366f14d}.sidebar-footer{border-top:1px solid var(--border);padding:20px 24px}.user-profile{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.user-details{flex-direction:column;display:flex}.user-name{font-size:14px;font-weight:600}.user-role{color:var(--text-secondary);font-size:12px}.main-content{background-color:var(--bg-dark);flex-direction:column;flex:1;display:flex}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:70px;padding:0 40px;display:flex}.page-title{margin:0;font-size:20px;font-weight:600}.topbar-actions{gap:16px;display:flex}.icon-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.icon-btn:hover{background-color:var(--bg-hover)}.content-area{flex:1;justify-content:center;align-items:center;padding:40px;display:flex;overflow-y:auto}.empty-state{text-align:center;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:16px;max-width:400px;padding:40px;box-shadow:0 10px 30px #0003}.empty-state-icon{margin-bottom:24px;font-size:48px}.empty-state h2{margin:0 0 12px;font-size:20px}.empty-state p{color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.primary-btn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .2s}.primary-btn:hover{background-color:var(--accent-hover)}.login-container{background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% -20%,#6366f126,#0000 40%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-box{background-color:var(--bg-panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:32px}.login-logo{margin:0 0 16px;font-size:48px}.login-header h2{letter-spacing:-.5px;margin:0 0 8px;font-size:24px}.login-header p{color:var(--text-secondary);margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-group input{border:1px solid var(--border);color:var(--text-primary);background-color:#0003;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #6366f133}.login-btn{width:100%;margin-top:8px}.login-footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border);margin-top:32px;padding-top:16px;font-size:12px}.logout-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;width:100%;margin-top:16px;padding:8px;font-size:12px;font-weight:500;transition:all .2s}.logout-btn:hover{color:#ef4444;background-color:#ef44441a;border-color:#ef44444d}