:root { --ink:#18231d; --muted:#6c756f; --paper:#f5f2ea; --panel:#fffdf8; --forest:#174a35; --forest2:#2f6c4e; --line:#ded9ce; --danger:#9b3d36; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink); background:var(--paper); }
*{box-sizing:border-box} body{margin:0;min-width:320px} button,input,textarea,select{font:inherit} button{cursor:pointer} [hidden]{display:none!important}
.admin-brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.admin-brand span{display:grid;place-items:center;width:39px;height:39px;border-radius:50% 50% 50% 10px;background:var(--forest);color:#fff;font:22px Georgia,serif}.admin-brand strong{font:600 20px Georgia,serif}
.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 75% 20%,#dce9df 0,transparent 30%),var(--paper)}.login-card{width:min(430px,100%);padding:38px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 25px 70px #1b322526}.login-card>.admin-brand{margin-bottom:48px}.overline{margin:0;color:var(--forest2);font-size:10px!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.login-card h1{margin:8px 0 12px;font:600 38px/1.04 Georgia,serif;letter-spacing:-.025em}.login-card>p:not(.overline):not(.form-error){margin:0 0 25px;color:var(--muted);font-size:13px;line-height:1.55}.login-card label{display:grid;gap:8px;color:#48534c;font-size:12px;font-weight:700}.login-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;outline:0}.login-card input:focus{border-color:var(--forest2);box-shadow:0 0 0 3px #e3ede6}.login-card .primary{width:100%;margin-top:8px}
.primary{border:1px solid var(--forest);border-radius:999px;background:var(--forest);color:#fff;padding:11px 17px;font-size:12px;font-weight:800}.primary:hover{background:#0f3b29}.primary:disabled{cursor:wait;opacity:.65}
.danger-button{border:1px solid #d7b7b3;border-radius:999px;background:#fff8f6;color:var(--danger);padding:10px 14px;font-size:11px;font-weight:800}.danger-button:hover{border-color:var(--danger);background:#fbecea}.danger-button:disabled{cursor:wait;opacity:.6}
.empty-editor{margin:0;padding:34px 20px;border:1px dashed #c8d2ca;border-radius:13px;color:var(--muted);text-align:center;font-size:11px;line-height:1.6}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(600px,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel)}.sidebar-title{margin:43px 4px 12px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sidebar-title b{display:grid;place-items:center;min-width:21px;height:21px;border-radius:50%;background:#edf2ed;color:var(--forest);font-size:10px}.new-work{width:100%;padding:10px 12px;border:1px dashed #a9b9ad;border-radius:11px;background:#f7f9f6;color:var(--forest);text-align:left;font-size:11px;font-weight:750}.new-work span{font-size:16px;margin-right:5px}.admin-work-list{display:grid;gap:7px;margin-top:12px;overflow:auto}.admin-work-list button{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink);text-align:left}.admin-work-list button:hover{background:#f4f1e8}.admin-work-list button.active{border-color:#cfddd2;background:#eaf1eb}.admin-work-list i{--cover:#315d47;flex:0 0 29px;height:41px;display:grid;place-items:center;border-radius:2px 5px 5px 2px;background:var(--cover);color:#f5e8c8;font:15px Georgia,serif}.admin-work-list span{display:grid;min-width:0}.admin-work-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px Georgia,serif}.admin-work-list small{margin-top:3px;color:var(--muted);font-size:9px}.sidebar-actions{margin-top:auto;padding:17px 4px 0;display:grid;gap:9px;border-top:1px solid var(--line)}.sidebar-actions a,.sidebar-actions button{border:0;background:transparent;color:var(--muted);padding:0;text-align:left;text-decoration:none;font-size:10px}.sidebar-actions a:hover,.sidebar-actions button:hover{color:var(--forest)}
.editor{padding:0 clamp(28px,5vw,80px) 80px}.editor-header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.editor-header p{margin:0 0 5px;color:var(--forest2);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.editor-header h1{margin:0;font:600 27px Georgia,serif}.editor-actions{display:flex;align-items:center;gap:14px}.editor-actions>span{color:#9b7950;font-size:10px}.editor form{max-width:1000px;margin:30px auto 0}.metadata-card,.content-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 8px 30px #28372e0d}.metadata-card{display:grid;grid-template-columns:2fr .7fr 1.2fr .55fr 56px;gap:18px;padding:24px}.field{display:grid;align-content:start;gap:7px}.field label,.section-form label{color:#4c5750;font-size:10px;font-weight:800;letter-spacing:.025em}.field label em,.section-form label em{margin-left:4px;color:#9b7950;font-size:8px;font-style:normal;font-weight:600}.field input,.field textarea,.section-form input,.section-form textarea,.section-form select{width:100%;border:1px solid #d7d4cb;border-radius:9px;background:#fff;padding:10px 11px;color:var(--ink);outline:0}.field input:focus,.field textarea:focus,.section-form input:focus,.section-form textarea:focus,.section-form select:focus{border-color:var(--forest2);box-shadow:0 0 0 3px #e6eee8}.tagline-field{grid-column:1/5}.color-field{grid-column:5;grid-row:1/3}.color-field input{height:74px;padding:5px}.content-card{margin-top:22px;overflow:hidden}.content-intro{padding:24px;display:flex;align-items:end;justify-content:space-between;gap:30px}.content-intro h2{margin:5px 0 0;font:600 22px Georgia,serif}.content-intro>p{max-width:420px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.admin-tabs{display:flex;padding:0 24px;border-bottom:1px solid var(--line);overflow:auto}.admin-tabs button{display:flex;align-items:center;gap:7px;padding:0 18px 14px 0;margin-right:24px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap}.admin-tabs button[aria-selected=true]{border-bottom-color:var(--forest);color:var(--forest)}.admin-tabs button>span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#ece9e0;font-size:9px}.admin-tabs button[aria-selected=true]>span{background:var(--forest);color:white}.admin-tabs b{min-width:19px;padding:3px 5px;border-radius:999px;background:#f0eee7;color:var(--muted);font-size:8px}.section-editor{display:grid;gap:15px;padding:24px}.section-form{padding:20px;border:1px solid #dedbd2;border-radius:14px;background:#fbfaf6}.section-form header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-form header div{display:grid;gap:2px}.section-form header span{color:var(--forest2);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.section-form header b{font:600 16px Georgia,serif}.remove-section{border:0;background:transparent;color:var(--danger);font-size:9px}.section-form>label{display:grid;gap:7px;margin-top:14px}.section-form textarea{resize:vertical;min-height:150px;line-height:1.55}.section-options{display:grid;grid-template-columns:180px 1fr;gap:14px;margin-top:14px}.section-options label,.source-fields label{display:grid;gap:7px}.section-form details{margin-top:15px;padding-top:14px;border-top:1px solid #e5e2da}.section-form summary{cursor:pointer;color:var(--muted);font-size:9px;font-weight:750}.source-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin-top:13px}.add-section{margin:0 24px 24px;width:calc(100% - 48px);padding:12px;border:1px dashed #aab9ae;border-radius:11px;background:#f7faf7;color:var(--forest);font-size:10px;font-weight:800}.form-error{min-height:18px;margin:14px 0 0;color:var(--danger);font-size:11px}.toast{position:fixed;z-index:20;right:24px;bottom:24px;padding:12px 16px;border-radius:10px;background:var(--forest);color:white;font-size:11px;box-shadow:0 12px 35px #1c33264d;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.admin-shell{grid-template-columns:210px 1fr}.editor{padding:0 25px 60px}.editor-header{align-items:flex-start;padding:22px 0}.editor-actions{align-items:flex-end;flex-direction:column}.metadata-card{grid-template-columns:1fr 1fr}.title-field,.tagline-field{grid-column:1/-1}.color-field{grid-column:auto;grid-row:auto}.content-intro{align-items:start;flex-direction:column}.source-fields{grid-template-columns:1fr}}
@media(max-width:680px){.admin-shell{display:block}.admin-sidebar{position:static;height:auto;padding:16px;border:0;border-bottom:1px solid var(--line)}.sidebar-title,.admin-work-list,.sidebar-actions{display:none}.new-work{margin-top:15px}.editor{padding:0 16px 50px}.editor-header{display:block}.editor-actions{margin-top:16px;align-items:stretch;flex-direction:row;justify-content:space-between}.editor-header h1{font-size:23px}.metadata-card{grid-template-columns:1fr;padding:18px}.title-field,.tagline-field,.color-field{grid-column:auto}.color-field input{height:48px}.content-intro{padding:18px}.admin-tabs{padding:0 18px}.admin-tabs button{margin-right:16px}.section-editor{padding:18px}.section-options{grid-template-columns:1fr}.add-section{margin:0 18px 18px;width:calc(100% - 36px)}}