.web-status{display:flex;justify-content:space-between;margin-top:18px;font-size:9px;letter-spacing:1.4px;color:#88917e}.login-panel{max-width:480px;background:white;border:1px solid #dfe5d7;border-radius:12px;padding:32px;margin:32px auto 60px}.login-panel h2{font-weight:500;font-size:23px}.login-panel p{font-size:13px}.login-panel small{display:block;font-size:11px;color:#89917d;line-height:1.7;margin-top:25px}.login-panel button{width:100%}.login-panel .icon{font-size:36px;color:#ac965f}.form-error{color:#a33c30;min-height:20px;font-size:13px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}.admin-stats>div{background:#fff;border:1px solid #e1e7da;border-radius:8px;padding:22px}.admin-stats small{font-size:9px;letter-spacing:1px;color:#8c947e}.admin-stats strong{display:block;font-size:30px;margin-top:10px;font-weight:500}.admin-stats .status-text{font-size:17px;margin-top:19px}.publish-bar{background:#eaf0e3;border:1px solid #d6dfca;border-radius:8px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.publish-bar p{font-size:11px;margin:8px 0 0}.history{margin:30px 0;background:#f0f1e7;padding:20px;border-radius:8px;font-size:12px}.history summary{cursor:pointer}.history p{border-top:1px solid #dfe5d5;padding-top:10px;margin:10px 0 0}.history small{float:right}.help{font-size:11px}.admin-row b{font-weight:500;line-height:2}.admin-row>div:last-child{white-space:nowrap}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #bda56d;outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){.admin-stats{grid-template-columns:repeat(2,1fr);gap:8px}.admin-stats>div{padding:16px}.publish-bar{flex-direction:column;align-items:start}.login-panel{padding:25px}.admin-row{padding:12px 0}.admin-row>div:last-child{white-space:normal}.history small{float:none;display:block}.web-status{font-size:8px}.admin-row button{padding:6px}}
@media(max-width:700px){nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:5px}nav button{white-space:normal;justify-content:center;margin-bottom:0;padding:10px 5px;font-size:11px;min-height:42px}.hero-text{width:100%}.hero h2{font-size:30px}.hero p{max-width:100%}.hero-art{opacity:.18}.hero .kaaba{opacity:.4}.hero .primary{font-size:12px}header{gap:8px}header div{gap:10px}}
