@import "tailwindcss";
.shop-select{height:36px;border:1px solid #e3e5e9;background:#fff;border-radius:8px;padding:0 10px;color:#50545d;font-size:11px;max-width:180px}.status.waiting{background:#fff5df;color:#b47b18}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.integration{background:#fff;border:1px solid #eceef1;border-radius:12px;padding:18px;display:flex;align-items:center;gap:12px}.integration>div{flex:1}.integration h3{font-size:13px;margin:0 0 6px}.integration p{font-size:10px;color:#999;margin:0}.checklist label{padding:12px;background:#fafafa;border-radius:8px;color:#777}.profile button{cursor:pointer}@media(max-height:780px){.sidebar{overflow-y:auto}.usage{margin-top:18px}}@media(max-width:760px){.config-grid{grid-template-columns:1fr}.shop-select{max-width:125px}.header-actions{flex-wrap:wrap;justify-content:flex-end}}
.modal-backdrop{position:fixed;inset:0;background:#15171c88;z-index:20;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden],.toast[hidden]{display:none}.modal{width:min(430px,100%);background:#fff;border-radius:16px;padding:25px;box-shadow:0 24px 70px #0004;position:relative}.modal h2{margin:0 0 10px;font-size:19px}.modal p{color:#777;font-size:12px;line-height:1.7}.modal-x{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:23px;color:#888;cursor:pointer}.form-label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#777;margin:14px 0}.form-label input,.form-label select{height:38px;border:1px solid #e1e3e6;border-radius:8px;padding:0 11px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;font-size:12px}.plans button{border:0;background:#ff584f;color:#fff;border-radius:8px;height:36px;padding:0 16px}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.data-card,.panel,.list-card{background:#fff;border:1px solid #eceef1;border-radius:12px;padding:18px}.data-card h3{font-size:14px;margin:14px 0 7px}.data-card p{font-size:11px;color:#999;min-height:28px}.data-card>b{display:block;color:#f25750;font-size:13px;margin:12px 0}.data-card .outline{width:100%}.list-card{padding:0}.list-row{display:flex;align-items:center;gap:13px;padding:16px;border-bottom:1px solid #eee}.list-row:last-child{border-bottom:0}.list-row>div{display:flex;flex-direction:column;gap:5px;flex:1}.list-row small{color:#999;font-size:10px}.status{font-size:10px;padding:5px 8px;border-radius:10px}.status.ok{background:#eaf9f1;color:#2aa66a}.danger{height:34px;border:1px solid #ffd7d4;background:#fff;color:#ed5a53;border-radius:7px;font-size:10px}.bars{height:240px;display:flex;align-items:end;gap:20px;padding:28px 20px 0}.bars i{flex:1;max-width:70px;background:linear-gradient(#ff7770,#ff554d);border-radius:8px 8px 2px 2px;opacity:.85}.panel{margin-top:15px}.panel h3{font-size:14px;margin:0}.thumb{border:0;cursor:pointer}.profile .dots{margin-left:auto}.outline,.sidebar button{cursor:pointer}@media(max-width:900px){.grid-cards{grid-template-columns:1fr 1fr}}@media(max-width:620px){.grid-cards{grid-template-columns:1fr}.list-row{flex-wrap:wrap}}
:root{--ink:#20242c;--muted:#8b909b;--line:#eceef1;--coral:#ff5a52;--bg:#f6f7f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:220px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 14px 16px;z-index:2}.brand{font-size:19px;font-weight:800;display:flex;align-items:center;gap:9px;padding:0 9px 23px}.brand-mark{background:linear-gradient(135deg,#ff675d,#ff3f4d);color:#fff;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-size:16px;box-shadow:0 7px 15px #ff5a5240}.workspace{background:#f8f8fa;border:1px solid #eeeef1;border-radius:10px;padding:10px;display:flex;align-items:center;gap:8px}.workspace div,.profile div{display:flex;flex-direction:column;min-width:0}.workspace b,.profile b{font-size:12px;white-space:nowrap}.workspace small,.profile small{font-size:10px;color:#999;margin-top:3px}.chev{margin-left:auto;color:#aaa}.avatar{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#17191e;color:#fff;font-size:12px}.coral{background:#ff6359}nav{margin-top:18px}nav p{font-size:10px;color:#afb3bb;margin:19px 11px 7px}nav button{border:0;background:transparent;width:100%;height:40px;border-radius:8px;display:flex;align-items:center;gap:11px;padding:0 11px;color:#656a74;font-size:13px;cursor:pointer;margin:2px 0}nav button span{width:16px;text-align:center;font-size:15px}nav button.active{background:#fff0ef;color:#fa514b;font-weight:700}nav button i{margin-left:auto;background:#ffd9d6;color:#f45a53;border-radius:10px;padding:2px 6px;font:normal 9px Arial}.usage{margin-top:auto;background:#fff8f7;border:1px solid #ffe2df;border-radius:11px;padding:12px}.usage>div:first-child{display:flex;justify-content:space-between;font-size:10px}.usage b{font-size:11px}.progress{height:4px;background:#ffe0dd;border-radius:5px;margin:9px 0}.progress i{display:block;width:72%;height:100%;background:#ff5a52;border-radius:5px}.usage small{display:block;color:#a4a6ad;font-size:9px}.usage button{width:100%;border:0;background:#fff;color:#f45750;font-size:10px;margin-top:10px;height:28px;border-radius:7px;box-shadow:0 1px 5px #ddd6}.profile{display:flex;align-items:center;gap:9px;padding:16px 6px 0;margin-top:12px;border-top:1px solid #eee}.profile>span:last-child{margin-left:auto;color:#999}.content{margin-left:220px;width:calc(100% - 220px);padding:27px 30px 40px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}h1{margin:0 0 7px;font-size:23px}header p{margin:0;color:#999;font-size:12px}.header-actions{display:flex;gap:9px}.icon-btn{border:1px solid #e5e6e9;background:#fff;width:36px;height:36px;border-radius:9px;color:#777;position:relative}.icon-btn em{position:absolute;width:6px;height:6px;background:#ff514b;border:1px solid #fff;border-radius:50%;right:7px;top:7px}.primary,.sync{background:#ff584f;color:white;border:0;border-radius:8px;height:36px;padding:0 15px;font-weight:700;font-size:12px;box-shadow:0 5px 12px #ff584f2e;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics>div{background:white;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;min-width:0;position:relative;overflow:hidden}.metric-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;margin-right:11px;font-weight:bold}.coral-bg{background:#fff0ee;color:#fb5a52}.blue-bg{background:#edf6ff;color:#5c98f4}.green-bg{background:#edfaf5;color:#37b77a}.purple-bg{background:#f4efff;color:#8b67dd}.metrics p{font-size:10px;color:#9297a0;margin:0 0 7px}.metrics h2{font-size:19px;margin:0;white-space:nowrap}.metrics h2 small{font-size:10px;font-weight:normal;color:#999}.metrics label{color:#2bb272;font-size:9px;display:block;margin-top:8px}.spark{position:absolute;right:12px;bottom:10px;font-size:40px;color:#ff8b8538;font-family:serif}.task-card{display:block!important}.task-top{display:flex}.task-top section{flex:1}.switch{border:0;width:34px;height:19px;border-radius:20px;background:#ddd;padding:2px}.switch i{display:block;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#5cc18c}.switch.on i{transform:translateX(15px)}.next{border-top:1px solid #f0f0f0;margin-top:12px;padding-top:10px;font-size:9px;color:#aaa}.next b{color:#6e727a}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:12px;margin:15px 0;padding:14px 16px}.filter-row{display:flex;gap:9px}.search{width:260px;height:34px;border:1px solid #e3e5e9;border-radius:7px;display:flex;align-items:center;padding:0 10px;color:#aaa}.search input{border:0;outline:0;width:100%;margin-left:8px;font-size:11px}.filter-row select,.more,.reset,.outline{height:34px;border:1px solid #e3e5e9;background:white;border-radius:7px;color:#5c6169;font-size:10px;padding:0 12px}.more b{background:#ff5a52;color:white;border-radius:50%;padding:1px 5px}.reset{border:0;color:#9a9da4}.chips{border-top:1px solid #f1f1f2;margin-top:12px;padding-top:11px;display:flex;gap:8px;align-items:center;font-size:9px;color:#aaa}.chips button{background:#fff4f2;border:1px solid #ffd8d5;color:#f26a63;border-radius:5px;padding:5px 8px;font-size:9px}.table-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.table-head{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.table-head>div{display:flex;align-items:center;gap:10px}.table-head h3{font-size:14px;margin:0}.table-head span{font-size:9px;color:#aaa}.sync{height:34px}.sync b{background:#ffffff38;padding:2px 5px;border-radius:10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1050px}th{text-align:left;color:#999;font-size:9px;font-weight:500;background:#fafafa;padding:10px 8px;border-bottom:1px solid #eee;white-space:nowrap}td{font-size:10px;padding:10px 8px;border-bottom:1px solid #f1f1f2;white-space:nowrap}td b{font-size:10px}td small{display:block}.rank{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#f1f2f4;color:#888;font-weight:bold}.r1{background:#fff0dc;color:#ef942b}.r2{background:#f0f2f5;color:#7e8794}.r3{background:#f6e9df;color:#b4754e}.video-info{display:flex;align-items:center;gap:9px;min-width:230px}.video-info>div{display:flex;flex-direction:column;gap:6px}.video-info small{color:#9a9da4}.thumb{width:53px;height:35px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,#f3a481,#f26052);position:relative;overflow:hidden}.thumb:before{content:"";position:absolute;width:35px;height:35px;background:#ffffff30;transform:rotate(30deg)}.thumb i{color:#fff;background:#0005;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:8px;font-style:normal;z-index:1}.thumb.blue{background:linear-gradient(135deg,#83b6cb,#486f86)}.thumb.green{background:linear-gradient(135deg,#96b293,#3f6b4d)}.thumb.purple{background:linear-gradient(135deg,#c5a7c9,#76557c)}.thumb.yellow{background:linear-gradient(135deg,#e5c87c,#a77a38)}.mini-avatar{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#f0ddd4;color:#aa7760;margin-right:4px}.tag{background:#f5f6f7;border-radius:5px;padding:5px 7px;color:#71757d}.up{color:#32b57a;margin-top:3px}.score{display:inline-block;width:44px;height:4px;background:#ffe2df;border-radius:4px;vertical-align:middle;margin-right:5px}.score i{display:block;height:100%;background:linear-gradient(90deg,#ff8e61,#ff4e52);border-radius:4px}.score-num{color:#fa5a52}.time{color:#858991}.dots{border:0;background:transparent;color:#999}.table-foot{padding:13px 17px;display:flex;justify-content:space-between;align-items:center;color:#aaa;font-size:10px}.table-foot>span b{color:#f15a52}.table-foot div{display:flex;gap:4px;align-items:center}.table-foot button{border:1px solid #e7e7e9;background:#fff;color:#777;border-radius:5px;min-width:26px;height:26px}.table-foot button.page{background:#ff5a52;color:#fff;border-color:#ff5a52}.toast{position:fixed;right:28px;bottom:28px;background:#20242c;color:#fff;border-radius:12px;padding:14px 18px;display:flex;gap:12px;align-items:center;box-shadow:0 15px 40px #0003;animation:slide .25s ease}.toast>span{width:27px;height:27px;background:#41bd80;border-radius:50%;display:grid;place-items:center}.toast div{display:flex;flex-direction:column}.toast b{font-size:12px}.toast small{color:#bbb;margin-top:4px;font-size:9px}@keyframes slide{from{transform:translateY(20px);opacity:0}}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.filter-row{flex-wrap:wrap}}@media(max-width:760px){.sidebar{width:68px;padding:20px 9px}.brand span:last-child,.workspace div,.workspace .chev,nav p,nav button:not(.active),nav button.active i,.usage,.profile div,.profile>span:last-child{display:none}.brand{padding:0 10px 22px}.workspace{padding:8px;justify-content:center}.sidebar nav button.active{justify-content:center}.content{margin-left:68px;width:calc(100% - 68px);padding:20px 14px}.metrics{grid-template-columns:1fr}.filter-row{flex-direction:column}.search{width:100%}header{align-items:flex-start}.header-actions .icon-btn{display:none}.table-head>div:first-child span{display:none}}