:root{--ink:#1d252c;--muted:#75808b;--line:#e8edf0;--surface:#fff;--canvas:#f7f9fa;--orange:#ff7d32;--orange-dark:#eb641d;--green:#2ca777;--yellow:#f5a623;--navy:#153743}*{box-sizing:border-box}body{margin:0;font-family:"Inter","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--canvas);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#152e36;color:#d9e8ea;padding:26px 16px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 34px}.brand-mark{width:35px;height:35px;background:var(--orange);border-radius:10px;color:#fff;font-weight:800;display:grid;place-items:center;font-size:19px}.brand strong{display:block;color:#fff;font-size:16px;letter-spacing:.5px}.brand span{display:block;font-size:11px;color:#91a8ad;margin-top:3px}.nav{display:grid;gap:5px}.nav-item{height:44px;border:0;background:transparent;color:#9fb1b6;border-radius:8px;text-align:left;padding:0 13px;font-size:14px;display:flex;gap:13px;align-items:center;cursor:pointer}.nav-item span{font-size:19px;width:20px;text-align:center;color:#90a4aa}.nav-item.active,.nav-item:hover{background:#21434c;color:#fff}.nav-item.active span{color:#ff9a5b}.sidebar-footer{margin-top:auto;border-top:1px solid #2e4a51;padding:17px 8px 0;display:flex;gap:9px;align-items:center}.support-dot{width:8px;height:8px;border-radius:50%;background:#42c08d;box-shadow:0 0 0 4px rgba(66,192,141,.13)}.sidebar-footer b{font-size:12px;display:block;color:#d7e5e7}.sidebar-footer small{color:#799198;font-size:10px;display:block;margin-top:4px}.main{flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between}.crumb{color:#a5afb6}.top-actions{display:flex;align-items:center;gap:14px}.icon-button,.chevron{border:0;background:none;color:#66727a;font-size:21px;position:relative;cursor:pointer}.icon-button i{position:absolute;right:-1px;top:2px;width:6px;height:6px;background:var(--orange);border-radius:50%}.avatar{width:34px;height:34px;border-radius:50%;background:#f8e8dd;color:var(--orange-dark);display:grid;place-items:center;font-weight:700}.user-meta b,.user-meta span{display:block}.user-meta b{font-size:12px}.user-meta span{font-size:10px;color:var(--muted);margin-top:3px}.view{display:none;padding:34px 42px 48px;max-width:1500px}.view.active{display:block}.welcome,.view-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.welcome h1,.view-heading h1{font-size:29px;line-height:1.15;margin:7px 0 8px;letter-spacing:-.5px}.eyebrow{color:var(--orange);font-weight:700;font-size:11px;letter-spacing:1px;margin:0}.muted{color:var(--muted);margin:0}.primary{border:0;border-radius:7px;background:var(--orange);color:#fff;font-size:13px;font-weight:700;padding:11px 17px;cursor:pointer;box-shadow:0 4px 10px rgba(255,125,50,.2)}.primary:hover{background:var(--orange-dark)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.metric{padding:19px 20px;background:#fff;border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-21px;top:-25px;width:80px;height:80px;border-radius:50%;background:#fff4ec}.metric-label{color:var(--muted);font-size:12px}.metric-value{font-size:28px;font-weight:750;margin-top:11px;letter-spacing:-1px}.metric-change{font-size:11px;color:var(--green);margin-top:7px}.metric-icon{position:absolute;right:17px;top:20px;color:var(--orange);font-size:22px;z-index:1}.content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 21px 15px}.panel-head h2{font-size:16px;margin:0 0 6px}.panel-head p{font-size:12px;color:var(--muted);margin:0}.text-button{border:0;background:none;color:var(--orange-dark);font-size:12px;font-weight:700;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:570px}th{font-size:11px;color:#9aa4ab;font-weight:600;text-align:left;background:#fcfdfd;padding:11px 21px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:15px 21px;border-bottom:1px solid #f0f3f4;font-size:12px;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.customer-cell b{display:block;font-size:13px}.customer-cell span{color:#9aa4ab;font-size:11px;display:block;margin-top:3px}.status{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:11px;background:#edf8f3;color:#209267}.status.pending{background:#fff5e5;color:#cf8511}.status.done{background:#eef1f4;color:#76818a}.insight-panel{padding-bottom:18px}.trend{font-size:11px;color:var(--green);font-weight:700;background:#edf8f3;padding:5px 8px;border-radius:5px}.chart{height:190px;padding:6px 20px 0;position:relative}.chart-grid{position:absolute;inset:15px 20px 31px;display:grid;grid-template-rows:repeat(4,1fr)}.chart-grid i{border-top:1px dashed #e6ecee}.chart svg{position:relative;height:145px;width:100%}.x-labels{display:flex;justify-content:space-between;color:#a2adb3;font-size:10px;padding-top:4px}.insight-foot{border-top:1px solid var(--line);margin-top:15px;padding:15px 21px 0;display:flex;justify-content:space-between;align-items:center;color:#849097;font-size:11px}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--orange);margin-right:6px}.insight-foot b{font-size:22px;color:var(--ink)}.insight-foot small{font-size:11px;color:var(--muted);font-weight:400}.view-heading{align-items:center}.toolbar{height:63px;padding:0 21px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:23px;height:100%;align-items:center}.tab{height:100%;border:0;background:none;color:#8b969d;font-size:12px;cursor:pointer;position:relative}.tab.active{color:var(--ink);font-weight:700}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange)}.tab span{font-size:10px;margin-left:4px;color:#a4adb1}.search{border:1px solid var(--line);border-radius:6px;height:32px;display:flex;align-items:center;padding:0 9px;color:#99a3a9;gap:6px}.search input{border:0;outline:0;font:inherit;width:170px;font-size:11px}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.staff-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px}.staff-top{display:flex;align-items:center;gap:12px}.staff-avatar{width:43px;height:43px;border-radius:12px;background:#fff1e8;color:var(--orange-dark);font-weight:700;display:grid;place-items:center;font-size:16px}.staff-top h3{font-size:15px;margin:0 0 4px}.staff-top p{font-size:11px;color:var(--muted);margin:0}.staff-status{margin-left:auto;font-size:11px;color:var(--green)}.staff-tags{display:flex;gap:6px;margin:19px 0}.tag{font-size:10px;padding:5px 8px;background:#f3f6f6;color:#68767b;border-radius:4px}.staff-foot{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.balance{font-size:11px;color:var(--muted)}.balance b{font-size:22px;color:var(--orange-dark);margin-left:7px}.content-cards{display:grid;grid-template-columns:1fr 1.35fr;gap:17px}.hero-card{border-radius:10px;min-height:270px;padding:29px;background:#153743;color:#fff;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:220px;height:220px;right:-30px;bottom:-75px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 25px rgba(255,255,255,.03),0 0 0 52px rgba(255,255,255,.03)}.card-kicker{color:#ff9a5b;font-size:11px;font-weight:700;margin-bottom:27px}.hero-card h2{font-size:25px;line-height:1.35;margin:0}.hero-card button{position:absolute;bottom:26px;left:29px;background:none;border:0;color:#ffb481;padding:0;font-size:12px;font-weight:700}.announcements{padding-bottom:9px}.announcement{padding:15px 21px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.announcement b{font-size:13px}.announcement small{display:block;color:var(--muted);margin-top:6px;font-size:10px}.announcement .status{font-size:10px}.settings-list{background:#fff;border:1px solid var(--line);border-radius:10px}.setting-row{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.setting-row:last-child{border-bottom:0}.setting-row b,.setting-row span{display:block}.setting-row span{color:var(--muted);font-size:11px;margin-top:7px}.switch input{display:none}.switch i{display:block;width:38px;height:21px;border-radius:20px;background:#cdd6d9;position:relative}.switch i:after{content:"";position:absolute;width:17px;height:17px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+i{background:var(--orange)}.switch input:checked+i:after{left:19px}.outline{border:1px solid #d9e0e2;background:#fff;border-radius:6px;padding:8px 12px;font-size:11px;color:#5d6a71}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(17,34,39,.45);align-items:center;justify-content:center;z-index:5}.modal-backdrop.open{display:flex}.modal{width:420px;background:#fff;border-radius:12px;padding:28px;position:relative;box-shadow:0 25px 70px rgba(0,0,0,.2)}.modal h2{font-size:22px;margin:7px 0 22px}.modal-close{position:absolute;right:18px;top:16px;background:none;border:0;font-size:24px;color:#a3adb2;cursor:pointer}.modal form{display:grid;gap:15px}.modal label{font-size:11px;color:#768187;display:grid;gap:7px}.modal input,.modal select{height:38px;border:1px solid #dce4e6;border-radius:6px;padding:0 10px;font:inherit;font-size:12px;outline-color:var(--orange)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{width:100%;margin-top:4px}
@media(max-width:900px){.sidebar{width:74px;padding:20px 10px}.brand{padding:0 9px 30px}.brand>div:last-child,.nav-item:not(.active)::after,.nav-item{font-size:0}.brand-mark{width:35px}.nav-item{justify-content:center;padding:0}.nav-item span{font-size:19px}.sidebar-footer{display:none}.topbar{padding:0 20px}.view{padding:25px 20px}.content-grid,.content-cards{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.staff-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.user-meta,.chevron{display:none}.welcome,.view-heading{align-items:flex-start;gap:20px;flex-direction:column}.welcome h1,.view-heading h1{font-size:25px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:15px}.metric-value{font-size:23px}.toolbar{height:auto;padding:12px;gap:12px;align-items:flex-start;flex-direction:column}.tabs{height:31px;gap:14px}.search{width:100%}.search input{flex:1}.staff-grid{grid-template-columns:1fr}.modal{width:calc(100vw - 28px)}}

/* Visual polish: keep the operational layout dense, but give each layer a clearer rhythm. */
:root{--canvas:#f3f6f6;--line:#e1e9e9;--ink:#18272d;--muted:#718187;--orange:#f2762f;--orange-dark:#d95e1b;--navy:#12353d;--shadow:0 10px 28px rgba(21,55,67,.06)}
body{font-size:14px;letter-spacing:.01em;background:var(--canvas)}
.sidebar{background:var(--navy);padding:28px 15px 20px;box-shadow:12px 0 32px rgba(18,53,61,.08);position:relative;z-index:2}
.brand{padding:0 12px 38px}.brand-mark{border-radius:11px;box-shadow:0 7px 16px rgba(242,118,47,.24)}.brand strong{letter-spacing:.7px}.nav{gap:6px}.nav-item{height:46px;border-radius:10px;position:relative;transition:background .18s,color .18s,transform .18s}.nav-item:hover{transform:translateX(2px)}.nav-item.active{background:#214b55;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.nav-item.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 4px 4px 0;background:#ff9a5b}.nav-item span{color:#8ea7ad}.sidebar-footer{padding-top:19px}
.main{background:var(--canvas)}.topbar{height:76px;padding:0 46px;background:rgba(255,255,255,.92);box-shadow:0 1px 0 rgba(21,55,67,.03);position:sticky;top:0;z-index:1}.crumb{color:#9ba8ad}.top-actions{gap:16px}.icon-button{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.icon-button:hover{background:#f1f5f5}.avatar{box-shadow:0 0 0 4px #fff,0 0 0 5px #f2ded3}
.view{padding:38px 46px 58px;max-width:1480px}.welcome,.view-heading{margin-bottom:31px}.welcome h1,.view-heading h1{font-size:31px;letter-spacing:-.7px}.eyebrow{font-size:10px;letter-spacing:1.4px}.muted{color:#77878d}.primary{border-radius:9px;background:var(--orange);padding:12px 18px;box-shadow:0 7px 16px rgba(242,118,47,.18);transition:transform .18s,box-shadow .18s,background .18s}.primary:hover{background:var(--orange-dark);transform:translateY(-1px);box-shadow:0 9px 18px rgba(217,94,27,.2)}.primary:focus-visible,.outline:focus-visible,.nav-item:focus-visible,.tab:focus-visible{outline:3px solid rgba(242,118,47,.25);outline-offset:2px}
.metrics{gap:16px;margin-bottom:24px}.metric{min-height:125px;padding:21px 21px 18px;border:1px solid #e0e9e9;border-radius:13px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.metric:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(21,55,67,.1)}.metric:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--orange);opacity:.75}.metric:after{right:-18px;top:-29px;background:#fff3ea}.metric-label{font-size:11px}.metric-value{font-size:30px;margin-top:13px}.metric-change{font-size:10px;margin-top:8px}.metric-icon{right:18px;top:21px}
.content-grid{gap:20px}.panel{border:1px solid #e0e9e9;border-radius:13px;box-shadow:var(--shadow)}.panel-head{padding:22px 23px 17px}.panel-head h2{font-size:15px;letter-spacing:.1px}.panel-head p{font-size:11px}.text-button{padding:6px 0}.table-wrap{scrollbar-color:#cbd7d9 transparent;scrollbar-width:thin}th{padding:12px 23px;background:#f9fbfb;color:#8b989d;letter-spacing:.03em}td{padding:16px 23px;font-size:12px}tbody tr{transition:background .15s}tbody tr:hover{background:#fffaf6}.customer-cell b{font-size:12px}.customer-cell span{font-size:10px}.status{padding:6px 10px;font-weight:600}.insight-panel{background:#fff}.trend{border-radius:7px;background:#e8f6ef}.chart{height:198px}.insight-foot{margin-top:17px;padding:16px 23px 0}.insight-foot b{font-size:24px}
.toolbar{height:68px;padding:0 23px}.tabs{gap:25px}.tab{font-size:11px}.tab.active:after{height:3px;border-radius:3px 3px 0 0}.search{height:35px;border-radius:8px;background:#fbfdfd}.search:focus-within{border-color:#f4aa82;box-shadow:0 0 0 3px rgba(242,118,47,.1)}
.staff-grid{gap:18px}.staff-card{border:1px solid #e0e9e9;border-radius:13px;padding:23px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.staff-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(21,55,67,.1)}.staff-avatar{border-radius:13px;background:#fff0e7}.staff-tags{margin:20px 0}.tag{border:1px solid #e8eeee;background:#f6f9f9}.staff-foot{padding-top:14px}.content-cards{gap:19px}.hero-card{border-radius:13px;min-height:280px;padding:31px;box-shadow:var(--shadow);background:var(--navy)}.hero-card h2{font-size:27px;letter-spacing:-.5px}.announcements{box-shadow:var(--shadow)}.announcement{padding:17px 23px}.settings-list{border-radius:13px;box-shadow:var(--shadow)}.setting-row{padding:23px 25px}.outline{border-radius:8px;background:#fbfdfd;transition:border-color .15s,color .15s,background .15s}.outline:hover{border-color:#f2af8d;color:var(--orange-dark);background:#fff9f5}
.modal-backdrop{background:rgba(11,35,42,.52);backdrop-filter:blur(3px)}.modal{border-radius:15px;padding:30px;box-shadow:0 26px 80px rgba(11,35,42,.25)}.modal input,.modal select{border-radius:8px;background:#fbfdfd}.modal input:focus,.modal select:focus{border-color:#f4aa82;box-shadow:0 0 0 3px rgba(242,118,47,.1)}
@media(max-width:900px){.sidebar{width:76px;padding:22px 10px}.brand{padding:0 10px 32px}.brand>div:last-child{display:none}.nav-item{font-size:0}.nav-item.active:before{top:12px;bottom:12px}.topbar{padding:0 23px}.view{padding:28px 23px 42px}}
@media(max-width:580px){.view{padding:23px 16px 35px}.topbar{height:68px;padding:0 16px}.metrics{gap:10px}.metric{min-height:111px;padding:16px}.metric-value{font-size:24px}.metric-icon{right:14px;top:17px}.panel-head{padding-left:17px;padding-right:17px}.toolbar{padding-left:17px;padding-right:17px}}

.table-empty{padding:38px 20px!important;text-align:center;color:#9aa8ad!important;font-size:12px!important}.empty-panel{padding:44px 20px;text-align:center;color:#9aa8ad;font-size:12px}.action-booking{min-width:48px;padding:7px 10px}.primary:disabled{opacity:.65;cursor:wait;transform:none}.toast{position:fixed;right:28px;bottom:26px;z-index:20;max-width:min(360px,calc(100vw - 32px));padding:12px 16px;border-radius:10px;background:#183b43;color:#fff;font-size:12px;box-shadow:0 12px 28px rgba(18,53,61,.22);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}.toast[data-type="error"]{background:#a94232}.toast[data-type="error"]:before{content:"!";display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;margin-right:8px;background:rgba(255,255,255,.18);font-weight:700}@media(max-width:580px){.toast{right:16px;bottom:16px;left:16px;max-width:none;text-align:center}}

/* 芳草地品牌主题与部门工作台 */
:root{--orange:#0a9f5c;--orange-dark:#07834b;--green:#0a9f5c;--navy:#073e31;--canvas:#f2f8f4;--line:#dcebe2;--shadow:0 10px 28px rgba(7,62,49,.07)}
body{background:var(--canvas)}
.brand{align-items:center}.brand-logo{width:58px;height:42px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 5px 14px rgba(0,0,0,.12)}.brand-logo img{width:54px;height:37px;object-fit:contain}.brand strong{font-size:14px}.sidebar{background:linear-gradient(180deg,#073e31 0%,#0b5541 100%)}.nav-item.active,.nav-item:hover{background:#17654f}.nav-item.active:before{background:#55d79a}.brand-mark{background:#0a9f5c}.primary{background:var(--orange);box-shadow:0 7px 16px rgba(10,159,92,.2)}.primary:hover{background:var(--orange-dark)}.metric:before{background:#0a9f5c}.metric:after{background:#e8f7ee}.metric-icon{color:#0a9f5c}.metric-change{color:#168b58}.trend{color:#178a58;background:#e7f7ee}.hero-card{background:#073e31}.hero-card:after{border-color:rgba(143,238,187,.25);box-shadow:0 0 0 25px rgba(143,238,187,.04),0 0 0 52px rgba(143,238,187,.04)}.card-kicker{color:#7ee6ad}.hero-card button{color:#9af0be}.legend-dot{background:#0a9f5c}.status{background:#e7f7ee;color:#168b58}.status.pending{background:#fff6df;color:#a87413}.search:focus-within{border-color:#8bd8ae;box-shadow:0 0 0 3px rgba(10,159,92,.12)}.outline:hover{border-color:#8bd8ae;color:#07834b;background:#f3fff8}.modal input:focus,.modal select:focus{border-color:#8bd8ae;box-shadow:0 0 0 3px rgba(10,159,92,.12)}
.department-layout{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.35fr);gap:20px}.department-hero{border-radius:15px;min-height:365px;padding:30px;color:#fff;position:relative;overflow:hidden;box-shadow:0 15px 34px rgba(7,62,49,.14)}.department-hero:after{content:"";position:absolute;width:240px;height:240px;right:-90px;bottom:-110px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.05),0 0 0 58px rgba(255,255,255,.03)}.engineering-hero{background:linear-gradient(145deg,#08764e,#0a9f5c)}.makeup-hero{background:linear-gradient(145deg,#12664f,#45a777)}.department-icon{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.17);display:grid;place-items:center;font-size:23px;margin-bottom:30px}.department-hero .card-kicker{margin-bottom:19px;color:#a6f2c6}.department-hero h2{font-size:27px;line-height:1.4;margin:0 0 14px;position:relative;z-index:1}.department-hero p:not(.card-kicker){max-width:290px;color:#d7f4e4;line-height:1.7;position:relative;z-index:1}.department-meta{position:absolute;left:30px;right:30px;bottom:26px;border-top:1px solid rgba(255,255,255,.2);padding-top:15px;display:flex;justify-content:space-between;color:#bcebd1;font-size:11px;z-index:1}.department-meta b{display:block;color:#fff;margin-top:5px;font-size:13px}.department-panel{min-height:365px}.member-list{padding:0 22px 12px}.member-row{display:flex;align-items:flex-start;gap:12px;padding:18px 0;border-top:1px solid var(--line)}.member-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e8f7ee;color:#08764e;font-size:16px;font-weight:700;flex:none}.member-main{min-width:0;flex:1}.member-main b{font-size:14px;display:block}.member-main span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.member-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.member-tags i{font-style:normal;font-size:10px;padding:4px 7px;border-radius:4px;background:#f2f8f4;color:#608071}.member-status{font-size:11px;color:#0a9f5c;white-space:nowrap;margin-top:3px}.department-view .view-heading{margin-bottom:28px}
@media(max-width:900px){.department-layout{grid-template-columns:1fr}.department-hero,.department-panel{min-height:0}.department-hero{min-height:330px}}
@media(max-width:580px){.brand-logo{width:40px;height:34px}.brand-logo img{width:38px;height:31px}.department-hero{padding:24px}.department-meta{left:24px;right:24px}.member-list{padding-left:17px;padding-right:17px}}
.entry-screen{position:fixed;inset:0;z-index:20;background:#071f1b;color:#edfdf5;display:flex;flex-direction:column;justify-content:space-between;padding:34px 5.2vw 31px;overflow:hidden;transition:opacity .48s ease,transform .48s ease}.entry-screen.is-leaving{opacity:0;transform:scale(1.015);pointer-events:none}.entry-screen[hidden]{display:none}.entry-screen:before,.entry-screen:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(146,231,184,.17)}.entry-screen:before{inset:20px;border-left:0;border-bottom:0}.entry-screen:after{width:27vw;height:27vw;right:-10vw;bottom:-13vw;border-radius:50%;border-color:rgba(126,230,173,.12);box-shadow:0 0 0 26px rgba(126,230,173,.035),0 0 0 52px rgba(126,230,173,.02)}.entry-frame{position:absolute;left:5.2vw;right:5.2vw;height:1px;background:rgba(164,238,196,.18);pointer-events:none}.entry-frame-top{top:99px}.entry-frame-bottom{bottom:97px}.entry-screen-top,.entry-screen-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.entry-kicker,.entry-version{font-size:10px;letter-spacing:2.3px;color:#9acbb2}.entry-version{color:#65917e;letter-spacing:1.6px}.entry-center{position:relative;z-index:1;max-width:730px;margin:auto 0}.entry-logo-wrap{width:94px;height:94px;padding:10px;border-radius:23px;background:#f9fffc;box-shadow:0 18px 40px rgba(0,0,0,.18);display:grid;place-items:center;margin-bottom:34px}.entry-logo-wrap img{width:100%;height:100%;object-fit:contain;border-radius:13px}.entry-eyebrow{font-size:12px;letter-spacing:3px;color:#83d7a6;margin:0 0 20px}.entry-center h1{font-size:clamp(42px,6.5vw,92px);line-height:1.09;letter-spacing:-2px;font-weight:650;margin:0;color:#f2fff8}.entry-center h1 em{font-style:normal;color:#8be0ae}.entry-copy{font-size:15px;line-height:1.9;color:#a8c8b7;margin:26px 0 0}.entry-screen-bottom{gap:25px}.entry-status{display:flex;align-items:center;gap:10px;color:#9bc7af;font-size:12px}.entry-status-dot{width:7px;height:7px;border-radius:50%;background:#77dfa2;box-shadow:0 0 0 5px rgba(119,223,162,.12)}.entry-button{border:1px solid rgba(177,244,204,.55);background:#b8f1cc;color:#073e31;border-radius:999px;padding:14px 20px 14px 24px;min-width:190px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.entry-button span{font-size:19px;margin-left:16px;vertical-align:-1px}.entry-button:hover{background:#d9f9e3;transform:translateY(-2px);box-shadow:0 10px 25px rgba(103,220,151,.18)}.entry-progress{position:absolute;z-index:1;left:5.2vw;right:5.2vw;bottom:0;height:3px;background:rgba(255,255,255,.09)}.entry-progress span{display:block;height:100%;width:0;background:#83e4a9;animation:entry-progress 1.8s linear forwards}@keyframes entry-progress{to{width:100%}}body.entry-open{overflow:hidden}@media(max-width:580px){.entry-screen{padding:26px 22px 23px}.entry-frame{left:22px;right:22px}.entry-frame-top{top:81px}.entry-frame-bottom{bottom:90px}.entry-screen-top{align-items:flex-start}.entry-kicker{font-size:9px;letter-spacing:1.8px}.entry-version{font-size:9px}.entry-center{margin:auto 0 13vh}.entry-logo-wrap{width:74px;height:74px;border-radius:18px;padding:8px;margin-bottom:26px}.entry-eyebrow{font-size:10px;letter-spacing:2px}.entry-center h1{font-size:43px;letter-spacing:-1px}.entry-copy{font-size:13px;margin-top:20px}.entry-screen-bottom{align-items:flex-end}.entry-status{font-size:11px}.entry-button{min-width:157px;padding:12px 14px 12px 17px;font-size:12px}.entry-button span{margin-left:8px}}
.applications-panel{margin-top:20px}.applications-panel .application-action{margin-right:6px;padding:7px 10px;cursor:pointer;color:var(--green)}.applications-panel .application-action.reject{color:#b1504c}.applications-panel td small{display:block;margin-top:4px;font-size:10px}.applications-panel .status.rejected{background:#fbeceb;color:#b1504c}

/* Brand entry surface */
.entry-screen{background:#061d18;padding:34px 6vw 31px;isolation:isolate}
.entry-screen:before{inset:18px;border:1px solid rgba(169,239,197,.15);border-left:0;border-bottom:0}
.entry-screen:after{width:44vw;height:44vw;right:-21vw;bottom:-24vw;border-color:rgba(126,230,173,.14);box-shadow:0 0 0 42px rgba(126,230,173,.035),0 0 0 84px rgba(126,230,173,.018)}
.entry-frame{left:6vw;right:6vw;background:rgba(164,238,196,.2)}
.entry-frame-top{top:108px}.entry-frame-bottom{bottom:103px}
.entry-orbit{position:absolute;z-index:-1;border:1px solid rgba(133,225,173,.12);border-radius:50%;pointer-events:none}
.entry-orbit-one{width:54vw;height:54vw;right:-28vw;top:-19vw}
.entry-orbit-two{width:31vw;height:31vw;left:-19vw;bottom:-18vw;border-color:rgba(133,225,173,.08)}
.entry-screen-top{align-items:flex-start}
.entry-brand-lockup{width:242px;height:66px;padding:8px 12px;background:#f8fcf9;border:1px solid rgba(255,255,255,.4);border-radius:4px;box-shadow:0 14px 34px rgba(0,0,0,.16);display:flex;align-items:center}
.entry-brand-lockup img{display:block;width:100%;height:auto;object-fit:contain}
.entry-top-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:10px;letter-spacing:2.2px;color:#81b79a;line-height:1}
.entry-top-meta span:last-child{color:#547f6b;letter-spacing:1.5px}
.entry-content-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:7vw;align-items:end;margin:auto 0}
.entry-center{max-width:760px;margin:0}
.entry-eyebrow{font-size:11px;letter-spacing:3.2px;color:#8bdcaf;margin-bottom:25px}
.entry-center h1{font-size:clamp(44px,6.2vw,88px);line-height:1.08;letter-spacing:-2.5px;font-weight:620}
.entry-copy{font-size:15px;line-height:1.9;color:#a4c9b4;margin-top:28px}
.entry-aside{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:9px;color:#74a78d}
.entry-aside-index{font-family:Georgia,serif;font-size:47px;line-height:1;color:#a2dfb8}
.entry-aside-line{width:100%;height:1px;background:rgba(143,224,176,.3)}
.entry-aside-label{font-size:10px;line-height:1.7;letter-spacing:2.3px;color:#5d8d76}
.entry-screen-bottom{gap:25px}
.entry-status{gap:10px;color:#a1cbb3;letter-spacing:.1px}
.entry-status small{margin-left:10px;color:#59846f;font-size:9px;letter-spacing:1.6px}
.entry-button{min-width:204px;border-radius:4px;padding:15px 19px 15px 23px;background:#baf1ca;box-shadow:0 12px 28px rgba(84,213,139,.11)}
.entry-button:hover{background:#e0fae8;transform:translateY(-2px);box-shadow:0 14px 32px rgba(84,213,139,.2)}
.entry-progress{left:6vw;right:6vw;background:rgba(255,255,255,.1)}
.entry-progress span{background:#a4efbf}
.entry-progress span{animation-duration:2.2s}
@media(max-width:700px){
  .entry-screen{padding:25px 22px 23px}
  .entry-frame{left:22px;right:22px}
  .entry-frame-top{top:91px}.entry-frame-bottom{bottom:91px}
  .entry-brand-lockup{width:171px;height:47px;padding:6px 8px}
  .entry-top-meta{font-size:8px;letter-spacing:1.4px;gap:6px}.entry-top-meta span:last-child{letter-spacing:1px}
  .entry-content-grid{display:block;margin:auto 0 12vh}.entry-center h1{font-size:clamp(41px,12vw,58px);letter-spacing:-1.5px}.entry-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:18px}.entry-copy{font-size:13px;line-height:1.8;margin-top:20px}
  .entry-aside{display:none}.entry-screen-bottom{align-items:flex-end;gap:14px}.entry-status{font-size:10px;flex-direction:column;align-items:flex-start;gap:6px}.entry-status small{margin-left:0}.entry-button{min-width:153px;padding:13px 14px 13px 16px;font-size:12px}.entry-button span{margin-left:8px}
}
@media(prefers-reduced-motion:reduce){.entry-progress span{animation:none;width:100%}.entry-screen,.entry-button{transition:none}}

/* Keep the workspace palette aligned with the Fangcaodi green brand. */
:root{--orange:#0a9f5c;--orange-dark:#07834b;--green:#168b58;--yellow:#c89a31}
.nav-item.active span{color:#8bd8ae}.icon-button i{background:var(--orange)}
.avatar{background:#e8f7ee;color:var(--orange-dark)}.metric:after{background:#e8f7ee}.metric-icon{color:var(--orange)}
.legend-dot{background:var(--orange)}.staff-avatar{background:#e8f7ee;color:var(--orange-dark)}
.card-kicker{color:#8bd8ae}.hero-card button{color:#b8eccc}.switch input:checked+i{background:var(--orange)}

.rule-scope{font-size:12px;line-height:1.7;color:var(--muted);margin:4px 0 12px}.rule-actions{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.rule-actions button{min-height:42px;padding:10px 18px;border-radius:6px}.setting-row>div{min-width:0}.setting-row>div span{overflow-wrap:anywhere}.setting-row>.outline{flex:none;cursor:pointer}
.modal textarea{width:100%;min-width:0;resize:vertical;border:1px solid #dce4e6;border-radius:6px;padding:10px;font:inherit;font-size:13px;line-height:1.65;outline-color:var(--green)}
.rule-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:13px;color:#627168;margin:10px 0 0;max-width:760px}
.mall-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin-bottom:20px}.mall-tabs{display:flex;gap:24px}.mall-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:15px 0;color:#6d7771;font:inherit;cursor:pointer}.mall-tabs button[aria-selected=true]{border-bottom-color:var(--green);color:#146b46;font-weight:600}.mall-tabs span{display:inline-block;min-width:22px;background:#e8f2eb;border-radius:4px;margin-left:6px;padding:2px 5px;font-size:12px}
.reward-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.reward-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;min-width:0}.reward-card>img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f6f8f7;padding:12px;display:block}.reward-card-copy{padding:18px}.reward-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.reward-card h2{font-size:16px;line-height:1.5;margin:0;overflow-wrap:anywhere}.reward-card .status{flex:none;font-size:11px}.reward-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:12px;color:#718078;max-height:5em;overflow:auto}.reward-price{font-size:23px;font-weight:650;color:#148053;margin:20px 0}.reward-price small{font-size:12px;font-weight:400}.reward-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:14px;font-size:12px;color:#6b7971}.reward-card-foot button{cursor:pointer}.mall-empty{grid-column:1/-1;text-align:center;padding:64px 16px;color:#8b968f;border-top:1px solid var(--line)}.mall-empty img{width:160px;height:80px;object-fit:contain;opacity:.75}.mall-empty h2{font-size:16px;font-weight:500;margin:20px 0}
.order-filter{padding:0 0 18px;color:#6c7971;font-size:12px}.order-filter select{padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;margin-left:8px}.reward-order-id{display:block;overflow-wrap:anywhere;font-size:10px;max-width:180px;margin-top:6px;color:#8c9991}.reward-order-note{display:block;white-space:pre-wrap;max-width:240px;overflow-wrap:anywhere;margin-bottom:6px;font-size:12px}.reward-image-field{display:flex;gap:14px;align-items:center}.reward-image-field>img{width:96px;height:96px;object-fit:contain;border:1px solid var(--line);border-radius:6px;flex:none}.reward-image-field>div{flex:1;min-width:0}.reward-image-field input[type=file]{height:auto;padding:8px 0;border:0;font-size:11px}.reward-active{display:flex!important;align-items:center;gap:8px!important}.reward-active input{width:18px!important;height:18px!important;accent-color:var(--green)}
@media(max-width:580px){.reward-grid{grid-template-columns:1fr}.mall-tabs{gap:16px}.mall-tabs button{font-size:12px}.reward-image-field{align-items:flex-start}.reward-image-field>img{width:72px;height:72px}}
/* Personnel management and administrator authentication. */
.operations-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 24px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.booking-modal{width:min(620px,calc(100vw - 32px))}.booking-shooting{margin:0;padding:16px 0 0;border:0;border-top:1px solid var(--line);min-width:0;display:grid;gap:14px}.booking-shooting[hidden],[data-booking-provider][hidden]{display:none}.booking-shooting legend{padding:0 8px 0 0;color:var(--ink);font-size:12px;font-weight:600}.booking-availability{min-height:0;margin:0;color:#a26029;font-size:12px;line-height:1.6}.booking-availability:empty{display:none}.booking-service-cell small{display:block;color:var(--muted);font-size:11px;line-height:1.6;max-width:220px;white-space:normal;overflow-wrap:anywhere;margin-top:5px}.booking-modal label{min-width:0}.booking-modal select option:disabled{color:#a0aaa4}
.operations-summary dt{color:var(--muted);font-size:12px;margin-bottom:9px}.operations-summary dd{font-size:16px;font-weight:600;margin:0;overflow-wrap:anywhere}
.operations-members{border-top:1px solid var(--line)}.operations-members .panel-head{padding-left:0;padding-right:0;align-items:center}.operations-members .panel-head h2{margin:0}.operations-members .member-list{padding-left:0;padding-right:0}
.operations-members .member-row{align-items:center}.member-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.member-tags .binding-status{background:#edf0f3;color:#617282}.member-main b,.member-main span{overflow-wrap:anywhere}.member-avatar{border-radius:8px}
.staff-identity{min-width:0;flex:1}.staff-identity h3,.staff-identity p{overflow-wrap:anywhere}.staff-avatar{flex:none}.staff-status{flex:none}.staff-tags{flex-wrap:wrap}.staff-foot{align-items:center;gap:12px}.staff-foot .outline{flex:none;cursor:pointer}.staff-card{border-radius:8px}.staff-foot b{margin-left:6px}
.personnel-modal{width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;border-radius:8px}.personnel-modal .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.personnel-modal input,.personnel-modal select{width:100%;min-width:0}.personnel-modal input[readonly]{background:#edf3ef;color:#4a6b59}.personnel-modal input[type=hidden]{display:none}
.admin-login{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#f3f7f5;padding:32px;overflow-y:auto}.admin-login[hidden]{display:none}.admin-login-content{width:min(360px,100%)}.admin-login-content>img{display:block;width:215px;height:auto;margin:0 0 36px}.admin-login h1{font-size:25px;line-height:1.4;letter-spacing:0;margin:10px 0 30px}.admin-login .eyebrow{letter-spacing:0}.admin-login form{display:grid;gap:12px}.admin-login label{display:grid;gap:10px;font-size:13px;color:#586b60}.admin-login input{min-width:0;width:100%;height:46px;border:1px solid #cddcd2;border-radius:6px;padding:0 12px;font:inherit;background:#fff}.admin-login input:focus{outline:3px solid #dcefe3;border-color:#438862}.admin-login .primary{min-height:45px;border-radius:6px}.form-error{min-height:18px;margin:0;color:#b04437;font-size:12px;overflow-wrap:anywhere}
.heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row-actions{white-space:nowrap}.row-actions .outline+.outline{margin-left:6px}.staff-points{color:var(--green);font-size:18px}.top-actions{position:relative}.admin-menu{position:absolute;right:0;top:calc(100% + 16px);z-index:15;width:300px;max-width:calc(100vw - 28px);padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 32px #183a2220}.admin-menu[hidden]{display:none}.admin-menu-head{display:flex;justify-content:space-between;align-items:center;padding:6px 5px 12px}.admin-menu-head button,.admin-menu-add{border:0;background:none;color:var(--green);font:inherit;cursor:pointer}.admin-account-item{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:0;background:none;padding:10px 8px;border-radius:6px;cursor:pointer;font:inherit}.admin-account-item:hover,.admin-account-item.active{background:#edf6f0}.admin-account-avatar{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:6px;background:#e4f0e9;color:#267347}.admin-account-item b,.admin-account-item small{display:block;overflow-wrap:anywhere}.admin-account-item small{color:var(--muted);margin-top:3px;font-size:11px}.admin-menu-add{padding:14px 5px 5px;border-top:1px solid var(--line);width:100%;text-align:left}.admin-menu-empty{font-size:12px;color:var(--muted)}.announcement-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.announcement>div:first-child{min-width:0;flex:1}.announcement p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:12px;line-height:1.6}.announcement b{overflow-wrap:anywhere}
@media(max-width:580px){.heading-actions{width:100%}.heading-actions button{flex:1}.announcement{align-items:flex-start;gap:12px}.staff-foot{flex-wrap:wrap}.staff-foot>span{line-height:1.7}.admin-menu{position:fixed;top:68px;right:14px}}
@media(max-width:580px){.operations-summary{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.operations-summary dd{font-size:14px}.operations-members .member-row{align-items:flex-start}.member-actions .outline{padding:7px 8px}.personnel-modal{padding:26px 20px}.personnel-modal .form-row{grid-template-columns:1fr}.admin-login{padding:24px}.staff-top{flex-wrap:wrap}.staff-status{margin-left:0}}
.avatar{border:0;padding:0;cursor:pointer}