:root{font-family:Inter,Arial,sans-serif;color:#eef5ff;background:#07111f}*{box-sizing:border-box}body{margin:0}header{padding:22px 4%;display:flex;justify-content:space-between;gap:18px;align-items:center;background:#0a1628;border-bottom:1px solid #203653;position:sticky;top:0;z-index:5}h1{margin:0;font-size:22px}small,.meta{color:#8fa6c2}.search{display:flex;gap:8px}input,select,button{background:#101f34;color:#eef5ff;border:1px solid #294665;border-radius:10px;padding:10px}nav{display:flex;gap:8px;padding:12px 4%;overflow:auto;background:#081422}nav button.active{background:#1e4f7b}main{padding:18px 4%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}article{background:#0d1a2d;border:1px solid #203a58;border-radius:16px;overflow:hidden}.preview{height:190px;background:#12233a center/cover no-repeat;display:grid;place-items:center;cursor:zoom-in}.preview span{font-size:48px}.body{padding:14px}.body h2{font-size:17px;margin:0 0 6px}.body h2 a{color:#eef5ff;text-decoration:none}.body h2 a:hover{color:#75bdff}.body p{color:#c3d0e1;font-size:13px;min-height:34px}.nums,.actions,.links{display:flex;gap:6px;margin-top:10px}.nums button{padding:6px 10px}.actions button:first-child{border-color:#238969}.actions button:nth-child(2){border-color:#a87d2c}.actions button:last-child{border-color:#934655}.links a{color:#b8d9ff;text-decoration:none;border:1px solid #294665;padding:8px 10px;border-radius:9px;font-size:12px}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:#9bb0ca}.lightbox{display:none;position:fixed;inset:0;background:#020711ee;z-index:20;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain}.close{position:absolute;top:18px;right:18px}@media(max-width:650px){header{align-items:stretch;flex-direction:column}.search{width:100%}.search input{flex:1}.grid{grid-template-columns:1fr}}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login form{width:min(380px,100%);display:grid;gap:12px;background:#0d1a2d;border:1px solid #203a58;border-radius:18px;padding:28px}.login form h1,.login form p{margin:0;text-align:center}.login form p{color:#8fa6c2;margin-bottom:10px}.login form input,.login form button{width:100%}.login form button{background:#1e4f7b;cursor:pointer}.login form small{color:#ff9c9c;text-align:center}.shell{display:grid;grid-template-columns:1fr 230px;direction:ltr}.content{min-width:0;direction:rtl}.shell aside{grid-column:2;grid-row:1;direction:rtl;background:#081422;border-left:1px solid #203653;min-height:calc(100vh - 86px);padding:18px 12px;position:sticky;top:86px;height:calc(100vh - 86px);overflow:auto}.shell .content{grid-column:1;grid-row:1}.shell aside h3{font-size:12px;color:#8fa6c2;text-transform:uppercase;margin:8px 8px 10px}.shell aside hr{border:0;border-top:1px solid #203653;margin:16px 4px}.sidebtn{width:100%;display:flex;justify-content:space-between;align-items:center;margin:5px 0;text-align:right;cursor:pointer}.sidebtn.active{background:#1e4f7b;border-color:#3d7baa}.no-preview{display:flex;flex-direction:column;text-align:center;color:#8fa6c2;gap:5px}.no-preview strong{color:#c3d0e1}.no-preview small{font-size:11px}@media(max-width:800px){.shell{display:block}.shell aside{position:static;height:auto;min-height:0;display:flex;gap:6px;overflow:auto;border-left:0;border-bottom:1px solid #203653;padding:8px}.shell aside h3,.shell aside hr{display:none}.sidebtn{min-width:max-content;width:auto}.shell .content{display:block}}.lbnav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:54px;height:70px;border-radius:14px;font-size:42px;line-height:1;background:#07111ddd;cursor:pointer}.lbprev{left:20px}.lbnext{right:20px}.lbnav:hover{background:#17314f}.lightbox .close{z-index:3}@media(max-width:650px){.lbnav{width:44px;height:60px;font-size:34px}.lbprev{left:8px}.lbnext{right:8px}}