@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Marhey:wght@400;500;600;700&display=swap');
:root{--pine:#17372f;--pine2:#102b25;--sand:#f5f0e6;--paper:#fbf8f1;--gold:#c8a56c;--ink:#202921;--muted:#74776e;--line:rgba(30,46,37,.14);--display:'Marhey','Cairo',serif;--font:'Cairo',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--sand);color:var(--ink);font-family:var(--font)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 90%,rgba(200,165,108,.15),transparent 24%),var(--pine)}.login-card{width:min(430px,100%);padding:37px;background:var(--paper);box-shadow:0 24px 70px rgba(0,0,0,.22)}.back-link{display:inline-block;margin-bottom:28px;color:#927044;font-size:11px;font-weight:700}.brand-mark{width:51px;height:51px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--pine);font:600 25px var(--display)}.overline{margin:18px 0 6px;color:#96784a;font-size:9px;font-weight:800;letter-spacing:1px}.login-card h1,.dash-header h1{margin:0;color:var(--pine);font:500 30px/1.5 var(--display)}.subtext{margin:5px 0 24px;color:var(--muted);font-size:11px;line-height:1.8}.login-card label,.form-grid label{display:flex;flex-direction:column;gap:7px;color:#4e564c;font-size:10px;font-weight:700}.login-card input,.form-grid input,.form-grid textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:2px;background:#fffdf9;color:var(--ink);font:500 12px var(--font);outline:none}.login-card input:focus,.form-grid input:focus,.form-grid textarea:focus{border-color:var(--gold)}.login-card input{margin-top:2px}.primary-button,.outline-button,.danger-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 15px;border:1px solid var(--pine);border-radius:2px;font-size:10px;font-weight:800}.primary-button{background:var(--pine);color:var(--paper)}.primary-button:hover{background:#244a3e}.login-card .primary-button{width:100%;margin-top:14px}.error{min-height:12px;margin:8px 0 0;color:#a53c34;font-size:10px}.security-note{display:block;margin-top:18px;color:#88867e;font-size:9px}.security-note code{color:#67543a}.dashboard{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:25px 18px;background:var(--pine);color:var(--paper)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{flex:none}.brand b,.brand small{display:block}.brand b{font:600 16px var(--display)}.brand small{margin-top:3px;color:var(--gold);font-size:9px}.sidebar-label{margin:42px 0 10px;color:rgba(255,255,255,.4);font-size:9px}.side-link{padding:12px 11px;border-right:2px solid transparent;color:rgba(255,255,255,.72);font-size:10px}.side-link.active,.side-link:hover{border-color:var(--gold);background:rgba(255,255,255,.06);color:var(--gold-light)}.sidebar-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;color:rgba(255,255,255,.6);font-size:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#95b88c}.main-panel{width:min(1120px,100%);margin:0 auto;padding:38px 42px}.dash-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.dash-header .overline{margin:0 0 5px}.dash-header h1{font-size:27px}.dash-header .subtext{margin:4px 0 0}.header-actions{display:flex;gap:9px}.outline-button{background:transparent;color:var(--pine);border-color:rgba(23,55,47,.3)}.outline-button:hover{background:rgba(23,55,47,.05)}.notice{margin-bottom:21px;padding:12px 15px;border-right:3px solid var(--gold);background:#f8f3e8;color:#696a60;font-size:10px;line-height:1.8}.notice b{color:var(--pine)}.panel{margin-bottom:20px;padding:23px 25px;background:var(--paper);border:1px solid rgba(30,46,37,.07)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.panel-heading .overline{margin:0 0 4px}.panel-heading h2{margin:0;color:var(--pine);font:500 21px var(--display)}.panel-heading p:not(.overline){margin:5px 0 0;color:var(--muted);font-size:10px}.saved-state{color:#648266;font-size:9px;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label.wide,.form-actions{grid-column:1/-1}.form-grid textarea{resize:vertical}.form-actions{display:flex;gap:9px;margin-top:4px}.image-management{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-box{position:relative;min-height:130px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:18px;border:1px dashed #c8b792;background:#faf7f0;cursor:pointer}.upload-box:hover{border-color:#927044}.upload-mark{color:#9a7a4a;font-size:9px;font-weight:800}.upload-box b{color:var(--pine);font:600 14px var(--display)}.upload-box small{color:var(--muted);font-size:9px;line-height:1.6}.upload-box input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.built-in{margin-top:14px;padding:12px 14px;background:#f1ebdd}.built-in strong{color:var(--pine);font-size:10px}.built-in p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.7}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:11px;margin-top:13px}.photo-card{position:relative;min-height:150px;overflow:hidden;background:#e3ddcf}.photo-card img{width:100%;height:150px;object-fit:cover}.photo-card span{position:absolute;right:0;left:0;bottom:0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.68));color:#fff;font-size:9px}.photo-card button{position:absolute;top:7px;left:7px;width:27px;height:27px;border:0;border-radius:50%;background:rgba(16,43,37,.92);color:#fff;font-size:17px}.backup-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.import-button{position:relative;overflow:hidden;cursor:pointer}.import-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.danger-button{border-color:rgba(160,62,50,.3);color:#9b443b;background:transparent}.danger-button:hover{background:#fff0ed}.dash-footer{display:flex;justify-content:space-between;padding:10px 2px;color:#77776f;font-size:9px}.dash-footer a{color:#927044;font-weight:700}
@media(max-width:900px){.dashboard{grid-template-columns:190px 1fr}.sidebar{padding:21px 13px}.main-panel{padding:30px 23px}}@media(max-width:640px){.dashboard{display:block}.sidebar{position:relative;height:auto;padding:14px 17px}.sidebar-label,.side-link,.sidebar-bottom{display:none}.main-panel{padding:22px 14px}.dash-header{align-items:flex-start;flex-direction:column}.dash-header h1{font-size:23px}.header-actions{width:100%;flex-wrap:wrap}.header-actions>*{flex:1}.panel{padding:18px 14px}.panel-heading h2{font-size:18px}.form-grid{grid-template-columns:1fr;gap:12px}.form-grid label.wide,.form-actions{grid-column:auto}.image-management{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.form-actions>*{flex:1}.backup-row>*{flex:1 1 130px}.dash-footer{gap:8px;flex-direction:column}.login-card{padding:27px 21px}}