*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#111;--surface2:#1a1a1a;--border:#2a2a2a;--border2:#333;--text:#f0f0f0;--text2:#999;--text3:#666;--blue:#007aff;--blue-dim:#007aff1f;--green:#30d158;--green-dim:#30d1581f;--red:#ff453a;--red-dim:#ff453a1f;--gold:gold;--gold-dim:#ffd7001f;--radius:10px;--radius-sm:6px;--shadow:0 2px 12px #00000080}html,body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:240px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-main{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;display:flex}.admin-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.admin-content{flex:1;width:100%;max-width:1100px;padding:2rem}.sidebar-brand{border-bottom:1px solid var(--border);padding:1.5rem 1.25rem 1rem}.sidebar-brand-name{color:var(--text);letter-spacing:-.02em;font-size:1rem;font-weight:700}.sidebar-brand-sub{color:var(--text2);margin-top:.15rem;font-size:.75rem}.sidebar-nav{flex:1;padding:.75rem 0}.sidebar-section{color:var(--text3);text-transform:uppercase;letter-spacing:.08em;padding:.5rem 1.25rem .25rem;font-size:.65rem;font-weight:600}.sidebar-link{color:var(--text2);border-radius:0;align-items:center;gap:.65rem;padding:.55rem 1.25rem;font-size:.85rem;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{background:var(--surface2);color:var(--text)}.sidebar-link.active{background:var(--blue-dim);color:var(--blue);font-weight:500}.sidebar-link svg{flex-shrink:0;font-size:1rem}.sidebar-footer{border-top:1px solid var(--border);padding:1rem 1.25rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-title{letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.page-subtitle{color:var(--text2);margin-top:.2rem;font-size:.85rem}.btn{border-radius:var(--radius-sm);border:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#06d}.btn-danger{background:var(--red-dim);color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.btn-ghost{background:var(--surface2);color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--border);color:var(--text)}.btn-sm{padding:.3rem .65rem;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table{border-collapse:collapse;width:100%}thead tr{border-bottom:1px solid var(--border)}th{text-align:left;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2)}.td-img{border-radius:var(--radius-sm);object-fit:cover;background:var(--surface2);width:48px;height:48px}.td-actions{gap:.4rem;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.form-full{grid-column:1/-1}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.field input,.field textarea,.field select{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:.55rem .75rem;transition:border .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue)}.field textarea{resize:vertical;min-height:80px}.field select option{background:var(--surface2)}.field-hint{color:var(--text3);font-size:.75rem}.toggle-row{justify-content:space-between;align-items:center;padding:.65rem 0;display:flex}.toggle-row label{color:var(--text);font-size:.875rem}.toggle{flex-shrink:0;width:40px;height:22px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--border2);cursor:pointer;border-radius:22px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--blue)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);width:100%;max-width:680px;max-height:90vh;box-shadow:var(--shadow);overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.modal-title{font-size:1.05rem;font-weight:700}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.modal-close{color:var(--text2);background:0 0;border:none;border-radius:4px;padding:.2rem;font-size:1.3rem;line-height:1}.modal-close:hover{color:var(--text);background:var(--surface2)}.upload-area{border:2px dashed var(--border2);border-radius:var(--radius);text-align:center;cursor:pointer;padding:1.5rem;transition:border-color .15s,background .15s}.upload-area:hover,.upload-area.drag{border-color:var(--blue);background:var(--blue-dim)}.upload-area img,.upload-area video{border-radius:var(--radius-sm);object-fit:cover;max-width:100%;max-height:140px;margin-bottom:.5rem}.upload-label{color:var(--text2);font-size:.8rem}.upload-uploading{color:var(--blue);font-size:.8rem}.array-items{flex-direction:column;gap:.4rem;margin-bottom:.5rem;display:flex}.array-item{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.35rem .5rem .35rem .75rem;font-size:.85rem;display:flex}.array-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.array-item-remove{color:var(--text3);background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:.1rem .2rem;font-size:1rem;line-height:1}.array-item-remove:hover{color:var(--red)}.array-add{gap:.4rem;display:flex}.array-add input{flex:1}.badge{border-radius:99px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-gold{background:var(--gold-dim);color:var(--gold)}.badge-gray{background:var(--surface2);color:var(--text2)}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--text2);margin-top:.25rem;font-size:.8rem}.login-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;padding:2.5rem}.login-logo{margin-bottom:.5rem;font-size:1.3rem;font-weight:800}.login-sub{color:var(--text2);margin-bottom:2rem;font-size:.85rem}.login-error{background:var(--red-dim);color:var(--red);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.6rem .75rem;font-size:.85rem}.empty-state{text-align:center;color:var(--text2);padding:3rem 1rem}.empty-state-icon{opacity:.4;margin-bottom:.75rem;font-size:2.5rem}.empty-state p{font-size:.9rem}@media (max-width:768px){.admin-sidebar{z-index:900;transition:transform .25s;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.form-grid{grid-template-columns:1fr}}