.hidden{display:none!important}.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:#171716}.login-card{width:min(410px,100%);background:#fff;border-radius:20px;padding:38px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.login-card>img{width:156px;margin-bottom:34px}.login-card h1{margin:8px 0;font-size:29px;letter-spacing:-.05em}.login-card>p:not(.eyebrow){font-size:13px;color:#77746d;margin:0 0 28px}.login-card label{display:grid;gap:7px;font-size:12px;font-weight:650;margin:15px 0}.login-card input{border:1px solid #dcdad3;border-radius:9px;padding:12px;outline:0}.login-card input:focus{border-color:#171716}.login-btn{width:100%;margin-top:10px}.login-error{display:block;min-height:18px;color:#ad3434;margin-top:13px;font-size:12px}:root{--ink:#171716;--muted:#777770;--line:#e8e7e2;--paper:#fff;--canvas:#f7f7f5;--soft:#f1f0eb;--accent:#beb77b;--success:#35785a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--canvas)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{background:#171716;color:#fff;padding:30px 16px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:block;padding:5px 13px 38px;color:#fff;text-decoration:none}.brand img{width:144px;display:block;filter:invert(1);margin-bottom:12px}.brand span{font-size:11px;letter-spacing:.16em;color:#969690}.nav-label{font-size:10px;letter-spacing:.15em;color:#706f69;margin:20px 13px 8px}.nav-item{border:0;background:transparent;color:#aaa9a3;width:100%;display:flex;gap:12px;align-items:center;text-align:left;border-radius:10px;padding:12px 13px;font-size:14px}.nav-item i{width:15px;font-size:16px;font-style:normal;text-align:center;color:#85847f}.nav-item:hover,.nav-item.active{color:#fff;background:#292927}.nav-item.active i{color:#ddd69b}.sidebar-foot{margin-top:auto;border-top:1px solid #30302d;padding:17px 13px 0;display:flex;justify-content:space-between;align-items:center}.operator span,.operator small{display:block}.operator span{font-size:13px}.operator small{color:#85847f;font-size:11px;margin-top:4px}.sign-out{border:0;background:transparent;color:#8f8e89;font-size:12px;padding:4px}main{min-width:0;padding:0 42px 60px;max-width:1580px}.topbar{height:108px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.eyebrow{margin:0;color:#98968e;font-size:10px;letter-spacing:.16em;font-weight:700}.topbar h1{font-size:25px;margin:7px 0 0;letter-spacing:-.03em}.header-actions{display:flex;align-items:center;gap:18px}.saved-state{color:#898780;font-size:12px}.saved-state:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#58a978;margin-right:7px}.publish-btn,.outline-btn,.text-btn,.filter-btn{border-radius:9px;font-weight:650}.publish-btn{border:1px solid #171716;background:#171716;color:#fff;padding:11px 18px}.outline-btn{border:1px solid #cfcfc9;background:#fff;color:#171716;padding:10px 14px}.text-btn{border:0;background:transparent;color:#504e48;padding:6px 0}.view{display:none;padding-top:30px}.view.active{display:block}.welcome-card{min-height:244px;border-radius:20px;padding:35px 40px;background:#e5dfd3;display:flex;justify-content:space-between;overflow:hidden;position:relative;background:linear-gradient(118deg,#e7e1d6 0%,#d7d3c1 100%)}.welcome-card:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #f9f7f055;border-radius:50%;right:-80px;top:-210px;box-shadow:0 0 0 48px #f9f7f035,0 0 0 96px #f9f7f020}.welcome-card h2{font-size:33px;line-height:1.2;letter-spacing:-.055em;margin:14px 0 12px}.welcome-card p:not(.eyebrow){font-size:13px;color:#66635b;margin:0}.welcome-mark{z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.welcome-mark span{font-size:82px;line-height:.9;letter-spacing:-.08em}.welcome-mark small{font-size:11px;margin-top:9px;color:#68655c}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.metric-grid article,.panel,.store-card{background:var(--paper);border:1px solid var(--line);border-radius:15px}.metric-grid article{padding:18px}.metric-grid span{font-size:12px;color:var(--muted)}.metric-grid b{display:block;font-size:30px;letter-spacing:-.06em;margin:12px 0 3px}.metric-grid small{font-size:11px;color:#97958e}.two-columns{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.panel{overflow:hidden}.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel-head h3{font-size:16px;margin:0 0 5px}.panel-head p{font-size:12px;color:#8a8881;margin:0}.campaign-preview{padding:18px;display:grid;grid-template-columns:178px 1fr;gap:18px;align-items:center}.campaign-preview img{width:178px;height:112px;border-radius:10px;object-fit:cover;background:#e9e8e2}.campaign-preview span,.campaign-preview small{font-size:11px;color:#8b8981;display:block}.campaign-preview b{font-size:18px;margin:9px 0 7px;display:block}.task-list{padding:4px 22px}.task-list>div{display:grid;grid-template-columns:68px 1fr;gap:5px 13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.task-list>div:last-child{border:0}.task-list b{font-size:13px}.task-list small{grid-column:2;color:#8b8981;font-size:11px}.status{display:inline-flex;width:max-content;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.status.pending{background:#f6f1df;color:#896d1a}.status.ready{background:#e9f3ec;color:#327452}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.section-intro h2{font-size:24px;margin:0 0 7px;letter-spacing:-.04em}.section-intro p{font-size:13px;color:#85837d;margin:0}.campaign-list{padding:12px 22px 22px;display:grid;gap:11px}.campaign-row{display:grid;grid-template-columns:140px 1fr auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px}.campaign-row img{width:140px;height:78px;border-radius:8px;object-fit:cover}.campaign-row b,.campaign-row small{display:block}.campaign-row b{font-size:14px;margin-bottom:6px}.campaign-row small{font-size:11px;color:#88867f}.campaign-row-actions{display:flex;gap:14px;align-items:center}.popup-panel{margin-top:18px}.popup-content{padding:20px 22px;display:grid;grid-template-columns:170px 1fr;gap:21px;align-items:center}.popup-content img{width:170px;height:160px;border-radius:12px;object-fit:cover}.popup-content h3{margin:11px 0 7px;font-size:19px}.popup-content p{font-size:12px;line-height:1.7;color:#77756e;margin:0 0 10px}.switch{width:44px;height:25px;position:relative;display:block}.switch input{display:none}.switch i{display:block;background:#d7d7d2;position:absolute;inset:0;border-radius:30px;transition:.2s}.switch i:after{content:"";width:19px;height:19px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:.2s;box-shadow:0 1px 3px #0003}.switch input:checked+i{background:#171716}.switch input:checked+i:after{transform:translateX(19px)}.catalog-layout{display:grid;grid-template-columns:187px minmax(0,1fr);gap:18px}.category-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.category-panel>b{font-size:13px;display:block;padding:5px 8px 12px}.category{width:100%;border:0;background:transparent;border-radius:8px;padding:10px 8px;text-align:left;color:#6b6962;font-size:13px;display:flex;justify-content:space-between}.category span{font-size:11px;color:#aaa8a0}.category.active,.category:hover{color:#171716;background:#f4f3ef;font-weight:700}.category-panel hr{border:0;border-top:1px solid var(--line);margin:10px 4px}.catalog-content{min-width:0}.catalog-toolbar{display:flex;gap:9px;margin-bottom:16px}.search{display:flex;align-items:center;gap:7px;flex:1;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 12px}.search span{font-size:20px;color:#a4a29a}.search input{border:0;outline:0;width:100%;padding:12px 0;font-size:13px}.filter-btn{border:1px solid var(--line);background:#fff;padding:0 11px;color:#66645d;font-size:12px}.filter-btn span{background:#f0efeb;border-radius:6px;padding:2px 5px;margin-left:4px}.style-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:13px}.style-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.style-card img{width:100%;aspect-ratio:4/5;display:block;object-fit:cover;background:#f0efeb}.style-info{padding:12px}.style-info span{font-size:10px;color:#8f8d85}.style-info b{display:block;font-size:13px;margin:6px 0}.style-info small{font-size:10px;color:#99968f}.style-info .tags{display:flex;gap:5px;margin-top:9px}.style-info .tags i{font-style:normal;font-size:10px;padding:3px 5px;background:#f4f3ef;border-radius:5px;color:#77746b}.store-card{padding:30px;max-width:780px}.store-title{display:flex;align-items:center;gap:14px;padding-bottom:24px;border-bottom:1px solid var(--line)}.store-title .status{margin-left:auto}.store-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#171716;color:#fff;font-weight:800;font-size:20px}.store-title h2{font-size:20px;margin:0 0 5px}.store-title p{font-size:12px;color:#828078;margin:0}.store-card dl{margin:0}.store-card dl>div{display:grid;grid-template-columns:130px 1fr;padding:19px 0;border-bottom:1px solid var(--line)}.store-card dt{font-size:12px;color:#8b8981}.store-card dd{font-size:13px;margin:0}.store-actions{display:flex;gap:14px;align-items:center;margin-top:23px}.publish-list{padding:5px 22px}.publish-list>div{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid var(--line)}.publish-list>div:last-child{border:0}.publish-list b{font-size:13px}.publish-list small{grid-column:2;font-size:11px;color:#85827a}.publish-list .text-btn{grid-row:1/3;grid-column:3}.editor-dialog{border:0;border-radius:17px;padding:0;width:min(520px,calc(100vw - 32px));box-shadow:0 28px 90px #0004}.editor-dialog::backdrop{background:#17171688}.editor-dialog form{padding:28px}.editor-dialog h2{font-size:23px;margin:8px 0 22px}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:26px;color:#777}.form-field{display:grid;gap:7px;margin:14px 0}.form-field label{font-size:12px;font-weight:650}.form-field input,.form-field textarea,.form-field select{border:1px solid #dddcd7;border-radius:9px;padding:11px;font:inherit;font-size:13px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,12px);background:#171716;color:white;padding:11px 16px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.app-shell{grid-template-columns:210px minmax(0,1fr)}main{padding:0 26px 45px}.style-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.two-columns{grid-template-columns:1fr}.welcome-card h2{font-size:28px}}@media(max-width:720px){.app-shell{display:block}.sidebar{height:auto;position:static;padding:16px;display:block}.brand{padding:4px 5px 14px}.sidebar nav{display:flex;overflow:auto;gap:6px}.nav-label,.sidebar-foot{display:none}.nav-item{width:auto;white-space:nowrap}.sidebar nav p{display:none}main{padding:0 15px 35px}.topbar{height:84px}.saved-state{display:none}.view{padding-top:20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.welcome-card{padding:24px;min-height:205px}.welcome-mark{display:none}.catalog-layout{grid-template-columns:1fr}.category-panel{display:flex;gap:6px;overflow:auto}.category-panel>b,.category-panel hr{display:none}.category{width:auto;white-space:nowrap}.catalog-toolbar{flex-wrap:wrap}.search{flex-basis:100%}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-preview,.popup-content{grid-template-columns:1fr}.campaign-preview img,.popup-content img{width:100%;height:150px}.campaign-row{grid-template-columns:90px 1fr}.campaign-row img{width:90px;height:62px}.campaign-row-actions{grid-column:2}.store-card{padding:20px}.store-card dl>div{grid-template-columns:1fr;gap:7px}.publish-list>div{grid-template-columns:68px 1fr}.publish-list .text-btn{display:none}.section-intro{align-items:flex-start;gap:14px}.section-intro h2{font-size:21px}.section-intro p{line-height:1.55}.section-intro .outline-btn{white-space:nowrap}}