:root{--bg:oklch(96.5% .007 278);--surface:#fff;--ink:oklch(22% .018 278);--muted:oklch(47% .018 278);--line:oklch(88.5% .012 278);--brand:oklch(63% .205 31);--indigo:oklch(54% .18 285);--success:oklch(58% .14 151);--danger:oklch(57% .205 28)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
.login-body{min-height:100vh;background:var(--bg)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(400px,1.1fr) minmax(420px,.9fr)}.login-brand{padding:60px clamp(42px,7vw,105px);display:flex;flex-direction:column;justify-content:space-between;background:oklch(20% .018 278);color:#fff}.login-brand>a img{width:170px;filter:invert(1) grayscale(1) brightness(4)}.login-brand>div span{color:oklch(77% .08 31);font-size:.7rem;font-weight:750}.login-brand h1{max-width:620px;margin:18px 0 20px;font-size:clamp(3rem,5vw,5.5rem);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.login-brand p{max-width:45ch;margin:0;color:oklch(78% .008 278);font-size:.9rem;line-height:1.7}.login-brand>small{color:oklch(62% .008 278);font-size:.58rem;letter-spacing:.12em}.login-form-panel{display:grid;place-items:center;padding:42px;background:var(--surface)}.login-form{width:min(370px,100%)}.form-kicker{color:var(--brand);font-size:.6rem;font-weight:800;letter-spacing:.1em}.login-form h2{margin:10px 0 8px;font-size:2rem;letter-spacing:-.03em}.login-form>p{margin:0 0 32px;color:var(--muted);font-size:.78rem}.login-form label{display:grid;gap:7px;margin-top:17px;font-size:.7rem;font-weight:700}.login-form input{width:100%;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:9px;outline:0;color:var(--ink)}.login-form input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px oklch(70% .12 285 / .18)}.login-form>button{width:100%;height:47px;margin-top:24px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:0;border-radius:9px;background:var(--ink);color:#fff;font-size:.76rem;font-weight:750}.login-form>button:hover{background:var(--indigo)}.back-home{display:block;margin-top:20px;color:var(--muted);font-size:.68rem;text-align:center}.form-error{padding:10px 12px;border-radius:8px;background:oklch(94% .04 28);color:var(--danger);font-size:.68rem}
.admin-body{min-height:100vh;background:var(--bg)}.admin-top{position:fixed;inset:0 0 auto;z-index:20;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--line)}.admin-top>a{display:flex;align-items:center;gap:12px}.admin-top img{width:124px;height:39px;object-fit:contain}.admin-top>a span{padding-left:12px;border-left:1px solid var(--line);color:var(--muted);font-size:.66rem}.admin-top>div{display:flex;align-items:center;gap:10px}.admin-top>div>a,.admin-top>div button{padding:8px 10px;border:0;border-radius:7px;background:var(--bg);color:var(--ink);font-size:.65rem;font-weight:700}.admin-top form{margin:0}.admin-layout{min-height:100vh;padding-top:68px;display:grid;grid-template-columns:230px minmax(0,1fr)}.admin-nav{position:fixed;inset:68px auto 0 0;width:230px;padding:20px 12px;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line)}.admin-nav>p{margin:0 10px 12px;color:var(--muted);font-size:.62rem;font-weight:750}.admin-nav>a{height:45px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:0 10px;border-radius:8px;color:var(--muted);font-size:.72rem}.admin-nav>a:hover{background:var(--bg);color:var(--ink)}.admin-nav>a.active{background:var(--ink);color:#fff}.admin-nav>a em{font-size:.6rem;font-style:normal}.admin-nav>div{margin-top:auto;padding:14px 10px;border-top:1px solid var(--line)}.admin-nav>div small,.admin-nav>div b{display:block}.admin-nav>div small{color:var(--muted);font-size:.58rem}.admin-nav>div b{margin-top:5px;font-size:.7rem}.admin-content{grid-column:2;min-width:0;padding:38px clamp(24px,4vw,60px) 70px}.admin-heading{min-height:108px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.admin-heading span{color:var(--brand);font-size:.58rem;font-weight:800}.admin-heading h1{margin:7px 0 0;font-size:2.2rem;letter-spacing:-.035em}.admin-heading p{margin:8px 0 0;color:var(--muted);font-size:.72rem}.new-button{padding:10px 13px;border-radius:8px;background:var(--ink);color:#fff;font-size:.7rem;font-weight:750}.new-button:hover{background:var(--indigo)}.notice{margin-top:16px;padding:10px 12px;border-radius:8px;font-size:.68rem}.notice.success{background:oklch(94% .035 151);color:var(--success)}.notice.error{background:oklch(94% .04 28);color:var(--danger)}.admin-search{height:68px;display:flex;align-items:center;gap:8px}.admin-search input{width:min(420px,100%);height:39px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);outline:0}.admin-search button,.admin-search a{padding:9px 11px;border:0;border-radius:7px;background:var(--ink);color:#fff;font-size:.65rem}.admin-search a{background:transparent;color:var(--muted)}.records{overflow:hidden;border-radius:10px;background:var(--surface);box-shadow:0 2px 8px oklch(25% .015 278 / .07)}.record{min-height:62px;display:grid;grid-template-columns:minmax(260px,2fr) 1fr 70px 130px;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:.68rem}.record:last-child{border-bottom:0}.record-head{min-height:40px;background:var(--bg);color:var(--muted);font-size:.58rem;font-weight:750}.record>span:first-child{min-width:0}.record b,.record small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.record b{font-size:.72rem}.record small{margin-top:4px;color:var(--muted);font-size:.58rem}.record i{padding:5px 7px;border-radius:999px;background:var(--bg);font-size:.58rem;font-style:normal}.record-actions{display:flex;align-items:center;gap:5px}.record-actions form{margin:0}.record-actions a,.record-actions button{padding:6px 8px;border:0;border-radius:6px;background:var(--bg);font-size:.6rem}.record-actions button{color:var(--danger)}.category-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:9px;padding-top:20px}.category-records article{min-height:78px;display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:9px;padding:13px;border-radius:10px;background:var(--surface);box-shadow:0 2px 8px oklch(25% .015 278 / .07)}.category-records article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:oklch(90% .08 90);font-size:.72rem;font-weight:800}.category-records b,.category-records small{display:block}.category-records small{margin-top:4px;color:var(--muted);font-size:.58rem}.category-records article>a,.category-records article button{padding:6px 7px;border:0;border-radius:6px;background:var(--bg);font-size:.6rem}.category-records article button{color:var(--danger)}.category-records article form{margin:0}.editor-overlay{position:fixed;inset:0;z-index:40;display:flex;justify-content:flex-end;background:oklch(12% .012 278 / .46)}.editor{width:min(510px,94vw);height:100%;display:flex;flex-direction:column;background:var(--surface)}.editor>header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line)}.editor>header span{color:var(--brand);font-size:.58rem;font-weight:800}.editor>header h2{margin:5px 0 0;font-size:1.7rem}.editor>header>a{font-size:1.55rem}.editor>form{flex:1;overflow:auto;display:flex;flex-direction:column;padding:24px 26px}.editor label{display:grid;gap:7px;margin-bottom:16px;font-size:.68rem;font-weight:700}.editor input,.editor select,.editor textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);outline:0;font-size:.74rem}.editor textarea{min-height:94px;resize:vertical}.editor .checkbox{display:flex;align-items:center}.editor .checkbox input{width:auto}.editor footer{margin-top:auto;display:flex;justify-content:flex-end;gap:8px;padding-top:20px}.editor footer a,.editor footer button{padding:10px 13px;border:0;border-radius:8px;background:var(--bg);font-size:.68rem}.editor footer button{background:var(--ink);color:#fff;font-weight:750}
@media(max-width:760px){.login-shell{display:block}.login-brand{min-height:290px;padding:30px 24px}.login-brand>a img{width:130px}.login-brand h1{font-size:2.6rem}.login-brand p,.login-brand>small{display:none}.login-form-panel{padding:42px 22px}.admin-top{padding:0 12px}.admin-top>a span,.admin-top>div>a{display:none}.admin-layout{display:block}.admin-nav{position:static;width:auto;height:58px;display:grid;grid-template-columns:1fr 1fr;padding:7px 10px;border-right:0;border-bottom:1px solid var(--line)}.admin-nav>p,.admin-nav>div{display:none}.admin-content{padding:24px 12px 50px}.record{grid-template-columns:1fr 100px}.record>span:nth-child(2),.record>span:nth-child(3){display:none}.category-records{grid-template-columns:1fr}.admin-heading h1{font-size:1.8rem}}

/* Security center and accessible interaction states. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid oklch(70% .15 285 / .35);outline-offset:2px}
.admin-search input:focus,.editor input:focus,.editor select:focus,.editor textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px oklch(70% .12 285 / .15)}
.security-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.security-status article{min-height:104px;padding:18px;border-radius:10px;background:var(--surface);box-shadow:0 2px 8px oklch(25% .015 278 / .07)}
.security-status span,.security-status b,.security-status small{display:block}.security-status span{color:var(--muted);font-size:.6rem;font-weight:700}.security-status b{margin-top:10px;font-size:1.12rem;letter-spacing:-.02em}.security-status small{margin-top:5px;color:var(--muted);font-size:.58rem}
.security-columns{display:grid;grid-template-columns:minmax(320px,.86fr) minmax(340px,1.14fr);gap:12px;align-items:start}
.security-form-card,.audit-card{padding:24px;border-radius:10px;background:var(--surface);box-shadow:0 2px 8px oklch(25% .015 278 / .07)}
.security-form-card h2,.audit-card h2{margin:0;font-size:1.05rem}.security-form-card>p,.audit-card>p{margin:7px 0 22px;color:var(--muted);font-size:.66rem;line-height:1.6}
.security-form-card form{display:grid;gap:15px}.security-form-card label{display:grid;gap:7px;font-size:.68rem;font-weight:700}.security-form-card label small{color:var(--muted);font-size:.56rem;font-weight:500}.security-form-card input{width:100%;height:43px;padding:0 12px;border:1px solid var(--line);border-radius:8px;outline:0}.security-form-card input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px oklch(70% .12 285 / .15)}.security-form-card button{height:44px;margin-top:3px;border:0;border-radius:8px;background:var(--ink);color:#fff;font-size:.7rem;font-weight:750}.security-form-card button:hover{background:var(--indigo)}
.audit-list{border-top:1px solid var(--line)}.audit-list article{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 2px;border-bottom:1px solid var(--line)}.audit-list span{min-width:0}.audit-list b,.audit-list small{display:block}.audit-list b{font-size:.68rem}.audit-list small{max-width:44ch;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:.56rem}.audit-list time{flex:0 0 auto;color:var(--muted);font-size:.56rem}.audit-empty{padding:36px 0;color:var(--muted);font-size:.68rem;text-align:center}
@media(max-width:980px){.security-columns{grid-template-columns:1fr}}
@media(max-width:760px){.admin-nav{grid-template-columns:repeat(3,1fr);height:58px}.admin-nav>a{height:44px;padding:0 8px}.admin-nav>a span,.admin-nav>a em{display:none}.security-status{grid-template-columns:1fr}.security-form-card,.audit-card{padding:19px}.security-content .admin-heading{min-height:88px}}