:root{font-family:monospace;color-scheme:dark;background:#1a1113;color:#d2d6da}*{box-sizing:border-box}body{margin:0;font-size:13px}button,input,textarea{font:inherit}button{cursor:pointer}a{color:#9acbe5;text-decoration:none}.admin-top{height:42px;background:#202326;border-bottom:1px solid #30353b;display:flex;align-items:center;gap:12px;padding:0 20px;font-size:11px;letter-spacing:.04em}.admin-top span{color:#737e87}.admin-top button{margin-left:auto;border:0;background:none;color:#aeb8bf}.admin-top button:hover{color:#fff}.eyebrow{font-size:11px;color:#8dc7e5;letter-spacing:.09em}.login-panel{width:min(440px,calc(100% - 36px));margin:12vh auto;border:1px solid #353b42;background:#171a1e;padding:32px}.login-panel h1{margin:14px 0;font-size:24px}.login-panel p{color:#a5afb7;line-height:1.7}.login-panel label,.field label{display:block;color:#8d99a3;font-size:10px;letter-spacing:.08em;margin:20px 0 8px}.login-panel input,.field input,.field textarea,.section-card input,.section-card textarea{width:100%;background:#111418;border:1px solid #3a434c;color:#d9e0e5;border-radius:3px;padding:10px 11px;outline:none}.login-panel input:focus,.field input:focus,.field textarea:focus,.section-card input:focus,.section-card textarea:focus{border-color:#7db4d2}.login-panel form button,.toolbar-actions button{border:1px solid #6ea7c5;background:#235270;color:#e6f4fb;padding:9px 13px;border-radius:3px}.login-panel form button{margin-top:18px;width:100%}.message{min-height:20px;color:#e8aa90!important}.login-panel code{color:#9cc9de;background:#242d33;padding:2px 4px}.editor-panel{min-height:calc(100vh - 42px)}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 28px;border-bottom:1px solid #2b3036}.editor-toolbar h1{font-size:21px;margin:6px 0 0}.toolbar-actions{display:flex;align-items:center;gap:10px}.toolbar-actions span{font-size:11px;color:#92aa9d;margin-right:5px}.toolbar-actions .secondary,.secondary{background:#20262b;border:1px solid #43505a;color:#b9c8d1;padding:8px 10px;border-radius:3px}.secondary:hover{background:#2a343b}.editor-layout{display:grid;grid-template-columns:215px minmax(360px,1fr) minmax(270px,34%);min-height:calc(100vh - 124px)}.page-list{border-right:1px solid #2c3137;padding:16px 9px}.page-list button{width:100%;display:block;text-align:left;padding:9px 12px;border:0;border-radius:3px;background:transparent;color:#9ba5ad;font-size:12px}.page-list button:hover{background:#20262b;color:#d5dde3}.page-list button.active{background:#1c3543;color:#9ad1e9}.form-column{padding:24px 30px 80px;min-width:0}.field{margin-bottom:18px}.field label{margin-top:0}.field textarea{resize:vertical;line-height:1.6}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.section-heading h2{font-size:15px;margin:0}.section-card{border:1px solid #303840;background:#171a1e;padding:17px;margin-bottom:12px}.section-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#84949e;font-size:11px}.section-card-header button{border:0;background:none;color:#b7897d}.section-card label{display:block;font-size:10px;color:#8d99a3;margin:10px 0 6px}.section-card textarea{resize:vertical;line-height:1.55}.preview-column{border-left:1px solid #2c3137;padding:25px 24px;background:#131619;min-width:0}.preview-heading{color:#8dc7e5;font-size:10px;letter-spacing:.1em;margin-bottom:22px}.preview-column pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b6c0c8;line-height:1.7;font-size:12px;margin:0}.preview-column pre::selection{background:#315c72}[hidden]{display:none!important}@media(max-width:1100px){.editor-layout{grid-template-columns:170px minmax(0,1fr)}.preview-column{grid-column:2;border-left:0;border-top:1px solid #2c3137;min-height:200px}.form-column{padding:20px}}@media(max-width:700px){.admin-top{padding:0 12px}.editor-toolbar{padding:16px;display:block}.toolbar-actions{margin-top:15px;flex-wrap:wrap}.editor-layout{display:block}.page-list{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #2c3137;padding:7px}.page-list button{width:auto;white-space:nowrap}.form-column{padding:18px}.preview-column{padding:18px}}
.content-label{display:block;color:#8dc7e5;font-size:11px;letter-spacing:.08em;margin:0 0 8px}.editor-hint{color:#8d99a3;font-size:11px;line-height:1.6;margin:0 0 14px}.editor-hint code{color:#bfd9e7}.content-editor{display:block;width:100%;min-height:calc(100vh - 230px);padding:16px 18px;background:#111418;border:1px solid #3a434c;border-radius:3px;color:#d9e0e5;font-family:monospace;font-size:13px;line-height:1.65;resize:vertical;outline:none;tab-size:2}.content-editor:focus{border-color:#7db4d2}.form-column{padding:24px 26px 36px}.preview-column pre{line-height:1.65}
@media(max-width:700px){.form-column{padding:18px}.content-editor{min-height:60vh;font-size:12px}}
.secret-panel{position:fixed;top:36px;left:0;right:0;bottom:0;background:#1a1113;overflow:auto}
.secret-gutter{position:absolute;top:0;left:0;width:50px;padding:8px 15px 0 0;color:#4e555f;font-size:12px;line-height:20px;text-align:right;white-space:pre;user-select:none}
.secret-body{margin-left:50px;padding:28px 20px 60px 0;width:min(480px,calc(100vw - 70px))}
.secret-image{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#221619;border:1px solid #36262a}
.secret-form{display:flex;align-items:center;gap:14px;margin-top:24px}
.secret-form label{color:#c0c3c8;font-size:14px;font-weight:700;flex:none}
.secret-form label::before{content:'## ';color:#838b8f}
.secret-form input{flex:1;min-width:0;height:30px;background:#140c0e;border:1px solid #4a363b;border-radius:3px;color:#d9e0e5;padding:0 9px;outline:none;font-size:13px}
.secret-form input:focus{border-color:#838b8f}
.secret-message{min-height:20px;margin:12px 0 0;color:#e8aa90;font-size:12px}
@media(max-width:700px){.secret-gutter{width:38px;padding-right:10px;font-size:11px;line-height:18px}.secret-body{margin-left:38px;width:calc(100vw - 50px);padding-top:18px}}
/* Üst menü: ana sitedeki .site-nav ile aynı */
.admin-top{height:36px;gap:0;padding:0 27px;background:#261a1d;border-bottom:1px solid #36262a;align-items:stretch;font-size:12px;letter-spacing:.025em}
.admin-top a{display:flex;align-items:center;padding:0 15px;border-bottom:2px solid transparent;color:#838b8f;font-weight:700}
.admin-top a:hover{color:#c1c9cc}
.admin-top a.active{color:#d1dadd}
.admin-top button{font-size:12px}
@media(max-width:700px){.admin-top{height:34px;padding:0 6px}.admin-top a{font-size:11px;padding:0 10px}.secret-panel,.secret-gutter{top:34px}}