:root{--bg:#080705;--sf:#0f0d0a;--sf2:#161310;--sf3:#1e1b16;--br:rgba(201,169,110,.1);--br2:rgba(201,169,110,.22);--gold:#c9a96e;--gold2:#edd080;--gold3:#8a6b3a;--tx:#e8dcc8;--mt:#7a6e5c;--mt2:#4a4438;--red:#b87a7a;--green:#7aaa82;--r:10px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-family:'Jost',sans-serif;background:var(--bg);color:var(--tx);min-height:100vh;font-size:15px}#login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(ellipse at 30% 60%,rgba(201,169,110,.05),transparent 65%)}.lcard{width:400px;background:var(--sf);border:1px solid var(--br2);border-radius:20px;padding:3.5rem;text-align:center;box-shadow:0 40px 80px rgba(0,0,0,.5)}.lcard-icon{font-size:2.5rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(201,169,110,.3))}.lcard h1{font-family:'Cinzel',serif;font-size:1.35rem;color:var(--gold);margin-bottom:.4rem}.lcard p{font-size:.82rem;color:var(--mt);margin-bottom:2.5rem}.lcard input{width:100%;padding:.85rem 1.1rem;background:var(--sf2);border:1px solid var(--br2);border-radius:8px;color:var(--tx);font-size:.95rem;font-family:'Jost',sans-serif;outline:none;margin-bottom:1rem;transition:border-color .2s , box-shadow .2s}.lcard input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,110,.08)}.lcard .lbtn{width:100%;padding:.88rem;background:linear-gradient(135deg,var(--gold3),var(--gold));color:#080705;border:none;border-radius:8px;font-family:'Jost',sans-serif;font-weight:600;font-size:.85rem;letter-spacing:.1em;cursor:pointer;transition:all .25s}.lcard .lbtn:hover{background:linear-gradient(135deg,var(--gold),var(--gold2));transform:translateY(-1px)}#lerr{color:var(--red);font-size:.82rem;margin-top:.75rem;min-height:1.2em}#app{display:none}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sb{background:var(--sf);border-right:1px solid var(--br);display:flex;flex-direction:column}.sb-top{padding:1.75rem 1.5rem;border-bottom:1px solid var(--br)}.sb-logo{font-family:'Cinzel',serif;font-size:.88rem;color:var(--gold);display:flex;align-items:center;gap:.6rem}.sb-logo-icon{font-size:1.2rem}.sb-sub{font-size:.7rem;color:var(--mt);margin-top:.25rem;letter-spacing:.08em}.sb-nav{padding:1rem 0;flex:1;overflow-y:auto}.sb-group{font-family:'Jost',sans-serif;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mt2);padding:.5rem 1.5rem .25rem;margin-top:.5rem}.ni{display:flex;align-items:center;gap:.7rem;padding:.68rem 1.5rem;cursor:pointer;font-size:.82rem;color:var(--mt);transition:all .2s;border-left:2px solid transparent;user-select:none;text-decoration:none}.ni:hover{color:var(--tx);background:rgba(201,169,110,.04)}.ni.active{color:var(--gold);background:rgba(201,169,110,.07);border-left-color:var(--gold)}.ni-icon{width:16px;text-align:center;font-size:.9rem;flex-shrink:0}.ni-badge{margin-left:auto;background:var(--gold);color:#080705;border-radius:10px;padding:.1rem .45rem;font-size:.68rem;font-weight:600;display:none}.sb-bottom{padding:1.5rem;border-top:1px solid var(--br);margin-top:auto}.btn-logout{width:100%;padding:.65rem;background:transparent;border:1px solid var(--br);border-radius:8px;color:var(--mt);font-family:'Jost',sans-serif;font-size:.78rem;cursor:pointer;transition:all .2s}.btn-logout:hover{border-color:var(--red);color:var(--red)}.sb-ext{display:block;text-align:center;margin-top:.6rem;font-size:.7rem;color:var(--mt2);text-decoration:none;letter-spacing:.04em;transition:color .2s}.sb-ext:hover{color:var(--gold3)}.main{padding:2.5rem 3rem;overflow-y:auto}.page{display:none}.page.active{display:block}.ph{margin-bottom:2rem}.ph h1{font-family:'Cinzel',serif;font-size:1.5rem;color:var(--gold);margin-bottom:.3rem}.ph p{font-size:.84rem;color:var(--mt)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}@media (max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--sf);border:1px solid var(--br);border-radius:var(--r);padding:1.2rem 1.4rem;position:relative;overflow:hidden;transition:border-color .3s}.stat:hover{border-color:var(--br2)}.stat::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--gold3),transparent);opacity:0;transition:opacity .3s}.stat:hover::after{opacity:1}.stat-n{font-family:'Cinzel',serif;font-size:1.9rem;color:var(--gold);line-height:1;margin-bottom:.3rem}.stat-l{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mt)}.card{background:var(--sf);border:1px solid var(--br);border-radius:var(--r);padding:1.75rem;margin-bottom:1.5rem}.card-title{font-family:'Cinzel',serif;font-size:.88rem;color:var(--tx);margin-bottom:1.4rem;padding-bottom:.9rem;border-bottom:1px solid var(--br);display:flex;align-items:center;gap:.6rem}.card-title::before{content:'';width:3px;height:13px;background:var(--gold3);border-radius:2px}.fg{margin-bottom:1rem}.fg label{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mt);margin-bottom:.4rem}.fg input,.fg textarea,.fg select{width:100%;padding:.68rem .95rem;background:var(--sf2);border:1px solid var(--br);border-radius:8px;color:var(--tx);font-family:'Jost',sans-serif;font-size:.9rem;outline:none;transition:border-color .2s , box-shadow .2s;resize:vertical}.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,110,.06)}.fg input::placeholder,.fg textarea::placeholder{color:var(--mt2)}.fr2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:600px){.fr2{grid-template-columns:1fr}}.sm{font-size:.8rem;margin-top:.6rem;min-height:1.1em;font-style:italic}.sm.ok{color:var(--green)}.sm.err{color:var(--red)}.char-count{font-size:.7rem;color:var(--mt);text-align:right;margin-top:.2rem}.btn{padding:.58rem 1.3rem;border-radius:7px;border:none;font-family:'Jost',sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.04em;display:inline-flex;align-items:center;gap:.4rem}.btn-p{background:linear-gradient(135deg,var(--gold3),var(--gold));color:#080705}.btn-p:hover{background:linear-gradient(135deg,var(--gold),var(--gold2));transform:translateY(-1px)}.btn-d{background:rgba(184,122,122,.12);color:var(--red);border:1px solid rgba(184,122,122,.25)}.btn-d:hover{background:rgba(184,122,122,.22)}.btn-ok{background:rgba(122,170,130,.12);color:var(--green);border:1px solid rgba(122,170,130,.25)}.btn-ok:hover{background:rgba(122,170,130,.22)}.btn-g{background:transparent;border:1px solid var(--br);color:var(--mt)}.btn-g:hover{border-color:var(--br2);color:var(--tx)}.uz{border:2px dashed var(--br);border-radius:var(--r);padding:2.5rem;text-align:center;cursor:pointer;transition:all .25s;margin-bottom:1rem}.uz:hover,.uz.drag{border-color:var(--gold);background:rgba(201,169,110,.03)}.uz input{display:none}.uz-icon{font-size:2rem;margin-bottom:.5rem}.uz-t{font-size:.88rem;color:var(--tx);font-weight:500;margin-bottom:.25rem}.uz-s{font-size:.76rem;color:var(--mt)}.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.7rem;margin-bottom:1rem}.pi{aspect-ratio:1;border-radius:7px;overflow:hidden;position:relative;background:var(--sf2)}.pi img{width:100%;height:100%;object-fit:cover}.pi-rm{position:absolute;top:3px;right:3px;background:rgba(0,0,0,.75);border:none;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.pi-rm:hover{background:var(--red)}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mt);padding:.7rem 1rem;border-bottom:1px solid var(--br)}.tbl td{padding:.8rem 1rem;border-bottom:1px solid rgba(201,169,110,.05);font-size:.84rem;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:rgba(201,169,110,.02)}.empty{text-align:center;color:var(--mt);padding:3rem;font-style:italic;font-size:.88rem}.badge{display:inline-flex;align-items:center;padding:.18rem .65rem;border-radius:4px;font-size:.7rem;font-weight:500}.b-wait{background:rgba(201,169,110,.1);color:var(--gold)}.b-ok{background:rgba(122,170,130,.1);color:var(--green)}.b-yt{background:rgba(200,100,100,.1);color:#d0a0a0}.b-file{background:rgba(100,140,200,.1);color:#a0b8e0}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:1rem}.photo-card{background:var(--sf2);border-radius:8px;overflow:hidden;border:1px solid var(--br);transition:border-color .2s}.photo-card:hover{border-color:var(--br2)}.photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.photo-card-info{padding:.55rem .75rem}.photo-cap{font-size:.73rem;color:var(--mt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem}.photo-cat{font-size:.67rem;color:var(--gold3);margin-bottom:.45rem}.photo-del{width:100%;padding:.3rem;background:rgba(184,122,122,.08);border:1px solid rgba(184,122,122,.18);color:var(--red);border-radius:4px;font-size:.7rem;cursor:pointer;transition:background .2s;font-family:'Jost',sans-serif}.photo-del:hover{background:rgba(184,122,122,.18)}#av-prev{width:100px;height:100px;border-radius:50%;object-fit:cover;display:none;border:2px solid var(--gold3);margin-top:.75rem}.dm-item{padding:.9rem 0;border-bottom:1px solid var(--br)}.dm-item:last-child{border-bottom:none}.dm-name{font-family:'Cinzel',serif;font-size:.85rem;color:var(--tx);margin-bottom:.2rem}.dm-text{font-size:.8rem;color:var(--mt);font-style:italic;margin-bottom:.45rem;line-height:1.6}.dm-actions{display:flex;gap:.35rem}.page-edit-preview{background:var(--sf2);border:1px solid var(--br);border-radius:8px;padding:1.25rem;font-size:.85rem;color:var(--mt);font-style:italic;min-height:60px;line-height:1.7}.tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--br)}.tab-btn{font-family:'Jost',sans-serif;font-size:.78rem;padding:.6rem 1.2rem;background:transparent;border:none;color:var(--mt);cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-btn.active{color:var(--gold);border-bottom-color:var(--gold)}.tab-content{display:none}.tab-content.active{display:block}.admin-credit{font-size:.68rem;color:var(--mt2);text-align:center;margin-top:1rem}.admin-credit a{color:var(--gold3);text-decoration:none}.admin-credit a:hover{color:var(--gold)}@media (max-width:768px){.layout{grid-template-columns:1fr}.sb{display:none}.main{padding:1.5rem}}