:root{--bg:#f6f8f7;--paper:#fff;--ink:#273530;--muted:#8a9791;--line:#e7ede9;--accent:#365f4d;--soft:#eaf1ed;--nav:#fdfefd;--danger:#ac594f;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);font-size:13px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #6c967c;outline-offset:4px}.admin-layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:var(--nav);border-right:1px solid var(--line);padding:30px 18px 16px;display:flex;flex-direction:column}.admin-brand{display:flex;gap:10px;align-items:center;padding:0 10px;font-weight:600;font-size:15px;white-space:nowrap}.admin-brand>span{font-size:32px;color:#648a6c;font-weight:400}.admin-brand small{display:block;font:6px monospace;letter-spacing:1.6px;color:#a4b0a9;margin-top:6px;font-weight:400}.nav-heading{font-size:9px;color:#a4afa9;letter-spacing:.7px;margin:37px 13px 12px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav .nav-heading{margin-top:24px}.sidebar nav>button{border:0;background:transparent;border-radius:7px;padding:12px;display:flex;align-items:center;gap:11px;color:#7c8982;font-size:12px;text-align:left}.sidebar nav>button>span{width:17px;font-size:15px;text-align:center;opacity:.8}.sidebar nav>button>small{margin-left:auto;background:#e8ede9;color:#7a8c80;padding:2px 5px;min-width:21px;font:8px monospace;border-radius:4px;text-align:center}.sidebar nav>button[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:600}.sidebar nav>button:hover{background:#eef3ef}.sidebar-bottom{margin-top:auto;padding-top:24px}.sidebar-bottom>a{display:block;color:#8a9790;font-size:10px;padding:10px 12px}.admin-owner{display:flex;align-items:center;gap:9px;margin-top:21px;padding:16px 3px 0;border-top:1px solid var(--line)}.admin-owner img{width:31px;height:31px;border-radius:50%}.admin-owner strong{font-size:10px;font-weight:500}.admin-owner small{font-size:7px;display:block;color:#a3aea7;margin-top:4px}.admin-owner>span{margin-left:auto;color:#9fb09f;font-size:19px}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 39px;gap:20px;background:#ffffffa8}.breadcrumb{font-size:10px;color:#a3afa7}.breadcrumb>span{margin:0 10px;color:#cad3cc}.breadcrumb b{font-weight:400;color:#65786a}.topbar-actions{display:flex;align-items:center;gap:20px}#save-state{font-size:9px;color:#99a79d;display:flex;align-items:center;gap:6px}#save-state i{width:5px;height:5px;border-radius:50%;background:#9dbfa5}#save-state[data-dirty=true]{color:#ab8b51}#save-state[data-dirty=true] i{background:#cba366}.primary,.secondary,.quiet-button,.danger-button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:6px;padding:10px 15px;font-size:11px;white-space:nowrap}.primary{background:var(--accent);color:#fff}.primary:hover:not(:disabled){background:#294b3b}.primary>span{opacity:.6}.secondary{background:#fff;border-color:var(--line);color:#738276}.secondary:hover{background:#f3f6f3}.quiet-button{background:none;border-color:var(--line);color:#92a096;font-size:9px;padding:9px 12px}.danger-button{background:#faf0ed;color:var(--danger);font-size:10px}#main-content{padding:34px 39px 45px;max-width:1370px;width:100%;margin:auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font:7px monospace;letter-spacing:1.6px;color:#a4b2a7;margin:0 0 12px}.page-heading h1{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:0}.page-heading h1>span{margin-left:12px;font-size:25px;color:#739776;font-weight:400}#page-subtitle{font-size:10px;color:#99a79d;line-height:1.8;margin:10px 0 0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:21px 22px;position:relative}.stat-label{font-size:10px;color:#9aa79e}.stat-value{font-size:33px;font-weight:450;letter-spacing:-1px;margin:12px 0 4px;line-height:1.1}.stat small{font-size:8px;color:#b0bbb2}.stat-icon{position:absolute;top:20px;right:20px;color:#b1c3b4;font-size:18px}.overview-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:19px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-header{padding:21px 24px;border-bottom:1px solid #eef2ef;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-header h2,.section-label{font-size:13px;font-weight:500;margin:0}.panel-header small{font-size:8px;color:#a2afa5}.panel-body{padding:23px 24px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-action{border:1px solid var(--line);background:#fff;display:flex;align-items:flex-start;gap:12px;padding:18px 16px;text-align:left;border-radius:8px;color:var(--ink)}.quick-action>span{font-size:21px;color:#91ab95}.quick-action strong{font-size:10px;display:block;font-weight:500;margin-bottom:6px}.quick-action small{font-size:8px;color:#a8b3aa}.quick-action:hover{background:#f7faf7}.overview-note{margin-top:19px;padding:23px;border-radius:10px;background:#e8eee5;position:relative;min-height:143px}.overview-note p{font-size:19px;line-height:1.7;font-weight:400;margin:0 0 10px;letter-spacing:-.5px}.overview-note small{font-size:8px;color:#95a38d}.overview-note>span{position:absolute;right:25px;top:24px;font-size:48px;color:#aabc9b}.category-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;font-size:10px;color:#8a9a8d;border-bottom:1px solid #f1f4f1}.category-row:last-child{border:0}.category-row>span{display:flex;align-items:center;gap:9px}.category-row i{width:7px;height:7px;border-radius:2px;background:#b8cbb5}.category-row:nth-child(2) i{background:#b4c6d2}.category-row:nth-child(3) i{background:#c7c2d9}.category-row:nth-child(4) i{background:#dfcbb2}.category-row b{font:11px monospace;font-weight:400;color:#6e856f}.update-info{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;font-size:9px;line-height:1.9;color:#a1afa4}.update-info strong{display:block;color:#728574;font-weight:400;margin-top:5px}.site-preview{margin-top:19px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px;border:1px solid var(--line);border-radius:10px;background:#fff}.site-preview strong{font-size:11px;font-weight:500}.site-preview p{font-size:8px;color:#a4b1a7;margin:7px 0 0}.site-preview>a{font-size:21px;color:#8da490}.admin-footer{border-top:1px solid var(--line);padding:20px 39px;display:flex;justify-content:space-between;gap:15px;color:#b2bdb4;font-size:8px}.content-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:17px;align-items:center;flex-wrap:wrap}.search-field{border:1px solid var(--line);background:#fff;border-radius:6px;display:flex;align-items:center;gap:10px;padding:10px 13px;flex:1;max-width:320px;color:#9caf9e}.search-field input{border:0;outline:none;width:100%;font-size:10px;background:none;color:var(--ink);min-width:0}.filter-select{font-size:10px;padding:11px;border:1px solid var(--line);border-radius:6px;color:#7c8d7e;background:#fff;max-width:170px}.toolbar-left{display:flex;gap:10px;flex:1}.list-panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.list-head{display:grid;grid-template-columns:minmax(0,1fr) 117px 100px;gap:20px;padding:13px 22px;background:#fbfcfb;border-bottom:1px solid var(--line);font-size:8px;color:#a6b3a9}.site-row{display:grid;grid-template-columns:minmax(0,1fr) 117px 100px;gap:20px;align-items:center;padding:20px 22px;border-bottom:1px solid #f0f3f0;min-width:0}.site-row:last-child{border:0}.row-site{display:flex;gap:14px;align-items:center;min-width:0}.row-icon{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#edf3ee;color:#76917a;font:10px monospace}.row-info{min-width:0}.row-info strong{font-weight:500;font-size:11px;display:block;overflow-wrap:anywhere}.row-url{display:block;font:8px monospace;color:#a2b1a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;max-width:100%}.row-note{display:block;font-size:8px;color:#b19a72;margin-top:6px;line-height:1.5}.category-chip{font-size:8px;padding:5px 8px;border-radius:4px;background:#eef3ee;color:#809181;display:inline-block;width:fit-content;white-space:nowrap}.row-actions{display:flex;justify-content:flex-end;gap:5px}.row-actions button{font-size:9px;border:1px solid var(--line);background:#fff;color:#8b9a8e;padding:6px;border-radius:4px;min-width:23px}.row-actions button:hover{background:#f1f5f1}.row-actions button[data-action=delete]{color:#be8b81}.row-actions button[data-action=edit]{color:#54765d}.list-footer{font-size:9px;padding:14px 22px;border-top:1px solid var(--line);color:#a4b2a7}.empty{text-align:center;font-size:11px;color:#a2afa5;padding:45px 20px;line-height:1.9}.form-panel{max-width:900px}.form-panel .panel-body{padding:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid .full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:9px;color:#758878;font-size:10px}input:not([type=file]),textarea,select{border:1px solid #e0e8e1;border-radius:6px;background:#fff;padding:11px 12px;color:#364c3b;font-size:11px;outline:none;min-width:0;width:100%}input:focus,textarea:focus,select:focus{border-color:#8daf94;box-shadow:0 0 0 3px #a7c9af15}textarea{resize:vertical;min-height:80px;line-height:1.8}input::placeholder,textarea::placeholder{color:#b6c1b7}.field-hint{font-size:8px;color:#a3b2a5;line-height:1.9;margin:0}.field-hint.full{grid-column:1/-1}.form-lead{display:flex;align-items:center;gap:16px;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid var(--line)}.form-lead img{height:49px;width:49px;border-radius:50%;object-fit:cover}.form-lead h3{margin:0 0 6px;font-size:13px;font-weight:500}.form-lead p{margin:0;font-size:9px;color:#a0afa3}.background-preview{height:190px;border-radius:8px;background:linear-gradient(#03201e44,#03201e66),url('/assets/aurora.webp') center/cover;display:flex;align-items:center;justify-content:center;color:#e2eee6;font-size:10px;margin-bottom:24px;border:1px solid #dbe6dd}.backup-options{display:grid;grid-template-columns:1fr 1fr;gap:19px;max-width:900px}.backup-options .panel-body{padding:26px}.backup-icon{font-size:30px;color:#92af97;display:block;margin-bottom:20px}.backup-options h2{font-size:15px;font-weight:500;margin:0 0 12px}.backup-options p{font-size:10px;color:#98a99c;line-height:1.9;margin:0 0 23px}.file-button{display:inline-flex;font-size:10px;cursor:pointer;background:#edf3ee;color:#5e7b64;border-radius:6px;padding:11px 15px}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.info-callout{font-size:10px;line-height:1.9;color:#8aa08f;padding:17px 20px;background:#eef4ee;border:1px solid #e1ebe2;border-radius:7px;margin-top:20px;max-width:900px}dialog{padding:0;border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 90px #14251b2b;width:620px;max-width:calc(100% - 30px);max-height:calc(100dvh - 50px);color:var(--ink);background:#fff}dialog::backdrop{background:#243a2e66;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 27px;border-bottom:1px solid var(--line)}.dialog-header .eyebrow{margin-bottom:7px}.dialog-header h2{font-size:19px;font-weight:500;margin:0}.close-dialog:not(.secondary){background:transparent;border:0;font-size:26px;color:#a6b2a7;padding:0 6px}.dialog-body{padding:25px 27px;overflow:auto;max-height:calc(100dvh - 240px)}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 25px;border-top:1px solid var(--line);background:#fcfdfc}.confirm-body{padding:30px;max-width:460px}.confirm-symbol{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#edf2e9;color:#98aa8d;font-size:20px;margin-bottom:18px}.confirm-body h2{font-size:19px;font-weight:500;margin:0 0 14px}.confirm-body p{font-size:12px;color:#91a095;line-height:1.9;margin:0}#confirm-dialog{width:440px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border-radius:7px;padding:13px 20px;box-shadow:0 5px 30px #273b2d20;background:#3c5f49;color:#fff;font-size:11px;z-index:50;max-width:90%;line-height:1.7}#toast[data-error=true]{background:#8c5c54}#preview-banner{font-size:9px;background:#f0f2e9;color:#97a17f;padding:9px 39px;border-bottom:1px solid #e6eada}.login-page{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 15%,#e0ebde,transparent 50%),#f5f7f3;padding:35px 20px}.login-card{width:430px;max-width:100%;background:#ffffffc9;border:1px solid #e3eae1;border-radius:17px;padding:37px;box-shadow:0 15px 70px #66805a0b}.login-card .admin-brand{padding:0;margin-bottom:45px}.login-card .eyebrow{margin-bottom:13px}.login-card h1{font-size:25px;font-weight:450;letter-spacing:-.8px;margin:0 0 14px;line-height:1.5}.login-intro{font-size:11px;color:#99a793;line-height:1.9;margin:0 0 28px}.login-card form{display:flex;flex-direction:column;gap:19px}.login-card .primary{margin-top:6px;justify-content:space-between;padding:13px 15px}.login-back{display:block;text-align:center;font-size:10px;margin-top:24px;color:#a4b19b}.login-error{font-size:11px;background:#fbefeb;color:#ac7166;border-radius:6px;padding:12px;line-height:1.8}.login-sign{position:fixed;bottom:20px;font:italic 13px Georgia,serif;color:#b4c2ab}
@media(min-width:1600px){#main-content{padding-top:45px}.topbar{padding-left:50px;padding-right:50px}}
@media(max-width:1100px){.admin-layout{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.admin-brand{font-size:13px;gap:8px}.admin-brand>span{font-size:28px}.admin-brand small{font-size:5px}.topbar{padding:0 25px}#main-content{padding:28px 25px 35px}.overview-columns{grid-template-columns:1.4fr 1fr;gap:15px}.stats{gap:11px}.stat{padding:19px 16px}.stat-icon{right:16px}.quick-actions{grid-template-columns:1fr}.quick-action{padding:14px}.panel-body{padding:21px}.panel-header{padding:19px 21px}.site-row,.list-head{grid-template-columns:minmax(0,1fr) 90px 90px;gap:12px;padding-left:18px;padding-right:18px}.row-icon{width:30px;height:30px}.row-site{gap:10px}}
@media(max-width:760px){.admin-layout{display:block}.sidebar{position:static;width:100%;height:auto;padding:15px 16px 0;border-right:0;border-bottom:1px solid var(--line)}.admin-brand{font-size:15px;padding:0 3px}.admin-brand small{font-size:6px}.sidebar>.nav-heading,.sidebar-bottom{display:none}.sidebar nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;margin:15px 0 12px}.sidebar nav>.nav-heading{display:none}.sidebar nav>button{font-size:10px;padding:9px 10px;gap:6px}.sidebar nav>button>span{font-size:13px;width:13px}.sidebar nav>button>small{font-size:7px;min-width:16px;padding:1px 4px}.topbar{height:63px;padding:0 18px;position:sticky;top:0;z-index:4;background:#fdfefdf2;backdrop-filter:blur(12px)}.breadcrumb{font-size:8px}.breadcrumb>span{margin:0 7px}.topbar-actions{gap:10px}#save-state{font-size:8px}.topbar .primary{font-size:10px;padding:9px 11px;gap:10px}#main-content{padding:25px 17px 35px}.page-heading{gap:15px;margin-bottom:23px}.page-heading h1{font-size:23px}.page-heading h1>span{font-size:23px}.eyebrow{font-size:6px;letter-spacing:1.3px}#page-subtitle{font-size:9px;max-width:250px}.page-heading .quiet-button{font-size:8px;padding:7px 9px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.stat{padding:18px;border-radius:9px}.stat-value{font-size:31px;margin-top:13px}.stat-label{font-size:9px}.stat small{font-size:7px}.overview-columns{grid-template-columns:1fr;gap:16px}.quick-actions{grid-template-columns:1fr 1fr;gap:10px}.quick-action{padding:15px 12px;gap:9px}.quick-action>span{font-size:19px}.quick-action strong{font-size:9px}.quick-action small{font-size:7px}.panel-header{padding:18px 20px}.panel-body{padding:20px}.panel-header h2{font-size:12px}.panel-header small{font-size:7px}.overview-note{margin-top:16px;min-height:135px;padding:21px}.overview-note p{font-size:19px}.overview-note>span{font-size:44px}.overview-note small{font-size:7px}.site-preview{padding:20px}.category-row{font-size:10px}.admin-footer{padding:18px;font-size:7px}.toolbar-left{min-width:100%;gap:8px}.search-field{max-width:none;padding:10px}.filter-select{max-width:125px;font-size:9px;padding:10px 8px}.content-toolbar>.primary{margin-left:auto}.list-head{display:none}.site-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 15px}.row-site{align-items:flex-start;gap:10px}.row-icon{margin-top:1px;width:29px;height:29px;font-size:9px}.row-info strong{font-size:11px;line-height:1.6}.row-url{font-size:7px}.row-note{font-size:7px}.site-row>.category-chip{grid-column:1;padding:4px 6px;margin-left:39px;font-size:7px;grid-row:2}.row-actions{grid-column:2;grid-row:1/3;gap:4px;align-self:center;flex-wrap:wrap;max-width:63px;justify-content:center}.row-actions button{font-size:8px;min-width:26px;padding:6px 5px}.list-footer{font-size:8px;padding:13px 16px}.form-panel .panel-body{padding:22px 19px}.form-grid{grid-template-columns:1fr;gap:19px}.form-grid .full{grid-column:auto}label{font-size:10px}.field-hint.full{grid-column:auto}.backup-options{grid-template-columns:1fr;gap:15px}.backup-options .panel-body{padding:24px}.background-preview{height:160px}.info-callout{font-size:9px;line-height:2;padding:15px 17px}#preview-banner{padding:9px 18px;font-size:8px}.dialog-header{padding:21px}.dialog-body{padding:22px;max-height:calc(100dvh - 230px)}.dialog-footer{padding:16px 21px}.dialog-header h2{font-size:18px}.confirm-body{padding:25px}.login-card{padding:30px 25px}.login-card h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Keep editing controls compact and readable across narrow screens. */
.search-field{flex-direction:row;gap:10px}.search-field input{border:0;padding:0;border-radius:0;box-shadow:none;font-size:11px}.search-field:focus-within{border-color:#a2bba7}.list-head,.site-row{grid-template-columns:minmax(0,1fr) 117px 134px}.row-actions button{white-space:nowrap;min-width:25px}.row-actions button[data-action=edit]{min-width:35px}.row-info strong{font-size:12px}.row-url{font-size:9px}.stat-label{font-size:11px}.category-chip{font-size:9px}.login-page{grid-template-columns:minmax(0,1fr)}.login-card{min-width:0;justify-self:center}
@media(max-width:1100px){.site-row,.list-head{grid-template-columns:minmax(0,1fr) 90px 126px}.row-actions{gap:4px}}
@media(max-width:760px){.site-row{grid-template-columns:minmax(0,1fr) auto}.row-actions{max-width:70px;gap:4px}.row-actions button,.row-actions button[data-action=edit]{min-width:30px;font-size:9px;padding:6px 4px}.row-info strong{font-size:11px}.row-url{font-size:8px}.category-chip{font-size:8px}.stat-label{font-size:10px}}