*{box-sizing:border-box} :root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#20312c;background:#f5f7f7;font-synthesis:none;--green:#138860;--line:#e3eae6;--muted:#7a8782}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--green);text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #91d6b4;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.8px}h2{font-size:18px}h3{font-size:15px}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #dce5df;border-radius:8px;background:#fff;color:#20312c}input::placeholder,textarea::placeholder{color:#98a39e}label{display:block;font-size:14px;font-weight:500}label input,label select,label textarea{margin-top:9px}label+label{margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;min-height:42px;padding:10px 17px;font-size:14px;white-space:nowrap;font-weight:550}.primary{background:var(--green);color:white}.primary:hover{background:#0d7752}.secondary{color:#35624e;border-color:#d5e2da;background:#fff}.secondary:hover{background:#f3f8f4}.danger{color:#cc4747;background:#fff;border-color:#ebc6c6}.danger:hover{background:#fff4f4}.text-button{border:0;background:none;padding:5px;color:var(--green);font-size:13px}.icon-button{border:0;background:none;color:#7b8881;font-size:25px;width:35px;height:35px;border-radius:8px}.icon-button:hover{background:#eff5f1}.icon{display:inline-block;width:21px;height:21px;vertical-align:middle;flex-shrink:0}.muted{color:var(--muted);font-size:14px;line-height:1.75}.hint{font-size:12px;line-height:1.8;color:#88938e}.initial-loading{padding:80px;text-align:center;color:var(--muted)}.sidebar{width:216px;position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:30px 24px 38px}.brand-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e8f5ec;color:var(--green)}.brand-logo .icon{width:28px;height:28px}.brand-title{font-size:21px;font-weight:750;letter-spacing:.5px}.brand small{display:block;color:#819087;font-size:11px;letter-spacing:3px;margin-top:3px}.nav{padding:0 12px;display:flex;flex-direction:column;gap:7px}.nav a{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:9px;color:#526258;font-size:14px;font-weight:500}.nav a:hover{background:#f3f7f4}.nav a.active{background:#e6f4ec;color:var(--green);font-weight:650}.sidebar-bottom{margin-top:auto;padding:20px 23px;color:#85938b;font-size:12px;line-height:1.8}.workspace{margin-left:216px}.topbar{height:68px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.breadcrumbs{font-size:13px;color:#849087}.breadcrumbs strong{color:#42594b;font-weight:500}.top-right{display:flex;gap:18px;align-items:center;font-size:13px}.mode-badge{font-size:11px;padding:5px 9px;border-radius:6px;background:#fff1da;color:#976622}.main{max-width:1700px;padding:28px 32px 44px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading .muted{font-size:13px;margin-top:8px}.heading-actions{display:flex;align-items:center;gap:10px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:21px}.kpi{background:#fff;border:1px solid var(--line);border-radius:11px;min-height:132px;padding:21px;display:flex;align-items:flex-start;gap:14px}.kpi-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#e9f5ed;color:var(--green)}.kpi:nth-child(3) .kpi-icon{background:#eaf3ff;color:#578ed1}.kpi:nth-child(4) .kpi-icon{background:#fff4e1;color:#d49131}.kpi-label{color:#63736a;font-size:12px;margin-top:3px}.kpi-value{font-size:29px;letter-spacing:-1px;font-weight:700;margin:10px 0 5px}.kpi small{font-size:11px;color:#9aa59e}.overview-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:21px;margin-bottom:21px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:21px;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.panel-header small{font-size:11px;color:#8a968f}.chart{width:100%;height:220px;display:block;overflow:visible}.chart text{font-family:inherit;font-size:11px;fill:#8c9891}.notification-row{display:flex;align-items:center;gap:12px;margin:23px 0;font-size:12px}.notification-row label{font-size:12px;width:73px;flex-shrink:0}.notification-row strong{min-width:22px;text-align:right;font-weight:500}.bar{flex:1;height:10px;background:#f0f3f1;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);border-radius:4px}.notification-row:nth-child(3) .bar i{background:#e3ad4b}.notification-row:nth-child(4) .bar i{background:#65a5d8}.list-empty{padding:35px 12px;text-align:center;color:#89978f;font-size:13px;line-height:1.9}.todo{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf2ee;padding:17px 0;font-size:13px}.todo:last-of-type{border-bottom:0}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d9a347;margin-right:8px}.ad-strip{display:flex;align-items:center;justify-content:space-between;gap:20px}.ad-strip h3{display:inline;font-size:14px}.ad-strip .muted{font-size:12px;margin-left:13px}.ad-money{text-align:right;margin-left:auto}.ad-money strong{display:block;font-size:19px;margin-top:6px}.ad-money small{font-size:11px;color:#89968f}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#f5f7f6;color:#74837a;font-size:12px;font-weight:500;padding:13px 12px;white-space:nowrap}th:first-child{border-radius:7px 0 0 7px}th:last-child{border-radius:0 7px 7px 0}td{padding:17px 12px;border-bottom:1px solid #edf1ee;vertical-align:middle;line-height:1.6}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfb}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.4px}.badge{display:inline-flex;padding:3px 9px;border-radius:5px;font-size:11px;line-height:1.5;white-space:nowrap}.badge.active,.badge.responded,.badge.accepted{background:#e8f6ed;color:#27865b}.badge.unbound,.badge.resolved{background:#f0f3f1;color:#87928b}.badge.paused,.badge.unavailable{background:#fff2dd;color:#b07b2d}.badge.revoked,.badge.failed{background:#fcecec;color:#c96464}.filters{display:grid;grid-template-columns:1.6fr repeat(3,minmax(110px,1fr)) auto;gap:10px;align-items:end;margin-bottom:20px}.filters input,.filters select{font-size:13px;margin:0}.status-tabs{display:flex;gap:26px;overflow-x:auto;border-bottom:1px solid var(--line);margin:0 0 13px}.status-tabs button{border:0;background:none;padding:11px 0 15px;color:#7d8a82;white-space:nowrap;font-size:13px;border-bottom:2px solid transparent}.status-tabs button.active{color:var(--green);font-weight:600;border-bottom-color:var(--green)}.pagination{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding-top:18px;font-size:12px;color:#7a8980}.pagination .count{margin-right:auto}.pagination button{border:1px solid var(--line);background:white;color:#5a7161;border-radius:5px;padding:7px 11px}.tag-title{color:#37674e;font-weight:600}.tag-style{display:flex;align-items:center;gap:9px}.tag-thumb{width:27px;height:27px;object-fit:contain;border-radius:5px;background:#fcf4e7}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:21px}.settings-form{max-width:680px}.settings-form .button{margin-top:24px}.settings-form .hint{margin-top:6px}.settings-note{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.callout-line{font-size:13px;line-height:1.9;color:#64786b;margin:13px 0}.status-list{display:flex;flex-direction:column;gap:17px;margin-top:25px}.status-list>div{display:flex;justify-content:space-between;gap:18px;font-size:13px}.status-list span:first-child{color:#819086}.skeleton{color:#91a096;padding:70px 20px;text-align:center}.retry{margin-top:16px}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 20% 10%,#e5f1e4 0,transparent 55%),#f6f8f4}.login-card{width:430px;max-width:100%;background:#fff;border:1px solid #e3eae3;border-radius:20px;padding:40px;box-shadow:0 20px 70px #203f3010}.login-cat{width:92px;height:92px;display:block;margin:-3px auto 12px}.login-card h1{text-align:center;font-size:25px}.login-card>.muted{text-align:center;margin:12px 0 31px}.login-card .button{width:100%;margin-top:23px}.login-card .hint{margin-top:22px}.login-error{font-size:13px;line-height:1.8;color:#b65850;margin-top:14px;min-height:23px}.loading-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#73b58e;margin-right:9px}dialog{border:1px solid #dfe8e0;border-radius:16px;padding:29px;width:460px;max-width:calc(100vw - 32px);color:#20312c;box-shadow:0 30px 110px #182d2930}dialog::backdrop{background:#172d2445;backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.dialog-heading h2{font-size:21px}dialog form>.muted{font-size:13px;margin-bottom:25px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:27px}dialog .hint{margin-top:15px}.drawer{height:100dvh;max-height:100dvh;max-width:100vw;width:435px;margin:0 0 0 auto;border:0;border-left:1px solid var(--line);border-radius:0;padding:28px;overflow:auto}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.drawer h2{font-size:20px}.drawer-art{display:flex;align-items:center;gap:20px;border-radius:12px;background:#f5f8f3;padding:17px;margin-bottom:22px}.drawer-art img{width:85px;height:85px;object-fit:contain}.drawer-art h3{font-size:22px;margin-bottom:10px}.detail-grid{display:grid;grid-template-columns:95px 1fr;gap:19px 12px;font-size:13px;margin:25px 0}.detail-grid dt{color:#85928a}.detail-grid dd{margin:0;word-break:break-word}.drawer-section{padding-top:23px;border-top:1px solid var(--line);margin-top:25px}.timeline{list-style:none;padding:0 0 0 11px;margin:19px 0 0 7px;border-left:1px solid #d4e7d7}.timeline li{position:relative;padding:0 0 19px 17px;font-size:12px;line-height:1.8;color:#617668}.timeline li:before{content:"";position:absolute;left:-16px;top:5px;background:#71b58b;border:3px solid #eaf5ed;border-radius:50%;width:8px;height:8px}.timeline time{display:block;color:#8a978f}.drawer-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.drawer-buttons .button{font-size:12px;padding:10px 12px}.qr-preview{border:1px solid #e1e8e1;min-height:160px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;padding:20px;margin-top:16px}.qr-preview img{width:210px;height:210px;max-width:100%;object-fit:contain}.qr-preview p{font-size:12px;color:#93a097;line-height:1.9}.drawer .hint{margin-top:14px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#244434;color:white;border-radius:10px;padding:13px 21px;font-size:13px;box-shadow:0 8px 25px #1a382830;max-width:80vw;line-height:1.6;z-index:100;opacity:0;pointer-events:none;transition:opacity .15s}#toast.visible{opacity:1}.notice{color:#8c7652;font-size:12px;margin-bottom:16px;line-height:1.8}.mobile-nav-button{display:none}.privacy-note{font-size:12px;line-height:1.9;color:#86938a;margin:14px 0 0}.subtle-link{color:#6a8b76;font-size:12px}.settings-form input[readonly]{background:#f4f7f4;color:#76897d}
@media(min-width:1700px){.main{padding:36px 44px}}@media(max-width:1200px){.sidebar{width:185px}.workspace{margin-left:185px}.brand{padding-left:20px}.brand-title{font-size:18px}.main{padding:24px 22px}.topbar{padding:0 22px}.kpis{gap:10px}.kpi{padding:17px;gap:9px}.kpi-icon{width:34px;height:34px}.kpi-value{font-size:26px}.overview-grid{grid-template-columns:1.6fr 1fr}.filters{grid-template-columns:1.5fr 1fr 1fr}.filters .button{min-width:85px}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.settings-grid{grid-template-columns:1fr}}@media(max-width:850px){.sidebar{width:70px}.brand{padding:25px 14px}.brand>div:last-child,.nav a span,.sidebar-bottom{display:none}.nav{padding:0 9px}.nav a{justify-content:center;padding:14px}.workspace{margin-left:70px}.main{padding:22px 17px}.topbar{padding:0 17px}.kpis{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.page-heading{flex-direction:column}.heading-actions{justify-content:flex-start}.filters{grid-template-columns:1fr 1fr}.status-tabs{gap:22px}.ad-strip{flex-wrap:wrap}.ad-money{margin-left:0}.breadcrumbs{font-size:12px}.top-right{gap:8px}.top-right>span:not(.mode-badge){display:none}h1{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Shared list controls keep pagination and selection visible on every management table. */
.list-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.trash-tabs{display:flex;flex-shrink:0;border:1px solid #dce6df;border-radius:8px;padding:3px;background:#f7faf8}.trash-tabs button{border:0;background:none;border-radius:5px;padding:9px 13px;white-space:nowrap;color:#75877c;font-size:13px}.trash-tabs button.active{background:#fff;color:#138860;box-shadow:0 1px 5px #1d3b2912;font-weight:600}.list-toolbar .filters{margin:0;flex:1;grid-template-columns:minmax(180px,1.6fr) minmax(100px,1fr) minmax(120px,1fr) auto auto;gap:8px}.list-toolbar .simple-filters{max-width:620px;grid-template-columns:minmax(200px,1fr) auto auto}.selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:#f4f8f5;border:1px solid #e4ede6;border-radius:8px;margin-bottom:14px;min-height:54px;font-size:12px;color:#66816f}.selection-bar>div{display:flex;gap:8px;flex-wrap:wrap}.selection-bar .button{min-height:31px;padding:5px 9px;font-size:12px}.selection-bar button:disabled{cursor:not-allowed}.check-cell{width:38px;padding-left:10px;padding-right:7px}.check-cell input{width:16px;height:16px;margin:0;accent-color:#138860;cursor:pointer;vertical-align:middle}.selected-row{background:#edf8f0!important}.row-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:105px}.row-actions .text-button{white-space:nowrap;padding:4px 5px}.test-code-button{font-weight:600;background:#e7f5ec;border-radius:5px}.danger-text{color:#c15a55}.note-cell{min-width:110px;max-width:220px;overflow-wrap:anywhere}.pagination{flex-wrap:wrap;gap:6px}.pagination .current{background:#138860;color:white;border-color:#138860}.page-size,.page-jump,.page-jump label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:400}.page-size select{width:76px;margin:0;padding:6px;font-size:12px}.page-jump{margin-left:7px}.page-jump input{width:56px;margin:0;padding:6px;font-size:12px}.pagination button:disabled{cursor:not-allowed}.prominent-actions{padding:0 0 12px}.drawer .related-tags{list-style:none;margin:12px 0 0;padding:0}.related-tags li{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf1ee}.qr-dialog{width:510px}.test-qr-image{display:grid;place-items:center;margin:18px 0 8px;background:#fff}.test-qr-image img{width:250px;height:250px;object-fit:contain;max-width:100%}.qr-tag-id{text-align:center;font-size:13px;color:#6e8174;margin-bottom:18px}.qr-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.qr-field{font-size:12px}.qr-field input,.qr-params input{font-size:12px;background:#f7faf8;color:#617b6a}.qr-params{margin-top:18px;border-top:1px solid #e3eae6;padding-top:18px}.qr-params label{font-size:12px;margin-top:12px}.test-base-form{display:flex;align-items:end;gap:8px;margin:15px 0}.test-base-form label{flex:1;font-size:12px}.test-base-form input{font-size:12px}.test-base-form .button{padding:10px 11px;font-size:12px}.qr-mode-link{display:flex;justify-content:center;margin:15px 0}.drawer-section .notice{margin-top:12px}
@media(max-width:1400px){.list-toolbar{flex-direction:column;align-items:stretch}.list-toolbar .simple-filters{max-width:none}.selection-bar{align-items:flex-start;flex-direction:column}.pagination .count{flex-basis:100%;margin:0 0 5px}.row-actions{min-width:100px}}
@media(max-width:850px){.list-toolbar .filters{grid-template-columns:1fr 1fr}.list-toolbar .filters input{grid-column:1/-1}.selection-bar>div{gap:5px}.pagination{justify-content:flex-start}.pagination .page-jump{margin-left:0}.page-heading .heading-actions{gap:7px}.heading-actions .button{padding:9px 11px;font-size:12px}.test-base-form{align-items:stretch;flex-direction:column}.qr-actions .button{width:100%}}