.login-container{background-color:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--brand-orange);width:100%;max-width:440px;padding:2.5rem 2rem;box-shadow:0 10px 40px #00000080}.lc-header{text-align:center;margin-bottom:2rem}.login-logo{justify-content:center;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.brand-icon-box{background:var(--brand-orange);color:#000;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.brand-name{font-family:var(--font-heading);color:var(--color-text);letter-spacing:.02em;align-items:center;gap:.5rem;font-size:2rem;font-weight:800;line-height:1.2;display:flex}.brand-name span:first-child{color:var(--brand-orange)}.lc-sub{color:var(--color-text-secondary);font-size:.95rem}.lc-error{color:var(--color-danger);text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:4px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.85rem;display:block}.skeleton-base{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;animation:1.5s linear infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-layout{background-color:var(--color-bg);height:100vh;display:flex;position:relative;overflow:hidden}.admin-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;width:250px;transition:transform .3s;display:flex}@media screen and (width<=768px){.admin-layout{flex-direction:column}.admin-sidebar{z-index:1000;width:280px;height:100dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;box-shadow:4px 0 20px #0000004d;transform:translate(-100%)!important}.admin-sidebar.open{transform:translate(0)!important}.admin-main{width:100%;min-height:100vh}}.admin-brand{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;height:64px;padding:0 1.5rem;display:flex}.brand-icon-box{background:var(--brand-orange);color:#000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-text-stack{align-items:center;gap:.5rem;display:flex}.brand-name{font-family:var(--font-heading);color:var(--color-text);letter-spacing:.02em;white-space:nowrap;font-weight:800}.ab-badge{color:var(--brand-orange);font-size:.6rem;font-family:var(--font-heading);text-transform:uppercase;background:#ff4f0026;border:1px solid #ff4f004d;border-radius:4px;flex-shrink:0;padding:.1rem .4rem;font-weight:700}.admin-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex;overflow-y:auto}.admin-nav-item{color:var(--color-text-secondary);font-family:var(--font-heading);touch-action:manipulation;border-radius:6px;align-items:center;gap:.75rem;min-height:48px;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.admin-nav-item:hover{color:var(--color-text);background:#ffffff0d}.admin-nav-item.active{color:var(--brand-orange);background:#ff4f001a}.admin-sidebar-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.asf-user{align-items:center;gap:.75rem;display:flex}.asf-avatar{background:var(--color-text);color:#000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.asf-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.asf-logout{border:1px solid var(--color-border);width:100%;color:var(--color-text-secondary);background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.85rem;transition:all .2s;display:flex}.asf-logout:hover{border-color:var(--color-danger);color:var(--color-danger)}.admin-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.admin-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex}@media screen and (width<=768px){.admin-topbar{padding:0 1rem}}.at-title{color:var(--color-text-secondary);letter-spacing:.02em;font-size:.9rem}.admin-page-content{background:var(--color-bg);flex:1;padding:2rem;overflow-y:auto}@media screen and (width<=768px){.admin-page-content{padding:1rem}}@media screen and (width<=480px){.admin-page-content{padding:.75rem}}.mobile-menu-btn{background:var(--brand-orange);color:#000;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;min-width:44px;min-height:44px;padding:.75rem;transition:all .2s;position:relative;display:none!important}.mobile-menu-btn:hover{color:#000;background:#e64500;transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95)}.mobile-menu-btn svg{transition:transform .3s}.admin-sidebar.open~.admin-main .mobile-menu-btn svg{transform:rotate(90deg)}@media screen and (width<=768px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex!important}.at-title{text-align:center;flex:1;font-size:.8rem}}.mobile-overlay{-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;background:#0009;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-overlay.show{opacity:1}@media screen and (width<=768px){.mobile-overlay.show{display:block}}.responsive-table{-webkit-overflow-scrolling:touch;overflow-x:auto}@media screen and (width<=768px){.responsive-table table{min-width:600px}.responsive-table th,.responsive-table td{white-space:nowrap;padding:.75rem .5rem}}:root{--color-bg:#0c0c0c;--color-surface:#141414;--color-border:#2a2a2a;--color-text:#fff;--color-text-secondary:#9ca3af;--brand-orange:#ff4f00;--color-danger:#ef4444;--color-success:#10b981;--font-base:"Inter", system-ui, sans-serif;--font-heading:"Outfit", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background-color:var(--color-bg);color:var(--color-text);line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-primary{background:var(--brand-orange);color:#000;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{opacity:.9}.input-field{background:var(--color-bg);border:1px solid var(--color-border);width:100%;color:var(--color-text);font-family:var(--font-base);outline:none;margin-bottom:1rem;padding:.8rem 1rem;font-size:1rem;transition:border-color .2s}.input-field:focus{border-color:var(--brand-orange)}.card{background:var(--color-surface);border:1px solid var(--color-border);padding:1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff4f0099}