@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;color:#233b35;background:#f7f8f5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:700;letter-spacing:-.02em;color:#173e36;white-space:nowrap}.brand.light{color:#fff}.brand-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#1a5b4e;color:white;font-size:25px;line-height:1}.brand.light .brand-icon{background:#d9eee2;color:#205445}.small-label{font-size:11px;letter-spacing:.16em;font-weight:700;color:#b6d6cb}.small-label.green{color:#548c77}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:10px;background:#17614f;color:#fff;font-size:14px;font-weight:700;padding:13px 19px;min-height:45px;box-shadow:0 6px 18px #16564024}.primary-button:hover{background:#0d4c3c}.primary-button:disabled{opacity:.55;cursor:wait}.secondary-button{border:1px solid #d7e1db;background:#fff;border-radius:9px;padding:11px 17px;font-size:13px;font-weight:600;color:#2f5349}.secondary-button:hover{background:#f4f8f5}.form-error{color:#c44a4a;font-size:12px;min-height:19px;margin:9px 0 0}.login-wrap{display:grid;grid-template-columns:minmax(420px,52%) 1fr;min-height:100svh}.login-aside{background:#164638;color:#fff;padding:41px clamp(45px,6vw,100px);display:flex;flex-direction:column;position:relative;overflow:hidden}.login-aside:before{content:'';position:absolute;width:550px;height:550px;border:1px solid #ffffff1c;border-radius:50%;right:-210px;top:12%}.login-aside:after{content:'';position:absolute;width:340px;height:340px;border:1px solid #ffffff16;border-radius:50%;right:-110px;top:32%}.aside-content{position:relative;z-index:1;margin:auto 0;max-width:565px}.aside-content h1{font-size:clamp(38px,4vw,62px);line-height:1.35;letter-spacing:-.05em;margin:24px 0}.aside-content p{font-size:15px;line-height:2;color:#d4e6dc;max-width:430px}.aside-example{margin-top:60px;padding:24px 26px;background:#ffffff12;border:1px solid #ffffff26;border-radius:14px;display:flex;align-items:center;gap:25px;max-width:425px;backdrop-filter:blur(4px)}.aside-example span:first-child{font-size:12px;color:#c4dcd0}.aside-example strong{font-size:21px;font-weight:600}.aside-example .arrow{margin-left:auto;font-size:22px;color:#d9f5e8}.aside-footer{font-size:12px;color:#a4c5b6;letter-spacing:.08em}.login-panel{display:grid;place-items:center;padding:32px}.login-card{width:min(100%,380px)}.login-card h2{font-size:35px;letter-spacing:-.05em;margin:15px 0 4px;color:#1e352e}.muted{color:#87948d;font-size:14px;margin:0 0 42px}.login-card label{display:block;font-size:13px;font-weight:600;margin:20px 0 9px}.login-card input{width:100%;height:48px;border:1px solid #dfe6e0;border-radius:9px;background:#fff;padding:0 15px;outline:none;font-size:14px}.login-card input:focus,.dialog-body input:focus{border-color:#2a8067;box-shadow:0 0 0 3px #2a80671c}.login-card .primary-button{width:100%;justify-content:space-between;margin-top:18px;padding:0 18px;height:49px}.login-help{text-align:center;color:#a2aca5;font-size:12px;margin-top:25px}.mobile-brand{display:none}.admin-shell{min-height:100svh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:#fff;border-right:1px solid #e7ece7;padding:29px 16px;display:flex;flex-direction:column}.sidebar .brand{padding:0 8px}.side-group{color:#9ca9a0;font-size:11px;letter-spacing:.1em;margin:58px 14px 14px}.side-active{background:#e8f3ec;color:#1a604d;border-radius:9px;padding:13px 15px;font-size:13px;font-weight:700;display:flex;gap:12px}.side-active span{font-size:17px}.side-bottom{margin-top:auto;border-top:1px solid #edf0ec;padding:22px 5px 0;display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dceee3;color:#34715d;font-size:13px}.side-bottom strong,.side-bottom small{display:block}.side-bottom strong{font-size:12px}.side-bottom small{font-size:11px;color:#9baaa0;margin-top:3px}.side-bottom button{margin-left:auto;border:0;background:none;color:#779187;font-size:22px}.workspace{min-width:0}.topbar{height:70px;border-bottom:1px solid #e5ebe5;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.breadcrumb{font-size:12px;color:#8a9b8f}.breadcrumb span{margin:0 9px;color:#becdc2}.top-right{font-size:12px;color:#6a8575}.status-dot{display:inline-block;width:7px;height:7px;background:#58b681;border-radius:50%;margin-right:7px}.content{padding:46px clamp(24px,5vw,76px);max-width:1400px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.page-heading h1{font-size:31px;letter-spacing:-.04em;margin:10px 0 8px}.page-heading p{font-size:13px;color:#8e9b91;margin:0}.summary{margin-top:34px;display:grid;grid-template-columns:220px minmax(230px,1fr);gap:14px}.summary>div{background:#fff;border:1px solid #e7ece6;border-radius:12px;padding:20px 23px;min-height:105px}.summary span,.summary strong{display:block}.summary span{font-size:12px;color:#8e9e91}.summary strong{font-size:23px;color:#204b3c;margin-top:13px}.summary>div+div strong{font-size:18px;margin-top:17px}.list-heading{display:flex;justify-content:space-between;align-items:center;margin:42px 0 15px}.list-heading>div{display:flex;align-items:center;gap:12px}.list-heading h2{font-size:18px;margin:0}.list-heading span{color:#9caaa0;font-size:12px}.page-list{border:1px solid #e5eae4;border-radius:12px;background:#fff;overflow:hidden}.page-list:empty{display:none}.page-row{padding:18px 22px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #edf0eb}.page-row:last-child{border-bottom:0}.thumb{width:61px;height:74px;object-fit:cover;background:#f1f2ee;border-radius:6px;border:1px solid #e6ebe5}.row-details{min-width:0;flex:1}.row-details h3{font-size:14px;margin:0 0 9px;font-weight:700}.page-url{font-size:12px;color:#4b9874;overflow-wrap:anywhere}.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.text-button{border:0;background:transparent;color:#4c7361;padding:8px;font-size:12px;font-weight:600;border-radius:6px}.text-button:hover{background:#f0f7f2}.text-button.danger{color:#b76666}.empty-state{text-align:center;background:#fff;border:1px dashed #d5e0d7;border-radius:12px;padding:52px 20px}.empty-state[hidden]{display:none}.empty-icon{display:grid;place-items:center;margin:auto;width:54px;height:54px;border-radius:15px;background:#eaf4ed;color:#4a9072;font-size:29px}.empty-state h3{font-size:16px;margin:17px 0 7px}.empty-state p{font-size:12px;color:#9aa79b;margin:0 0 20px}.notice{position:fixed;z-index:20;bottom:24px;right:24px;background:#1d5848;color:#fff;padding:11px 16px;border-radius:8px;box-shadow:0 8px 24px #163b2c3d;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}.notice.show{opacity:1}.editor-dialog{width:min(94vw,540px);max-height:90vh;padding:0;border:0;border-radius:15px;box-shadow:0 25px 80px #142e2740}.editor-dialog::backdrop{background:#1733298c}.dialog-head{display:flex;justify-content:space-between;align-items:start;padding:25px 29px 22px;border-bottom:1px solid #edf0eb}.dialog-head h2{font-size:22px;margin:7px 0 0}.icon-button{border:0;background:#f3f5f2;width:29px;height:29px;border-radius:7px;font-size:21px;color:#62796b}.dialog-body{padding:22px 29px;overflow:auto;max-height:calc(90vh - 156px)}.dialog-body>label:not(.upload-box){display:block;font-size:12px;font-weight:700;margin:3px 0 9px}.dialog-body em{color:#cb665f;font-style:normal}.dialog-body input:not([type=file]){height:43px;border:1px solid #dfe6de;border-radius:8px;outline:none;padding:0 12px;width:100%;font-size:13px;margin-bottom:20px}.slug-field{display:flex;align-items:center;border:1px solid #dfe6de;border-radius:8px;height:43px;overflow:hidden}.slug-field span{height:100%;display:flex;align-items:center;background:#f6f8f4;padding:0 12px;color:#798d7d;font-size:12px;border-right:1px solid #dfe6de;white-space:nowrap}.slug-field input{border:0!important;margin:0!important;height:41px!important;box-shadow:none!important}.field-hint{font-size:11px;color:#98a59a;margin:8px 0 21px}.upload-box{min-height:145px;border:1px dashed #c8d9cb;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#f9fbf8;cursor:pointer;overflow:hidden;text-align:center}.upload-box input{display:none}.upload-box img{max-width:100%;max-height:190px;object-fit:contain}.upload-box strong,.upload-box small{display:block}.upload-box strong{font-size:13px;color:#438364}.upload-box small{font-size:11px;color:#a1ada1;margin-top:7px}.dialog-actions{display:flex;justify-content:end;gap:9px;padding:17px 29px;border-top:1px solid #edf0eb}.not-found{display:grid;place-items:center;min-height:100svh;text-align:center}.not-found main{padding:24px}.not-found .brand-icon{margin:auto}.not-found h1{font-size:23px;margin:23px 0 7px}.not-found p{color:#899a8b;font-size:14px}
@media(max-width:850px){.login-wrap{grid-template-columns:1fr}.login-aside{display:none}.login-panel{min-height:100svh}.mobile-brand{display:flex;margin-bottom:70px}.admin-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 23px;height:57px}.content{padding:27px 18px}.page-heading{align-items:start}.page-heading h1{font-size:26px}.summary{grid-template-columns:1fr 1fr}.row-actions{width:100%;padding-left:79px}.page-row{flex-wrap:wrap}.list-heading{margin-top:30px}}
@media(max-width:520px){.page-heading{display:block}.page-heading .primary-button{margin-top:20px;width:100%}.summary{grid-template-columns:1fr 1fr;gap:8px}.summary>div{padding:15px;min-height:87px}.summary strong{font-size:21px}.summary>div+div strong{font-size:13px;overflow-wrap:anywhere}.page-row{padding:15px;gap:13px}.thumb{width:54px;height:68px}.row-actions{padding-left:67px;gap:0}.text-button{padding:7px}.dialog-head,.dialog-body,.dialog-actions{padding-left:19px;padding-right:19px}}