:root{--paper:#f6f7f2;--white:#fff;--ink:#23352e;--muted:#7a877f;--line:#e5e9e2;--green:#54785b;--lime:#e4efc8;--red:#a64336;--soft:#f0f4e8;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:38px;letter-spacing:-1.5px;font-weight:650}h2{font-size:18px;font-weight:650}label{font-size:12px;font-weight:600}input,select{border:1px solid #dce3d9;border-radius:10px;background:#fff;padding:12px 14px;outline:none;color:var(--ink);min-width:0}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #54785b17}button:focus-visible,a:focus-visible{outline:3px solid #91a977;outline-offset:3px}.button{border:0;border-radius:10px;padding:13px 19px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:30px;transition:background .15s}.button:hover:not(:disabled){filter:brightness(.96)}.primary{background:var(--green);color:#fff}.secondary{background:#fff;border:1px solid #dfe4dc;color:var(--ink)}.dark{background:var(--ink);color:white}.wide{width:100%;justify-content:space-between}.muted{color:var(--muted);font-size:13px;line-height:1.8}.small{font-size:11px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--green);margin-bottom:14px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;letter-spacing:1px}.brand-mark{background:var(--ink);color:#edf4d7;border-radius:12px;width:39px;height:39px;display:grid;place-items:center;font-size:23px;letter-spacing:-2px}.brand-tag{font-size:9px;letter-spacing:3px;font-weight:500;color:var(--muted);margin-left:4px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.07fr 1fr}.login-story{background:#e8eedb;position:relative;overflow:hidden;padding:44px 56px;display:flex;flex-direction:column;justify-content:space-between}.story-copy{position:relative;z-index:1;margin:80px 0 160px}.story-copy h1{font-size:clamp(40px,4.7vw,70px);line-height:1.3;letter-spacing:-3px}.story-copy>p:last-child{font-size:14px;line-height:2;color:#69795f;margin-top:25px}.story-foot{position:relative;z-index:1;font-size:10px;letter-spacing:1.5px;color:#76846b}.orbit{border-radius:50%;position:absolute;pointer-events:none}.orbit-one{width:450px;height:450px;background:#d8e4b7;bottom:-255px;right:-120px}.orbit-two{width:220px;height:220px;background:#f1f5e8;bottom:50px;right:100px;border:30px solid #c4d4a8}.orbit-three{width:90px;height:90px;background:#a9bd91;bottom:110px;right:150px}.login-side{display:grid;place-items:center;padding:45px}.login-card{width:100%;max-width:340px}.login-card h2{font-size:29px;margin-bottom:12px}.login-card>.muted{margin-bottom:34px}.login-card label{display:block;margin:20px 0 9px}.login-card input{width:100%}.error{font-size:12px;color:var(--red);line-height:1.6;min-height:20px;margin:12px 0}.login-note{font-size:11px;color:#8b958c;line-height:1.8;margin-top:22px}.dashboard{min-height:100vh;display:flex}.sidebar{width:224px;background:white;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:32px 22px;display:flex;flex-direction:column}.sidebar .brand{margin:0 6px 47px}.side-label{font-size:10px;color:#9aa397;letter-spacing:1px;margin:0 14px 15px}.nav-current{padding:14px;border-radius:10px;background:var(--soft);font-size:12px;font-weight:600;display:flex;gap:12px}.nav-current>span{color:var(--green)}.side-guide{margin-top:55px}.side-guide>p:not(.side-label){font-size:11px;color:#87907f;margin:22px 14px}.side-guide>p>span{font-size:10px;color:#a3af93;margin-right:12px}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;gap:10px}.avatar{background:var(--lime);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600}.side-bottom strong{display:block;font-size:11px;max-width:105px;overflow-wrap:anywhere}.side-bottom small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.icon-button{margin-left:auto;border:0;background:none;color:var(--muted);padding:7px;font-size:20px}.main{margin-left:224px;width:calc(100% - 224px);padding:0 42px;max-width:1600px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#87907f;font-size:10px}.crumb{padding:0 12px;color:#b4bdaf}.session-note{font-size:10px}.page-head{display:flex;justify-content:space-between;align-items:center;margin:34px 0 26px}.page-head .eyebrow{font-size:9px;margin-bottom:9px}.page-head .muted{margin-top:11px;font-size:12px}.page-head .button{font-size:11px;padding:11px 15px}.project-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.project-bar>div{display:flex;align-items:center;gap:12px}.project-bar label{color:var(--muted);font-size:11px}.project-bar select{min-width:165px;padding:9px 30px 9px 12px;font-size:12px}.text-button{border:0;background:transparent;font-size:11px;color:var(--green);font-weight:600;padding:8px}.badge{border-radius:5px;font-size:9px;padding:5px 8px;display:inline-flex;align-items:center;white-space:nowrap}.neutral{background:#f1f3ed;color:#87907e}.online{background:var(--lime);color:#587043}.notice{margin-bottom:20px;padding:13px 17px;border-radius:10px;font-size:12px;background:#e8efda;border:1px solid #dce7c6;line-height:1.7;overflow-wrap:anywhere}.notice.failure{background:#fbefeb;border-color:#efd3ca;color:var(--red)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px 24px}.stat>span{display:block;font-size:10px;color:#869080;margin-bottom:15px}.stat>strong{display:block;font-size:26px;font-weight:600;letter-spacing:-.5px;overflow-wrap:anywhere}.stat>strong small{font-size:12px;font-weight:400;letter-spacing:0}.stat>small{display:block;color:#a0a798;font-size:9px;margin-top:12px}.workspace-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;margin-bottom:25px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:25px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px}.panel-title>div{display:flex;align-items:center;gap:10px}.section-number{font-size:9px;font-weight:650;display:grid;place-items:center;background:var(--soft);color:var(--green);width:26px;height:26px;border-radius:7px}.panel h2{font-size:15px}.drop-zone{border:1.5px dashed #ccd8bd;background:#fafcf6;border-radius:10px;padding:21px 15px;display:flex;align-items:center;flex-direction:column;cursor:pointer;text-align:center;gap:9px;transition:background .15s}.drop-zone.dragover{background:#edf4de;border-color:var(--green)}.drop-zone.locked{pointer-events:none;opacity:.6}.upload-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e9efdf;font-size:21px;color:#748a60;margin-bottom:3px}.drop-zone strong{font-size:12px;font-weight:500;overflow-wrap:anywhere;max-width:100%}.drop-zone>span:not(.upload-symbol):not(.file-pick){font-size:9px;color:#98a28e;font-weight:400}.file-pick{font-size:9px;border:1px solid #dde5d3;background:white;padding:6px 14px;border-radius:6px;margin-top:4px;color:#738166}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.drop-zone:has(+input:focus-visible){outline:3px solid #91a977;outline-offset:3px}.field{margin-top:20px}.field label{display:block;margin-bottom:9px;font-size:10px;color:#7c8874}.field input,.field select{width:100%;font-size:11px;padding:11px 12px}.upload-actions{display:flex;gap:10px;margin-top:18px}.upload-actions>.primary{flex:1;justify-content:space-between}.hint{font-size:9px;color:#a1aa98;line-height:1.8;margin-top:13px}.status-dot{font-size:9px;color:#8b987e;display:flex;align-items:center;gap:5px}.status-dot::before{content:'';width:5px;height:5px;background:#a7b98d;border-radius:50%}.publish-panel .field{margin-top:24px}.publish-info{display:flex;gap:12px;background:#f5f7f0;padding:18px 15px;border-radius:10px;margin:24px 0;color:#80916e}.publish-info>span{font-size:18px}.publish-info p{font-size:10px;line-height:1.9}.live-link{display:block;text-align:center;color:var(--green);font-size:10px;padding-top:15px}.upload-progress-wrap{margin-top:18px}.progress-copy{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--green);margin-bottom:9px}progress{appearance:none;width:100%;height:6px;border:0;border-radius:6px;background:#edf1e7}progress::-webkit-progress-bar{background:#edf1e7;border-radius:6px}progress::-webkit-progress-value{background:var(--green);border-radius:6px}progress::-moz-progress-bar{background:var(--green);border-radius:6px}.history-panel{padding-bottom:10px}.history-panel .panel-title{margin-bottom:12px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:6px}.tab{border:0;background:transparent;font-size:11px;color:#90998a;padding:15px 0;border-bottom:2px solid transparent}.tab.active{color:var(--ink);border-bottom-color:var(--green);font-weight:600}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:10px;white-space:nowrap}th{padding:17px 5px;color:#a0a897;font-size:9px;font-weight:400}td{padding:17px 5px;border-top:1px solid #f1f3ed;color:#849079}td:first-child{color:var(--ink);font-size:11px;font-weight:500;white-space:normal;overflow-wrap:anywhere;min-width:140px;max-width:280px}td small{display:block;font-size:9px;color:#a0a897;font-weight:400;margin-top:5px}.align-right{text-align:right}.row-action{border:0;background:none;color:var(--green);font-size:10px;padding:5px 8px;border-radius:5px}.row-action:hover{background:var(--soft)}.empty-message,.empty-project{text-align:center;padding:35px;color:var(--muted);font-size:12px}.empty-project{background:white;border-radius:14px;border:1px solid var(--line)}.empty-project p{margin-top:14px}.page-foot{display:flex;justify-content:space-between;padding:25px 0;font-size:8px;letter-spacing:1px;color:#a0a897}.page-foot span{font-size:9px;letter-spacing:0}dialog{border:0;border-radius:16px;padding:0;max-width:420px;width:calc(100% - 40px);color:var(--ink);box-shadow:0 20px 80px #16271c22}dialog::backdrop{background:#15251d60;backdrop-filter:blur(3px)}.dialog-card{padding:30px}.dialog-card h2{margin-bottom:17px;font-size:23px}.dialog-card .muted{font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.dialog-actions .button{font-size:11px;padding:12px 18px}
@media(min-width:1500px){.main{padding:0 65px}}@media(max-width:1050px){.sidebar{width:185px;padding:30px 16px}.main{margin-left:185px;width:calc(100% - 185px);padding:0 25px}.workspace-grid{gap:16px}.panel{padding:20px}.stat{padding:20px}.panel-title .small{display:none}.brand-tag{display:none}}@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-story{min-height:220px;padding:25px}.story-copy{margin:30px 0}.story-copy h1{font-size:36px;line-height:1.2}.story-copy>p:last-child,.story-foot{display:none}.orbit-two{right:-60px;bottom:-80px}.orbit-three{right:-10px;bottom:-15px}.login-side{padding:35px 25px}.login-card{max-width:420px}.sidebar{position:static;width:auto;height:auto;padding:17px 20px;border-bottom:1px solid var(--line);border-right:0;flex-direction:row;align-items:center;justify-content:space-between}.sidebar .brand{margin:0;font-size:16px}.brand-mark{height:32px;width:32px}.sidebar>.side-label,.nav-current,.side-guide{display:none}.side-bottom{border:0;padding:0;margin:0}.side-bottom small,.avatar{display:none}.dashboard{flex-direction:column}.main{margin-left:0;width:100%;padding:0 20px}.topbar{height:50px}.page-head{margin:27px 0}.page-head h1{font-size:29px}.page-head .button{font-size:10px;padding:10px}.page-head .muted{font-size:10px}.project-bar>div{gap:8px}.project-bar label{display:none}.project-bar select{min-width:110px;max-width:190px}.stats{gap:9px}.stat{padding:16px 13px}.stat>strong{font-size:20px}.stat>small{font-size:8px;line-height:1.8}.stat>span{font-size:9px}.workspace-grid{grid-template-columns:1fr}.panel{padding:22px}.page-foot span{display:none}.session-note{font-size:9px}.table-scroll{margin:0 -10px;padding:0 10px}}