:root{--ink:#15213b;--muted:#65718a;--paper:#fff;--canvas:#f4f7fb;--line:#e3e8f0;--accent:#4f46e5;--dark:#11182b;--success:#047857;--danger:#b42318}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font-family:Inter,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.brand{font-size:1.15rem;font-weight:850;color:var(--ink);letter-spacing:-.04em}.brand span{color:var(--accent)}.site-header{height:72px;display:flex;justify-content:space-between;align-items:center;max-width:1160px;margin:auto;padding:0 24px;background:var(--paper)}.site-header nav{display:flex;gap:20px;align-items:center}.site-body{background:var(--paper)}.home,.article{max-width:1100px;margin:auto;padding:60px 24px 90px}.hero{padding:48px 0 55px;border-bottom:1px solid var(--line)}.hero h1{max-width:650px;font-size:clamp(2.7rem,6vw,5.2rem);line-height:.96;margin:14px 0;letter-spacing:-.075em}.hero p,.lead{color:var(--muted);font-size:1.2rem}.eyebrow,.label{color:var(--accent);font-weight:800;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:38px}.card{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}.card img{width:100%;height:180px;object-fit:cover;border-radius:8px;margin:-4px 0 18px}.card h2{font-size:1.3rem;line-height:1.2}.card p,.card small,.muted{color:var(--muted)}.card small{display:block;margin-top:18px}.empty{padding:40px;border:1px dashed var(--line);border-radius:12px;grid-column:1/-1;color:var(--muted)}footer{padding:36px 24px;max-width:1100px;margin:auto;border-top:1px solid var(--line);color:var(--muted)}footer p{margin:.2rem 0}.article{max-width:800px}.article h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.03;letter-spacing:-.06em;margin:12px 0}.byline{font-size:.9rem;color:var(--muted);padding-bottom:25px}.cover{max-width:100%;border-radius:12px;margin:10px 0 35px}.prose{font-size:1.1rem;line-height:1.85}.prose img{max-width:100%}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;padding:28px 16px;background:var(--dark);display:flex;flex-direction:column}.sidebar .brand{color:white;padding:0 12px 30px}.sidebar nav{display:grid;gap:4px}.sidebar nav a,.signout{padding:10px 12px;border-radius:7px;color:#c2cadb;font-size:.93rem}.sidebar nav a:hover,.sidebar nav a:focus{background:#202a43;color:white;text-decoration:none}.signout{margin-top:auto}.admin-main{margin-left:244px;min-height:100vh;padding:32px;max-width:1500px}.admin-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 28px}.admin-header h1{font-size:1.7rem;margin:0;letter-spacing:-.04em}.admin-header .muted{font-size:.8rem}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;overflow:auto}.panel h2{font-size:1.05rem;margin-top:0}.panel-title,.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.stat span{display:block;color:var(--muted);font-size:.82rem}.stat strong{display:block;font-size:1.8rem;margin-top:3px}.stat a{font-size:1rem}.alert{padding:12px 15px;border-radius:8px;margin:0 0 18px}.alert.error{background:#fff1f0;color:var(--danger)}.alert.success{background:#ecfdf5;color:var(--success)}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}td,th{padding:12px 9px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted)}.badge{display:inline-block;padding:3px 8px;border-radius:99px;background:#eef2ff;color:#4338ca;font-size:.75rem}.badge.published{background:#ecfdf5;color:#047857}.badge.draft{background:#fff7ed;color:#c2410c}.badge.scheduled{background:#eff6ff;color:#2563eb}.toolbar form{display:flex;gap:8px}.toolbar{gap:12px}.button,button{border:0;background:var(--accent);color:white;padding:10px 15px;border-radius:7px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.button:hover,button:hover{filter:brightness(.96);text-decoration:none}.button.small{padding:7px 10px;font-size:.84rem}.outline{border:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 12px;border-radius:7px}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:22px}.form-panel label{display:block;font-size:.86rem;font-weight:700;margin:0 0 15px}.form-panel small{font-weight:400;color:var(--muted)}input,textarea,select{width:100%;margin-top:5px;border:1px solid #cfd7e6;border-radius:7px;padding:10px;font:inherit;color:var(--ink);background:#fff}textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto;margin:0}.field-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px}.variables{display:flex;gap:5px;flex-wrap:wrap}.variables button{padding:4px 7px;font-weight:500;font-size:.72rem;background:#eef2ff;color:#3730a3}.editor{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.editor-main{display:grid;gap:20px}.editor-side{height:max-content;position:sticky;top:20px}.editor-side button{width:100%;margin-top:8px}.auth,.install{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.install-card{width:min(100%,520px);background:white;border:1px solid var(--line);border-radius:14px;padding:36px;box-shadow:0 12px 35px #15213b0d}.auth-card h1,.install-card h1{font-size:2rem;letter-spacing:-.05em;margin:.25rem 0 1.4rem}.auth-card label{display:block;font-size:.85rem;font-weight:700;margin:0 0 15px}.auth-card button,.install-card button{width:100%}.install{align-items:start;padding-top:45px}.install-card{width:min(100%,760px)}.install-card h2{font-size:1rem;margin:20px 0 8px}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.grid-form h2,.grid-form button{grid-column:1/-1}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-top:20px}.media-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;overflow:hidden}.media-item img,.file-icon{width:100%;height:130px;object-fit:cover;background:#edf1f8;border-radius:7px;margin-bottom:8px}.file-icon{display:grid;place-items:center;font-weight:800;color:var(--muted)}.media-item strong,.media-item small,.media-item code{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-item small{color:var(--muted);font-size:.75rem}.media-item code{font-size:.66rem;margin-top:5px}.wide{max-width:880px}@media(max-width:900px){.sidebar{position:static;width:auto;min-height:0}.sidebar nav{grid-template-columns:repeat(3,1fr)}.signout{margin:10px 0 0}.admin-main{margin:0;padding:22px}.stats{grid-template-columns:repeat(2,1fr)}.editor,.split{grid-template-columns:1fr}.editor-side{position:static}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.site-header{padding:0 14px}.cards,.stats,.two,.grid-form{grid-template-columns:1fr}.sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-main{padding:16px}.admin-header{align-items:flex-start}.toolbar{align-items:stretch;flex-direction:column}.toolbar form{width:100%}.toolbar input{flex:1}.field-row{grid-template-columns:1fr}.home,.article{padding:36px 18px}.hero{padding-top:20px}}