:root{--wine:#3a0d15;--wine2:#21070c;--paper:#f6f2ec;--ink:#231a1b;--muted:#847576;--gold:#bd9561;--line:#dfd6ce}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:14px}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#6d2933,transparent 32%),var(--wine2);padding:25px}.login-card{width:min(430px,100%);background:#fbf8f3;padding:48px;display:grid;gap:20px;box-shadow:0 35px 100px #0d0205}.monogram{width:52px;height:52px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:#875629;font:600 13px Georgia}.login-card p{margin:5px 0 -14px;text-transform:uppercase;font-size:9px;letter-spacing:.2em;color:#997858}.login-card h1{font:400 42px Georgia;margin:0}.login-card label,.form-grid label,.stack label{display:grid;gap:7px;font-size:11px;font-weight:600;color:#625456}.login-card input,.form-grid input,.form-grid textarea,.stack input{width:100%;border:1px solid var(--line);background:#fff;padding:12px;outline:0}.login-card input:focus,.form-grid input:focus,.form-grid textarea:focus,.stack input:focus{border-color:var(--gold)}.login-card button,.primary{border:0;background:var(--wine);color:#fff;padding:14px 20px;cursor:pointer;display:inline-block}.back{text-align:center;color:var(--muted);font-size:12px}.admin-page{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-page aside{position:fixed;z-index:10;width:250px;height:100vh;background:var(--wine2);color:#d9c7c8;padding:30px 22px;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:13px;font-family:Georgia}.admin-brand>span{border:1px solid var(--gold);color:var(--gold);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:10px}.admin-brand small{display:block;font:8px Inter;text-transform:uppercase;letter-spacing:.18em;color:#917b7d;margin-top:5px}.admin-page aside nav{display:grid;gap:4px;margin-top:55px}.admin-page aside nav a{padding:11px 13px;color:#a99496;font-size:12px;display:flex;justify-content:space-between}.admin-page aside nav a:hover,.admin-page aside nav a.active{background:#43121a;color:#fff}.admin-page aside nav b{background:var(--gold);color:#21070c;border-radius:10px;min-width:18px;text-align:center}.aside-bottom{margin-top:auto;display:flex;justify-content:space-between;color:#8d7779;font-size:11px}.admin-page>main{grid-column:2;padding:40px clamp(25px,5vw,75px) 70px;max-width:1450px;width:100%}.admin-page header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.admin-page header p,.kicker{margin:0;text-transform:uppercase;letter-spacing:.2em;color:#9a7757;font-size:9px}.admin-page header h1{font:400 38px Georgia;margin:5px 0}.admin-page header>span{background:#fff;border:1px solid var(--line);padding:9px 13px;font-size:11px}.mobile-menu{display:none}.alert{padding:13px 18px;background:#e5eee5;color:#315635;border-left:3px solid #67826a;margin-bottom:25px}.alert.error{background:#f3e1e1;color:#792d34;border-color:#9e3d47}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stats article{background:#fff;border:1px solid var(--line);padding:25px}.stats span{display:block;color:var(--muted);font-size:11px}.stats strong{display:block;font:400 48px Georgia;color:var(--wine);margin-top:12px}.panel{background:#fff;border:1px solid var(--line);padding:clamp(22px,3vw,42px);margin-bottom:25px}.panel.narrow{max-width:650px}.panel h2{font:400 28px Georgia;margin:0 0 25px}.welcome{min-height:390px;background:linear-gradient(90deg,rgba(25,4,9,.96),rgba(61,9,19,.82)),radial-gradient(circle at 80%,#9c6845,transparent 40%);color:#fff;padding:65px}.welcome h2{font:400 clamp(42px,5vw,70px)/1 Georgia;margin:15px 0 25px}.welcome>p:not(.kicker){max-width:520px;color:#c6b6b7;margin-bottom:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid h2,.form-grid .wide{grid-column:1/-1}.form-grid label small,.stack label small{font-weight:400;color:var(--muted);margin-left:5px}.form-grid textarea{resize:vertical;line-height:1.55}.form-grid>button{justify-self:start}.form-grid.compact{padding:25px 0}.check{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px!important}.check input{width:auto!important}.editor{border-top:1px solid var(--line)}.editor:last-child{border-bottom:1px solid var(--line)}.editor>summary,.message>summary{cursor:pointer;list-style:none;padding:18px 5px;display:flex;align-items:center;justify-content:space-between;gap:20px}.editor>summary::-webkit-details-marker,.message>summary::-webkit-details-marker{display:none}.editor>summary span,.message>summary span{display:grid;gap:4px}.editor>summary b,.message>summary b{font:400 20px Georgia}.editor>summary small,.message>summary small{color:var(--muted)}.editor>summary i{font-style:normal;text-transform:uppercase;font-size:8px;letter-spacing:.14em;color:#79685e}.row{display:flex;align-items:center;gap:10px}.row button,.danger,.message button{border:1px solid var(--line);background:#fff;padding:11px 15px;cursor:pointer}.row .primary{border:0;background:var(--wine)}.danger{color:#993c45!important}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.photo-grid article{background:#fff;border:1px solid var(--line)}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.photo-grid article>div{padding:15px;display:flex;justify-content:space-between;align-items:center}.messages{padding-top:10px}.message{border-bottom:1px solid var(--line)}.message.unread{border-left:3px solid var(--gold);padding-left:15px;background:#fcf8f1}.message time{font-size:10px;color:var(--muted)}.message>p{max-width:850px;line-height:1.7}.message .row{padding-bottom:20px}.stack{display:grid;gap:20px}.stack button{justify-self:start}
@media(max-width:900px){.admin-page{grid-template-columns:1fr}.admin-page aside{display:none;width:100%;height:100vh}.admin-page aside.open{display:flex}.admin-page>main{grid-column:1;padding:25px}.mobile-menu{display:block;border:1px solid var(--line);background:#fff;padding:9px}.admin-page header>span{display:none}.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1!important}.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.login-card{padding:30px}.stats,.photo-grid{grid-template-columns:1fr}.welcome{padding:35px}.admin-page header h1{font-size:29px}}
.muted{color:var(--muted);max-width:760px;line-height:1.7;margin:-8px 0 28px}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.theme-card{position:relative;display:grid;gap:13px;border:1px solid var(--line);background:#fff;padding:18px;cursor:pointer;min-height:280px;transition:.2s}.theme-card:hover,.theme-card.selected{border-color:var(--gold);box-shadow:0 18px 55px rgba(58,13,21,.1);transform:translateY(-2px)}.theme-card input{position:absolute;top:18px;right:18px;accent-color:var(--wine)}.theme-card strong{font:400 24px Georgia;color:var(--wine);margin-top:4px}.theme-card small{color:var(--muted);line-height:1.55}.theme-preview{position:relative;display:block;height:135px;overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#2b0710}.theme-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,var(--p1),var(--p2));}.theme-preview:after{content:"";position:absolute;left:18px;bottom:18px;width:42%;height:8px;background:var(--p4);box-shadow:0 -20px 0 -2px var(--p3),0 -42px 0 -4px var(--p3)}.theme-preview i{position:absolute;right:-22px;top:24px;width:92px;height:92px;border-radius:50%;border:1px solid var(--p4);z-index:1}.theme-preview b{position:absolute;right:32px;bottom:0;width:34px;height:118px;background:linear-gradient(90deg,var(--p3),var(--p5));border-radius:40px 40px 0 0;z-index:1}.theme-preview em{position:absolute;right:74px;bottom:0;width:34px;height:118px;background:linear-gradient(90deg,var(--p5),var(--p3));border-radius:40px 40px 0 0;z-index:1}.theme-preview-classic{--p1:#17070b;--p2:#4b101b;--p3:#721522;--p4:#c5a06a;--p5:#1e0509}.theme-preview-luminous{--p1:#fffaf3;--p2:#ead2b1;--p3:#fff6e8;--p4:#b88446;--p5:#f0d9b8}.theme-preview-gothic{--p1:#fbf0dc;--p2:#d6b57d;--p3:#7d1e2a;--p4:#c7983f;--p5:#efe0c2}.theme-preview-archaic{--p1:#fff3d7;--p2:#d9b173;--p3:#9f1d2d;--p4:#1f5f83;--p5:#f6e3b3}.theme-preview-archaic:before{background:repeating-linear-gradient(45deg,var(--p3) 0 8px,var(--p5) 8px 16px,var(--p4) 16px 24px,var(--p5) 24px 32px),linear-gradient(115deg,var(--p1),var(--p2));background-size:44px 44px,auto;opacity:.96}.theme-preview-archaic:after{height:14px;background:repeating-linear-gradient(90deg,var(--p3) 0 10px,var(--p5) 10px 15px,var(--p4) 15px 25px,var(--p5) 25px 30px)}.theme-grid .primary{justify-self:start;grid-column:1/-1;margin-top:4px}@media(max-width:1200px){.theme-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.theme-grid{grid-template-columns:1fr}.theme-card{min-height:0}}
.theme-preview-gothic_oldfont{--p1:#fbf0dc;--p2:#d6b57d;--p3:#7d1e2a;--p4:#c7983f;--p5:#efe0c2}
.theme-preview-time_light{--p1:#eef9ff;--p2:#9bd3ff;--p3:#ffffff;--p4:#d7b86a;--p5:#cfeeff}.theme-preview-time_light:before{background:radial-gradient(circle at 70% 32%,rgba(255,255,255,.95),transparent 18%),radial-gradient(circle at 28% 42%,rgba(255,255,255,.82),transparent 17%),linear-gradient(145deg,var(--p1),var(--p2));}.theme-preview-time_light:after{height:20px;border-radius:30px;background:radial-gradient(ellipse at 20% 50%,#fff 0 24px,transparent 25px),radial-gradient(ellipse at 48% 50%,#fff 0 34px,transparent 35px),radial-gradient(ellipse at 78% 50%,#fff 0 25px,transparent 26px);box-shadow:0 -34px 0 -8px rgba(255,255,255,.82),0 -62px 0 -14px rgba(215,184,106,.55)}
.form-grid select{width:100%;border:1px solid var(--line);background:#fff;padding:12px;outline:0}.translations-stats{grid-template-columns:repeat(3,1fr)}

/* Sidebar scroll: meniul din stanga ramane fix, iar lista de tab-uri se poate derula. */
.admin-page aside{overflow:hidden}
.admin-brand{flex:0 0 auto}
.admin-page aside nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;margin-top:35px;padding-right:6px;scrollbar-width:thin;scrollbar-color:#6b2a33 #21070c}
.admin-page aside nav::-webkit-scrollbar{width:7px}
.admin-page aside nav::-webkit-scrollbar-track{background:#21070c}
.admin-page aside nav::-webkit-scrollbar-thumb{background:#6b2a33;border-radius:20px}
.aside-bottom{flex:0 0 auto;margin-top:18px}

/* Responsive hardening pentru panoul de administrare. */
html,body{max-width:100%;overflow-x:hidden}
input,select,textarea,button{max-width:100%;min-width:0}
img,iframe,video{max-width:100%}
.panel,.editor,.message,.form-grid,.stack,.stats,.theme-grid,.photo-grid{min-width:0}
.editor>summary,.message>summary,.row{min-width:0}
.editor>summary span,.message>summary span{min-width:0;overflow-wrap:anywhere}
.form-grid select{width:100%;border:1px solid var(--line);background:#fff;padding:12px;outline:0}

@media(max-width:1100px){
  .admin-page{grid-template-columns:230px 1fr}
  .admin-page aside{width:230px;padding-inline:18px}
  .admin-page>main{padding-inline:28px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .theme-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:900px){
  .admin-page aside{position:fixed;inset:0;width:100%;padding:24px;overflow:hidden}
  .admin-page aside nav{margin-top:24px}
  .admin-page header{gap:14px;align-items:flex-start}
  .panel{padding:24px}
  .form-grid.compact{padding:12px 0}
}

@media(max-width:640px){
  body{font-size:13px}
  .login-page{padding:14px}
  .login-card{padding:24px}
  .login-card h1{font-size:34px}
  .admin-page>main{padding:18px}
  .admin-page header{margin-bottom:22px;flex-wrap:wrap}
  .admin-page header h1{font-size:28px;line-height:1.05}
  .panel{padding:18px;margin-bottom:18px}
  .panel h2{font-size:24px}
  .stats{grid-template-columns:1fr;gap:12px}
  .stats article{padding:18px}
  .stats strong{font-size:38px}
  .editor>summary,.message>summary{align-items:flex-start;flex-direction:column;gap:8px;padding:15px 0}
  .editor>summary b,.message>summary b{font-size:18px}
  .row{align-items:stretch;flex-direction:column;width:100%}
  .row button,.row .primary,.danger,.message button,.primary{width:100%;text-align:center}
  .theme-grid,.photo-grid,.translations-stats{grid-template-columns:1fr}
  .theme-card{padding:15px}
  .theme-preview{height:110px}
  .photo-grid article>div{align-items:flex-start;flex-direction:column;gap:12px}
  .check{align-items:flex-start}
  .aside-bottom{gap:12px;flex-direction:column}
}