:root{--green:#183c31;--green2:#245344;--orange:#d87848;--cream:#f5f1e9;--paper:#fff;--ink:#1f2925;--muted:#76807b;--line:#e6e8e5;--shadow:0 10px 35px rgba(27,51,42,.07);--serif:Georgia,"Noto Serif TC",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f4f6f4;font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:245px;display:flex;flex-direction:column;padding:26px 18px;color:#fff;background:var(--green)}.host-brand{display:flex;align-items:center;gap:11px;padding:0 9px}.host-brand>span{width:38px;height:38px;display:grid;place-items:center;color:var(--green);background:#e8d6ba;font-family:var(--serif);font-size:23px;font-style:italic}.host-brand p,.host-profile p{margin:0}.host-brand b,.host-brand small{display:block}.host-brand b{font-family:var(--serif);font-size:18px;letter-spacing:.12em}.host-brand small{font-size:7px;letter-spacing:.2em;opacity:.55}.host-profile{display:flex;align-items:center;gap:10px;margin:35px 0 22px;padding:14px 10px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.host-profile>i{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:var(--green2);border:1px solid rgba(255,255,255,.18);border-radius:50%;font-style:normal;font-size:12px}.host-profile small,.host-profile b,.host-profile em{display:block}.host-profile small{font-size:8px;opacity:.5}.host-profile b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.host-profile em{margin-top:2px;font-family:Consolas,monospace;font-size:7px;font-style:normal;opacity:.48}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;color:rgba(255,255,255,.64);border-radius:5px;font-size:11px}.sidebar nav a span{width:20px;text-align:center;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:rgba(255,255,255,.1)}.back-shop{display:flex;justify-content:space-between;margin-top:auto;padding:13px;border:1px solid rgba(255,255,255,.18);font-size:9px}.back-shop:hover{background:rgba(255,255,255,.08)}main{min-height:100vh;margin-left:245px}header{height:82px;display:flex;align-items:center;gap:15px;padding:0 34px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}header small{color:var(--orange);font-size:7px;font-weight:700;letter-spacing:.18em}header h1{margin:1px 0 0;font-family:var(--serif);font-size:20px;font-weight:400}.header-meta{display:flex;align-items:center;gap:10px;margin-left:auto;color:var(--muted);font-size:9px}.header-meta b{padding:7px 11px;color:#fff;background:var(--green);font-size:11px}.menu-button{display:none;background:none;border:0;font-size:20px}.content{width:min(1220px,calc(100% - 60px));margin:auto;padding:30px 0 55px}.welcome{min-height:175px;display:flex;align-items:center;justify-content:space-between;padding:30px 38px;color:#fff;background:linear-gradient(115deg,var(--green),#315e4f);box-shadow:var(--shadow);position:relative;overflow:hidden}.welcome:after{content:"Y";position:absolute;right:18%;top:-85px;font-family:var(--serif);font-size:260px;font-style:italic;opacity:.045}.welcome span{color:#dca87d;font-size:8px;font-weight:700;letter-spacing:.18em}.welcome h2{margin:7px 0 5px;font-family:var(--serif);font-size:30px;font-weight:400}.welcome p{margin:0;color:rgba(255,255,255,.62);font-size:10px}.campaign-status{position:relative;z-index:1;min-width:180px;padding:17px 20px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}.campaign-status small,.campaign-status b{display:block}.campaign-status small{font-size:8px;opacity:.56}.campaign-status b{margin:3px 0;font-size:15px}.campaign-status p{font-size:8px}.campaign-status i{width:6px;height:6px;display:inline-block;background:#75d08c;border-radius:50%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0}.stats article{display:flex;justify-content:space-between;min-height:132px;padding:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.stats article span,.stats article b,.stats article small{display:block}.stats article span{color:var(--muted);font-size:9px}.stats article b{margin:13px 0 6px;font-family:var(--serif);font-size:22px}.stats article b em{font-family:inherit;font-size:10px;font-style:normal}.stats article small{color:#829088;font-size:8px}.stats article>i{width:29px;height:29px;display:grid;place-items:center;color:var(--green);background:#edf3ef;border-radius:50%;font-style:normal;font-size:12px}.main-grid{display:grid;grid-template-columns:1.65fr .75fr;gap:15px}.panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid var(--line)}.panel-head small{color:var(--orange);font-size:7px;font-weight:700;letter-spacing:.16em}.panel-head h3{margin:3px 0 0;font-family:var(--serif);font-size:16px}.legend{color:var(--muted);font-size:8px}.legend i{width:7px;height:7px;display:inline-block;margin-right:5px;background:var(--green);border-radius:50%}.chart{height:245px;display:flex;align-items:flex-end;justify-content:space-around;gap:14px;padding:30px 28px 23px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,#edf0ed 50px)}.bar-group{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.bar{width:min(32px,70%);min-height:3px;background:linear-gradient(to top,var(--green),#4e7869);transition:.4s}.bar-group b{font-size:7px}.bar-group span{color:var(--muted);font-size:7px}.status{padding:5px 8px;color:#9c612e;background:#fff2e4;font-size:8px}.payout-amount{padding:23px}.payout-amount small,.payout-amount b,.payout-amount span{display:block}.payout-amount small{color:var(--muted);font-size:8px}.payout-amount b{margin:7px 0;font-family:var(--serif);font-size:27px}.payout-amount span{font-size:8px}.payout dl{margin:0 23px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.payout dl>div{display:flex;justify-content:space-between;margin:7px 0;font-size:9px}.payout dt{color:var(--muted)}.payout dd{margin:0;font-weight:700}.payout>p{margin:16px 23px;color:var(--muted);font-size:8px;line-height:1.7}.orders{margin-top:15px}.panel-head button{padding:7px 10px;color:var(--green);background:#fff;border:1px solid var(--line);font-size:8px;cursor:pointer}.table-wrap{position:relative;min-height:180px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:9px}th{text-align:left;padding:12px 20px;color:var(--muted);background:#fafbfa;font-size:8px;font-weight:500}td{padding:15px 20px;border-top:1px solid var(--line);white-space:nowrap}td:first-child{font-family:Consolas,monospace;font-weight:700}.order-status{display:inline-block;padding:4px 7px;color:#79602f;background:#fff5d9}.order-status.done{color:#2a6b46;background:#e7f4eb}.no-orders{padding:38px;text-align:center}.no-orders b{font-family:var(--serif);font-size:16px}.no-orders p{margin:5px 0;color:var(--muted);font-size:9px}.share-section{display:grid;grid-template-columns:1fr 1.5fr;gap:25px;margin-top:15px;padding:27px 30px;color:#fff;background:var(--green)}.share-section small{color:#dba273;font-size:7px;letter-spacing:.15em}.share-section h3{margin:4px 0;font-family:var(--serif);font-size:19px}.share-section p{margin:0;color:rgba(255,255,255,.55);font-size:9px}.link-box{display:flex;align-self:center}.link-box input{min-width:0;flex:1;padding:12px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);outline:0;font-family:Consolas,monospace;font-size:8px}.link-box button{width:90px;color:var(--green);background:#e7d4b7;border:0;font-size:9px;font-weight:700;cursor:pointer}.tracking-note{grid-column:1/-1;display:flex;gap:20px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1)}.tracking-note span{font-size:8px;white-space:nowrap}.tracking-note p{font-size:8px}footer{padding:20px;text-align:center;color:var(--muted);font-size:7px}.toast{position:fixed;z-index:50;right:20px;bottom:20px;padding:12px 16px;color:#fff;background:#111f1a;font-size:9px;opacity:0;transform:translateY(10px);transition:.25s}.toast.show{opacity:1;transform:none}
.host-brand>span{color:#fff;background:var(--green2);border:1px solid rgba(255,255,255,.15)}.host-brand>span img{width:25px;height:25px;display:block;object-fit:contain}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}.footer-main{gap:20px}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:20px 0 50px rgba(0,0,0,.2)}main{margin-left:0}.menu-button{display:block}header{height:68px;padding:0 15px}.header-meta span{display:none}.content{width:calc(100% - 24px);padding-top:12px}.welcome{min-height:190px;display:block;padding:25px}.campaign-status{margin-top:20px}.stats{grid-template-columns:1fr 1fr;gap:8px}.stats article{min-height:120px;padding:16px}.stats article b{font-size:18px}.panel-head{padding:17px}.chart{padding-right:12px;padding-left:12px}.orders .panel-head button{display:none}th,td{padding:12px;min-width:105px}.share-section{grid-template-columns:1fr;padding:24px 20px}.tracking-note{grid-column:auto}.link-box{min-width:0}}