:root{--ink:#17221e;--muted:#6d7974;--line:#e2e8e4;--paper:#f5f7f5;--green:#176b4d;--green2:#0f523b;--soft:#eaf4ee;--orange:#d97931;--red:#bd4d45;--white:#fff;--shadow:0 18px 45px #1c302714}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:#83ad9b;box-shadow:0 0 0 3px #176b4d14}textarea{resize:vertical;min-height:94px;line-height:1.55}label{color:#46534e;font-size:13px;font-weight:700;display:block}label input,label textarea,label select{margin-top:7px}.primary{background:var(--green);color:#fff;border:0;border-radius:9px;padding:11px 18px;font-weight:700}.primary:hover{background:var(--green2)}.wide{width:100%}.muted{color:var(--muted)}.login-shell{background:radial-gradient(circle at 20% 10%,#e6f2ea 0,transparent 35%),var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);width:min(410px,100%);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:36px}.brand-mark,.logo>span{background:var(--green);color:#fff;place-items:center;font-weight:900;display:grid}.brand-mark{border-radius:14px;width:48px;height:48px;margin-bottom:20px}.login-card h1{margin:0;font-size:30px}.login-card p{color:var(--muted);margin:7px 0 26px}.login-card label{margin:15px 0}.error{color:var(--red);background:#fff1ef;border-radius:8px;margin:12px 0;padding:10px;font-size:13px}.portal-shell{background:radial-gradient(circle at 82% 18%,#55977529,#0000 28%),linear-gradient(145deg,#f8faf8,#eef4f0);grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;overflow:hidden}.portal-head{justify-content:space-between;align-items:center;padding:28px clamp(24px,5vw,76px);display:flex}.portal-brand{align-items:center;gap:12px;font-size:18px;display:flex}.portal-brand>span{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.portal-user{color:var(--muted);align-items:center;gap:16px;font-size:13px;display:flex}.portal-user button{color:var(--green);background:0 0;border:0}.portal-content{width:min(1050px,100% - 48px);margin:auto;padding:54px 0 80px}.portal-eyebrow{color:var(--green);letter-spacing:.18em;font-size:11px;font-weight:900}.portal-content h1{letter-spacing:-.045em;max-width:780px;margin:18px 0 54px;font-size:clamp(36px,5.3vw,68px);line-height:1.16}.portal-menus{grid-template-columns:1fr 1fr;gap:18px;display:grid}.portal-menus>a,.portal-menus>button{min-width:0;color:var(--ink);text-align:left;background:#ffffffe0;border:1px solid #176b4d21;border-radius:18px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;padding:27px;text-decoration:none;transition:all .2s;display:grid;box-shadow:0 16px 42px #1c302712}.portal-menus>a:hover,.portal-menus>button:hover{border-color:#a9caba;transform:translateY(-3px);box-shadow:0 20px 48px #1c30271f}.portal-number{background:var(--soft);width:48px;height:48px;color:var(--green);border-radius:14px;place-items:center;font-size:13px;font-weight:900;display:grid}.portal-menus div{flex-direction:column;min-width:0;display:flex}.portal-menus strong{font-size:21px}.portal-menus small{color:var(--muted);margin-top:7px;line-height:1.5}.portal-menus b{color:var(--green);font-size:13px}.portal-foot{text-align:center;color:#95a09b;letter-spacing:.08em;padding:24px;font-size:11px}@media (width<=700px){.portal-head{padding:20px}.portal-user>span{display:none}.portal-content{width:min(100% - 36px,540px);padding:36px 0 60px}.portal-content h1{margin-bottom:36px;font-size:38px}.portal-menus{grid-template-columns:1fr}.portal-menus>a,.portal-menus>button{padding:22px}.portal-menus small{font-size:12px}}.app-shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fbfcfb;flex-direction:column;height:100vh;padding:25px 17px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:11px;padding:0 7px 27px;display:flex}.logo>span{border-radius:11px;width:39px;height:39px}.logo div,.sidebar-foot div{flex-direction:column;display:flex}.logo strong{font-size:17px}.logo small,.sidebar-foot small{color:var(--muted);margin-top:2px;font-size:11px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#58645f;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{background:var(--soft);color:var(--green);font-weight:800}.sidebar nav em{color:#fff;text-align:center;background:#e6a06b;border-radius:20px;min-width:23px;padding:2px 7px;font-size:11px;font-style:normal}.sidebar-foot{border-top:1px solid var(--line);grid-template-columns:36px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:14px 6px 0;display:grid}.avatar{width:34px;height:34px;color:var(--green);background:#dcebe3;border-radius:50%;place-items:center;font-weight:900;display:grid!important}.sidebar-foot strong{font-size:13px}.sidebar-foot button{color:var(--muted);background:0 0;border:0;font-size:12px}.main-area{min-width:0}.page-head{border-bottom:1px solid var(--line);background:#ffffffd1;justify-content:space-between;align-items:center;height:91px;padding:18px 34px;display:flex}.page-head small{color:var(--muted)}.page-head h1{margin:4px 0 0;font-size:23px}.page-content{max-width:1280px;margin:auto;padding:28px 34px}.page-content.narrow{max-width:1000px}.hero{color:#fff;box-shadow:var(--shadow);background:linear-gradient(120deg,#124c39,#1c7654);border-radius:17px;justify-content:space-between;align-items:center;gap:30px;padding:29px 32px;display:flex;overflow:hidden}.hero span{letter-spacing:.12em;opacity:.75;font-size:12px}.hero h2{margin:9px 0 7px;font-size:25px}.hero p{color:#d7ebe1;max-width:690px;margin:0;line-height:1.65}.hero button{color:var(--green);white-space:nowrap;background:#fff;border:1px solid #ffffff40;border-radius:9px;padding:11px 18px;font-weight:800}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.stats article>span{color:var(--muted);font-size:13px;display:block}.stats strong{margin:9px 0 5px;font-size:28px;display:block}.stats small{color:#8a958f}.stats article.alert{background:#fffaf5;border-color:#f0cbb0}.stats article.alert strong{color:var(--orange)}.section-card,.form-card{border:1px solid var(--line);background:#fff;border-radius:15px;box-shadow:0 8px 25px #1c30270a}.section-card{padding:23px}.section-title,.toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.section-title h3{margin:0;font-size:18px}.section-title p{color:var(--muted);margin:5px 0 0;font-size:13px}.text-button{color:var(--green);background:0 0;border:0;font-weight:800}.toolbar input{max-width:480px}.toolbar span{color:var(--muted);font-size:13px}.action-list{display:grid}.action-row{border-top:1px solid #edf0ee;grid-template-columns:40px minmax(0,1fr) 185px;align-items:start;gap:14px;padding:16px 0;display:grid}.action-row:first-child{border-top:0}.action-icon{background:var(--soft);width:38px;height:38px;color:var(--green);border-radius:10px;place-items:center;font-weight:900;display:grid}.action-main>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shop-tag{color:#53615b;background:#eef1ef;border-radius:5px;padding:3px 7px;font-size:11px}.action-main strong{font-size:14px}.action-main small{color:#919b96;font-size:11px}.action-main p{margin:7px 0 0;font-size:13px;line-height:1.5}.action-main p.reason{color:var(--muted)}.action-meta{color:var(--muted);flex-direction:column;align-items:flex-end;gap:5px;font-size:12px;display:flex}.action-meta small{font-size:11px}.action-meta b{border-radius:20px;padding:3px 8px;font-size:11px}.action-meta .watching{color:var(--green);background:#edf5f0}.action-meta .due{color:#b85a20;background:#fff1e8}.action-meta .done{color:#5b6661;background:#eff1f0}.action-meta button{color:var(--green);background:0 0;border:0;font-size:12px}.empty{text-align:center;color:var(--muted);padding:55px 20px}.empty strong{color:var(--ink)}.empty p{font-size:13px}.form-card{padding:28px}.form-intro span,.eyebrow{color:var(--green);letter-spacing:.12em;font-size:11px;font-weight:900}.form-intro h2{margin:7px 0 5px;font-size:20px}.form-intro p{color:var(--muted);margin:0 0 22px;font-size:13px}.form-intro.second{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid .full{grid-column:1/-1}.form-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:27px;padding-top:20px;display:flex}.form-actions small{color:var(--muted)}.modal-backdrop{z-index:20;background:#0e1a157a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(600px,100%);max-height:90vh;padding:28px;position:relative;overflow:auto;box-shadow:0 30px 80px #00000038}.modal-close{color:var(--muted);background:0 0;border:0;font-size:27px;position:absolute;top:14px;right:18px}.modal h2{margin:7px 0 4px}.modal>label{margin-top:16px}.compare{grid-template-columns:1fr 30px 1fr;align-items:end;gap:10px;margin:22px 0 6px;display:grid}.compare>span{text-align:center;color:var(--muted);padding-bottom:13px}.toast{z-index:40;opacity:0;color:#fff;pointer-events:none;background:#17221e;border-radius:9px;padding:11px 16px;transition:all .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:14px;position:static}.logo{padding-bottom:12px}.sidebar nav{grid-template-columns:repeat(4,1fr);overflow:auto}.sidebar nav button{white-space:nowrap;justify-content:center}.sidebar-foot{display:none}.page-head{height:auto;padding:16px 20px}.page-content{padding:20px}.stats{grid-template-columns:1fr 1fr}.action-row{grid-template-columns:38px 1fr}.action-meta{flex-flow:wrap;grid-column:2;align-items:flex-start}.form-grid.three{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.hero button{align-self:stretch}.sidebar nav button em{display:none}}@media (width<=560px){.page-head small,.page-head>.primary{display:none}.sidebar nav{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr 1fr;gap:9px}.stats article{padding:15px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-actions{flex-direction:column;align-items:stretch;gap:15px}.compare{grid-template-columns:1fr}.compare>span{display:none}.action-row{grid-template-columns:1fr}.action-icon{display:none}.action-meta{grid-column:1}.section-card,.form-card{padding:18px}}.admin-page{max-width:1120px}.admin-tabs{border-bottom:1px solid var(--line);gap:7px;margin-bottom:16px;display:flex}.admin-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:11px 17px}.admin-tabs button.active{border-bottom-color:var(--green);color:var(--green);font-weight:800}.admin-create{background:#f7f9f7;border-radius:12px;grid-template-columns:170px 1fr auto;gap:10px;margin-bottom:22px;padding:14px;display:grid}.admin-create.four{grid-template-columns:1.2fr 1fr 1fr 130px auto}.settings-list article{border-top:1px solid var(--line);grid-template-columns:40px minmax(180px,1fr) 130px 90px;align-items:center;gap:12px;padding:13px 0;display:grid}.settings-list article>div:nth-child(2){flex-direction:column;display:flex}.settings-list small{color:var(--muted);margin-top:3px}.switch{border:1px solid var(--line);color:var(--muted);background:#f1f3f2;border-radius:20px;padding:6px 10px;font-size:12px}.switch.on{background:var(--soft);color:var(--green);border-color:#b8d7c8}.field-columns{grid-template-columns:1fr 1fr;gap:28px;display:grid}.field-columns h4{margin:4px 0 8px}.field-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.permission-table{border:1px solid var(--line);border-radius:11px;overflow:hidden}.permission-head,.permission-row{border-top:1px solid var(--line);grid-template-columns:minmax(220px,1fr) 130px 130px;align-items:center;min-height:48px;padding:0 16px;display:grid}.permission-head{background:#f5f7f5;border-top:0}.permission-head strong:not(:first-child){text-align:center}.permission-row .check{border:1px solid var(--line);color:#fff;background:#fff;border-radius:7px;justify-self:center;width:27px;height:27px}.permission-row .check.checked{border-color:var(--green);background:var(--green)}.permission-row .check:disabled{opacity:.75}@media (width<=900px){.admin-create.four,.field-columns{grid-template-columns:1fr}}@media (width<=560px){.admin-create{grid-template-columns:1fr}.settings-list article{grid-template-columns:36px 1fr}.settings-list article select,.settings-list article>button{grid-column:2}.permission-head,.permission-row{grid-template-columns:1fr 72px 72px;padding:0 8px}}.sidebar nav .nav-link{color:#58645f;border-radius:10px;align-items:center;padding:12px 14px;text-decoration:none;display:flex}.sidebar nav .nav-link:hover{background:var(--soft);color:var(--green);font-weight:800}.design-shell{background:var(--paper);min-height:100vh;padding:30px}.design-head{justify-content:space-between;align-items:end;max-width:1240px;margin:0 auto 20px;display:flex}.design-head a{color:var(--green);font-size:13px;text-decoration:none}.design-head h1{margin:10px 0 4px}.design-head p{color:var(--muted);margin:0}.design-head>span{color:var(--muted)}.design-grid{grid-template-columns:1fr 1fr;gap:18px;max-width:1240px;margin:auto;display:grid}.design-grid .section-card h2,.design-library h2{margin-top:0}.design-grid label{margin:14px 0}.design-library{max-width:1240px;margin:18px auto}.design-message{background:var(--soft);max-width:1240px;color:var(--green);border-radius:9px;margin:14px auto;padding:12px}.design-set{border-top:1px solid var(--line);grid-template-columns:260px 1fr 90px;align-items:center;gap:20px;padding:16px 0;display:grid}.design-set>div:first-child{flex-direction:column;display:flex}.design-set small{color:var(--muted);margin-top:5px}.asset-codes{flex-wrap:wrap;gap:8px;display:flex}.asset-codes>span{border:1px solid var(--line);color:var(--green);background:#fafbfa;border-radius:8px;flex-direction:column;padding:7px 9px;font-size:12px;font-weight:800;display:flex}.asset-codes small{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:400;overflow:hidden}.usage-count{color:var(--muted);font-size:12px}.usage-row{border-top:1px solid var(--line);grid-template-columns:130px 1fr 1fr 100px 90px;gap:12px;padding:12px 0;font-size:13px;display:grid}.usage-row b{color:var(--orange)}@media (width<=800px){.design-grid,.design-set{grid-template-columns:1fr}.usage-row{grid-template-columns:1fr 1fr}.design-head{flex-direction:column;align-items:start;gap:10px}}.data-upload{align-items:center;gap:12px;display:flex}.data-stats{max-width:1240px;margin:18px auto}.data-stats article{min-height:110px}.mini-chart{gap:9px;margin:18px 0 24px;display:grid}.mini-chart>div{grid-template-columns:150px minmax(40px,1fr) 80px;align-items:center;gap:10px;font-size:12px;display:grid}.mini-chart i{background:linear-gradient(90deg,var(--green),#77b99b);border-radius:3px;height:13px;display:block}.mini-chart b{text-align:right}.table-shell{overflow:auto}.table-shell table{border-collapse:collapse;width:100%;font-size:12px}.table-shell th,.table-shell td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:9px}.table-shell th{background:#f5f7f5}@media (width<=600px){.data-upload{flex-direction:column;align-items:stretch}}.project-create{grid-template-columns:1fr 1fr 1fr 160px auto;gap:10px;display:grid}.project-layout{grid-template-columns:260px 1fr;gap:18px;max-width:1240px;margin:18px auto;display:grid}.project-list{flex-direction:column;gap:8px;display:flex}.project-list button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:9px;flex-direction:column;align-items:flex-start;padding:12px;display:flex}.project-list button.active{border-color:var(--green);background:var(--soft)}.project-list small,.project-list span{color:var(--muted);margin-top:3px}.progress{background:#e9eeeb;border-radius:9px;height:8px;overflow:hidden}.progress i{background:var(--green);height:100%;display:block}.project-tasks article{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1.5fr) 100px 100px 125px 110px 140px 52px;align-items:center;gap:8px;padding:12px 0;display:grid}.project-tasks article>div{flex-direction:column;display:flex}.project-tasks b{color:var(--green);font-size:11px}.project-tasks small{color:var(--muted)}.project-tasks button{border:1px solid var(--line);background:#fff;border-radius:7px}@media (width<=900px){.project-create,.project-layout{grid-template-columns:1fr}.project-tasks article{grid-template-columns:1fr 1fr}.project-tasks article>div{grid-column:1/-1}}.shop-switcher{border:1px solid var(--line);background:#fff;border-radius:10px;margin:0 7px 16px;padding:10px;font-size:11px}.shop-switcher select{margin-top:6px;padding:8px;font-size:12px}.import-form{grid-template-columns:1fr 1fr 1.2fr auto;align-items:end;gap:12px;display:grid}.shop-context{max-width:1240px;margin:0 auto 18px}.shop-context label{max-width:460px}@media (width<=800px){.import-form{grid-template-columns:1fr}}