:root{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#eae7db;background:#101713;color-scheme:dark;--bg:#101713;--panel:#1b251f;--panel2:#232f27;--border:#344237;--gold:#e0b867;--soft:#aebdb0;--danger:#efb7a2;--radius:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--gold)}[hidden]{display:none!important}
.login-shell{display:grid;place-items:center;min-height:100dvh;padding:24px;background:radial-gradient(ellipse at 20% 12%,#28382b 0,transparent 44%),#101713}.login-card{background:#1c261f;max-width:475px;width:100%;border:1px solid #46533d;border-radius:24px;padding:32px;box-shadow:0 26px 80px #0006}.brand{display:flex;gap:14px;align-items:center;margin-bottom:29px}.brand strong,.side-brand strong{font-size:23px;letter-spacing:.14em;color:var(--gold)}.brand small,.side-brand small{display:block;color:var(--soft);font-size:11px;margin-top:3px}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:.2em;font-weight:700}h1{font-size:clamp(22px,2.7vw,32px);margin:8px 0}h2{font-size:20px;margin:0}h3{font-size:16px;margin:0}.muted{color:var(--soft);line-height:1.6}.login-card form{display:grid;gap:10px;margin-top:26px}label{font-size:13px;font-weight:600}input,textarea,select{border:1px solid #4d6252;border-radius:10px;background:#101a14;color:#fff;padding:11px 13px;width:100%;min-width:0}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.button{border:1px solid var(--border);border-radius:10px;padding:10px 15px;color:#eae7db;background:var(--panel2);font-weight:650}.button.primary{background:var(--gold);color:#181d15;border-color:var(--gold)}.button.ghost{background:transparent}.button.danger{border-color:#8e4946;color:var(--danger);background:#392321}.button.full{width:100%;margin-top:7px}.form-message{color:#fbb6aa;font-size:13px;margin:4px 0}.footnote{color:#9daa9a;font-size:12px;margin-top:26px;line-height:1.6}
.admin-shell{min-height:100dvh;display:grid;grid-template-columns:238px minmax(0,1fr);max-width:1700px;margin:auto}.sidebar{background:#162019;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:26px 15px;min-height:100dvh}.side-brand{display:flex;align-items:center;gap:9px;padding:0 7px 24px;border-bottom:1px solid var(--border);margin-bottom:22px}.side-brand strong{font-size:15px}.side-brand small{font-size:11px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#afc0ae;text-align:left;border-radius:10px;font-weight:650;padding:14px;display:flex;align-items:center;gap:13px}.nav-item.current{background:#384532;color:#f7d38b}.nav-item:hover{background:#26372a}.sidebar-bottom{margin-top:auto;padding:16px 6px 0;border-top:1px solid var(--border)}.account-display{overflow-wrap:anywhere;color:#bfc9b9;font-size:12px;margin-bottom:11px}.workspace{display:flex;flex-direction:column;min-width:0}.workspace-header{padding:25px 30px 20px;border-bottom:1px solid #2b3a30;display:flex;justify-content:space-between;align-items:center;gap:18px}.workspace-header small{font-size:11px;color:var(--gold);letter-spacing:.15em}.workspace-header h1{margin:5px 0 0}.head-actions{display:flex;gap:12px;align-items:center}.role-pill,.status{font-size:12px;border:1px solid #53654a;background:#263627;color:#d5e8cb;border-radius:20px;padding:7px 11px}.status.off{background:#34271f;color:#f7c99e;border-color:#86654b}#workspace-content{padding:26px 30px;flex:1}.work-footer{color:#7d8a7e;font-size:11px;padding:20px 30px;border-top:1px solid #283a2d}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat{padding:21px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.stat small{color:var(--soft);font-weight:600}.stat strong{display:block;color:var(--gold);font-size:35px;margin-top:8px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.toolbar input{width:280px;max-width:100%}.toolbar select{width:auto}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#a8b8aa;white-space:nowrap;font-weight:650;padding:12px;border-bottom:1px solid var(--border)}td{padding:12px;border-bottom:1px solid #334138;vertical-align:middle}td .inline-actions{display:flex;gap:6px}.smallbtn{padding:7px 9px;font-size:12px;border:1px solid #4c6554;border-radius:7px;background:#26372d;color:#f0e6d5}.smallbtn:hover{border-color:var(--gold)}.title-cell strong{display:block}.title-cell small{display:block;color:var(--soft);margin-top:4px}.no-data{padding:26px;text-align:center;color:#b3c1b2}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:grid;gap:7px}.field.wide{grid-column:1/-1}.hint{font-size:11px;color:var(--soft)}.actions{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:24px}.preview-file{font-size:12px;color:var(--soft)}.detail-layout{display:grid;grid-template-columns:180px 1fr;gap:20px}.cover-preview{width:100%;aspect-ratio:1;object-fit:cover;background:#2c382d;border-radius:14px}.meta p{white-space:pre-wrap;line-height:1.6}.info-pair{margin:0 0 13px}.info-pair span{color:var(--soft);display:block;font-size:12px;margin-bottom:4px}.upload-note{color:var(--gold);font-size:12px}
dialog{border:1px solid #536b50;color:#fff;border-radius:19px;background:#1b281f;width:min(750px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:25px}dialog::backdrop{background:#000b}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-button{border:0;background:transparent;color:#fff;font-size:30px}.toast{position:fixed;bottom:22px;right:22px;padding:15px 20px;border:1px solid #718a60;border-radius:12px;background:#26382a;box-shadow:0 12px 42px #0008;z-index:20;max-width:min(350px,90vw);font-size:13px}.loading{color:var(--soft)}
@media(max-width:900px){.admin-shell{grid-template-columns:175px minmax(0,1fr)}.sidebar{padding:20px 8px}.side-brand{gap:5px}.side-brand strong{font-size:12px;letter-spacing:.07em}.side-brand img{width:38px}.workspace-header,#workspace-content{padding:20px}.stat-grid{gap:9px}.stat strong{font-size:28px}}
@media(max-width:670px){.admin-shell{display:block}.sidebar{min-height:unset;padding:9px 10px;border-right:0;border-bottom:1px solid var(--border)}.side-brand{padding-bottom:9px;margin-bottom:8px}.sidebar nav{display:flex;overflow:auto;white-space:nowrap}.nav-item{padding:10px;gap:5px;font-size:12px}.sidebar-bottom{border:0;padding:0;margin:0;display:flex;justify-content:space-between;align-items:center}.sidebar-bottom .button{width:auto;margin:0}.workspace-header{flex-wrap:wrap}.workspace-header h1{font-size:22px}.role-pill{display:none}.stat-grid{grid-template-columns:repeat(3,1fr)}.stat{padding:13px}.stat strong{font-size:23px}.form-grid{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}.cover-preview{max-width:170px}.login-card{padding:25px 20px}.brand strong{font-size:18px}.brand img{width:62px}.account-display{font-size:10px}}

/* Narrow mobile layout: keep every action visible without horizontal table scrolling. */
@media(max-width:670px){
 .table-wrap{overflow:visible}
 .table-wrap table,.table-wrap tbody{display:block;width:100%}
 .table-wrap thead{display:none}
 .table-wrap tr{display:flex;flex-wrap:wrap;gap:4px 12px;border-bottom:1px solid #394838;padding:14px 0}
 .table-wrap td{border:0;padding:2px;white-space:normal;font-size:12px}
 .table-wrap td:nth-child(1){flex:0 0 100%}
 .table-wrap td:nth-child(2),.table-wrap td:nth-child(3){flex:1 1 115px}
 .table-wrap td:nth-child(4){flex:0 0 auto}
 .table-wrap td:nth-child(5){flex:0 0 100%;margin-top:8px}
 .table-wrap .inline-actions{flex-wrap:wrap;gap:8px}
 .table-wrap .no-data{flex:1}
}