:root { --ink:#0d2947; --paper:#f4f8fc; --white:#ffffff; --orange:#1468c4; --muted:#5d7084; --line:rgba(13,52,89,.14); --red:#a83f3f; --blue:#145a9c; --sage:#c9ddf2; --sans:Inter,Aptos,"Segoe UI",Arial,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--paper); color:var(--ink); font-family:var(--sans); }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
[hidden] { display:none !important; }
.eyebrow { margin:0 0 8px; color:var(--orange); font-size:9px; font-weight:900; letter-spacing:.17em; }
.login-view { min-height:100vh; display:grid; place-items:center; padding:24px; background-color:#e2effb; background-image:linear-gradient(rgba(20,90,156,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(20,90,156,.06) 1px,transparent 1px); background-size:60px 60px; }
.login-card { width:min(100%,480px); background:var(--white); border-radius:24px; padding:clamp(28px,5vw,50px); box-shadow:0 30px 80px rgba(0,0,0,.35); }
.back-link { display:inline-block; color:var(--muted); font-size:12px; margin-bottom:36px; text-decoration:none; }
.admin-mark { display:grid; place-items:center; width:56px; height:56px; border-radius:15px; background:var(--ink); color:var(--orange); font-weight:950; margin-bottom:22px; }
.login-card h1 { font-size:clamp(32px,6vw,46px); line-height:1; letter-spacing:-.05em; margin:0; }
.login-card > p:not(.eyebrow) { color:var(--muted); line-height:1.6; margin:18px 0 30px; }
.login-card label,.field label { display:block; margin-bottom:7px; font-size:11px; font-weight:850; }
.login-card input,.field input,.field textarea,.panel-head input { width:100%; border:1px solid var(--line); border-radius:10px; background:#f8f6f1; color:var(--ink); padding:13px 14px; outline:none; }
input:focus,textarea:focus { border-color:var(--orange)!important; box-shadow:0 0 0 3px rgba(168,95,69,.12); }
.login-card button { width:100%; min-height:50px; border:0; border-radius:10px; background:var(--orange); color:var(--ink); font-weight:900; margin-top:14px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; }
.message,.form-message { padding:11px 13px; margin-top:14px; border-radius:8px; background:#fff0e9; color:#8f3217; font-size:12px; }
.dashboard { min-height:100vh; }
.admin-header { height:70px; padding:0 26px; display:flex; align-items:center; justify-content:space-between; background:var(--ink); color:var(--white); }
.admin-brand { display:flex; align-items:center; gap:10px; text-decoration:none; }.admin-brand span { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; background:var(--orange); color:var(--ink); font-size:11px; font-weight:950; }.admin-brand strong { font-size:13px; }
.header-actions { display:flex; align-items:center; gap:18px; }.header-actions a,.header-actions button { color:#aeb8c7; background:none; border:0; font-size:11px; }.header-actions a { text-decoration:none; }.header-actions button { border-left:1px solid rgba(255,255,255,.15); padding-left:18px; }
.dashboard-grid { min-height:calc(100vh - 70px); display:grid; grid-template-columns:250px minmax(360px,1fr) minmax(430px,.9fr); }
.sidebar { padding:40px 26px; border-right:1px solid var(--line); background:#eaf2fa; }.sidebar h1 { font-size:33px; margin:22px 0 0; letter-spacing:-.05em; }.sidebar > p:not(.eyebrow) { color:var(--muted); font-size:13px; line-height:1.55; }.new-button { width:100%; border:0; border-radius:9px; padding:13px 15px; margin:24px 0; background:var(--blue); color:var(--white); font-size:12px; font-weight:850; }.sidebar-stats { border-top:1px solid var(--line); display:grid; gap:10px; padding-top:20px; }.sidebar-stats span { display:flex; justify-content:space-between; font-size:11px; color:var(--muted); }.sidebar-stats strong { color:var(--ink); }
.content-switch { display:grid;grid-template-columns:1fr 1fr;padding:3px;background:rgba(54,90,107,.08);border-radius:9px }.content-switch button{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:8px 5px;font-size:10px;font-weight:850}.content-switch button.active{background:var(--white);color:var(--blue);box-shadow:0 3px 12px rgba(54,90,107,.12)}
.project-list-panel { background:var(--white); border-right:1px solid var(--line); padding:34px 26px; overflow:auto; max-height:calc(100vh - 70px); }.panel-head { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:22px; }.panel-head h2 { margin:0; font-size:27px; letter-spacing:-.04em; }.panel-head input { width:160px; padding:9px 11px; }
.project-list { display:grid; gap:9px; }.project-row { width:100%; text-align:left; padding:17px; border:1px solid var(--line); border-radius:11px; background:#faf8f3; color:var(--ink); }.project-row.active { border-color:var(--orange); box-shadow:0 0 0 2px rgba(168,95,69,.12); }.project-row-top { display:flex; justify-content:space-between; gap:12px; margin-bottom:7px; }.project-row-category { color:var(--orange); font-size:8px; font-weight:950; letter-spacing:.11em; text-transform:uppercase; }.status { width:8px; height:8px; border-radius:50%; background:#b8bdc4; }.status.live { background:#4a9a68; box-shadow:0 0 0 3px rgba(74,154,104,.12); }.project-row strong { display:block; font-size:14px; line-height:1.3; }.project-row small { color:var(--muted); font-size:10px; }.empty-state { padding:35px 12px; text-align:center; color:var(--muted); font-size:13px; }
.editor-panel { padding:34px 32px; background:var(--paper); overflow:auto; max-height:calc(100vh - 70px); }.editor-panel form { max-width:640px; }.close-editor { border:0; background:none; font-size:28px; color:var(--muted); }.field { margin-bottom:17px; }.field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.field textarea { min-height:110px; resize:vertical; line-height:1.5; }.field small { display:block; text-align:right; color:var(--muted); font-size:9px; margin-top:5px; }
.translation-block { margin:22px 0; border:1px solid var(--line); border-radius:12px; background:var(--white); }.translation-block > summary { cursor:pointer; padding:14px 16px; color:var(--blue); font-size:11px; font-weight:850; }.translation-block > summary span { color:var(--muted); font-weight:500; margin-left:6px; }.translation-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 14px 14px}.translation-grid fieldset{min-width:0;margin:0;border:1px solid var(--line);border-radius:9px;padding:13px}.translation-grid legend{padding:0 5px;color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.08em}.translation-grid .field:last-child{margin-bottom:0}.translation-grid textarea{min-height:85px}
.toggles { display:flex; gap:24px; margin:22px 0; }.toggles label { display:flex; align-items:center; gap:8px; font-size:11px; cursor:pointer; }.toggles input { position:absolute; opacity:0; }.toggles span { width:36px; height:20px; border-radius:20px; background:#c6c9cd; position:relative; transition:.2s; }.toggles span::after { content:""; position:absolute; width:14px; height:14px; border-radius:50%; background:white; left:3px; top:3px; transition:.2s; }.toggles input:checked + span { background:var(--orange); }.toggles input:checked + span::after { transform:translateX(16px); }
.editor-actions { display:flex; justify-content:flex-end; gap:10px; padding-top:18px; border-top:1px solid var(--line); }.editor-actions button { border-radius:9px; padding:12px 17px; font-size:11px; font-weight:850; }.save-button { border:0; background:var(--orange); color:var(--ink); }.delete-button { margin-right:auto; border:1px solid rgba(185,61,61,.35); color:var(--red); background:transparent; }
@media (max-width:1050px) { .dashboard-grid { grid-template-columns:220px 1fr; }.editor-panel { position:fixed; inset:70px 0 0 220px; z-index:5; transform:translateX(105%); transition:transform .25s; box-shadow:-20px 0 60px rgba(0,0,0,.18); }.editor-panel.open { transform:none; } }
@media (max-width:700px) { .admin-header { padding:0 16px; }.dashboard-grid { grid-template-columns:1fr; }.sidebar { border-right:0; padding:25px 18px; }.sidebar > p:not(.eyebrow) { display:none; }.sidebar h1 { font-size:27px; }.new-button { margin:16px 0 8px; }.sidebar-stats { grid-template-columns:1fr 1fr; border:0; padding-top:8px; }.project-list-panel { max-height:none; border:0; padding:25px 18px; }.editor-panel { inset:70px 0 0; padding:25px 18px; }.field-row,.translation-grid { grid-template-columns:1fr; }.header-actions a { display:none; } }