/* Fengbao 3.5 · a shared, locally hosted design system. No external fonts or assets. */
:root{--ink:#17243b;--muted:#64748b;--line:#e4e9f1;--bg:#f4f6fa;--paper:#fff;--green:#315cf5;--lime:#e8eeff;--danger:#c6364c;--amber:#a8680e;--radius:18px;--accent:#315cf5;--accent-soft:#edf2ff;--shadow:0 4px 20px #172b4d04;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light;font-synthesis:none}
html{scroll-padding-top:85px}body{background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #557bff;outline-offset:3px}::selection{background:#dce5ff;color:#173267}button:disabled{cursor:not-allowed}a{color:#315cf5;text-underline-offset:4px}a:hover{color:#2046d0}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{color:var(--ink)}.icon{width:18px;height:18px;stroke-width:1.7;flex-shrink:0}.mono,code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums}.subtle{color:var(--muted);font-size:13px}.loading{font-size:15px;color:var(--muted);padding:40px;text-align:center}
/* App frame */
.shell{display:block}
.sidebar{width:236px;background:#111d35;color:#b8c4db;padding:26px 14px 16px;border:0;box-shadow:8px 0 28px #11203a08;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#354562 transparent}.brand{padding:0 12px 29px;gap:12px}.brand-mark{width:42px;height:42px;flex-shrink:0;border-radius:13px;background:linear-gradient(145deg,#5880ff,#315cf5);color:#fff;font-size:25px;font-weight:750;box-shadow:0 5px 18px #315cf52b}.brand-name{font-size:18px;color:#f8faff;letter-spacing:.6px;font-weight:700}.brand-name span{font-size:11px;color:#8fa3c7;margin-top:2px;letter-spacing:1px}.nav-label{font-size:10px;color:#6f83a9;letter-spacing:1.8px;font-weight:700;padding:18px 16px 8px}.nav-item{position:relative;min-height:43px;padding:11px 15px;margin:3px 0;border-radius:10px;gap:12px;font-size:14px;font-weight:500;color:#aebed9;transition:background .16s,color .16s,transform .16s}.nav-item .icon{color:#869cc2;width:19px;height:19px}.nav-item:hover{background:#1b2a47;color:white}.nav-item.active{background:#315cf5;color:#fff;box-shadow:0 5px 14px #0000000d}.nav-item.active .icon{color:#fff}.nav-item .count{font-size:11px;background:#263753;color:#aebed9;min-width:22px;padding:1px 6px;border-radius:6px}.nav-item.active .count{background:#ffffff24;color:#fff}.sidebar-bottom{padding:30px 4px 0}.local-card{padding:14px 12px;background:#18263f;border:1px solid #2a3a57;border-radius:12px;font-size:11px;line-height:1.9;color:#92a6c9}.local-card strong{color:#d2dfff;font-size:12px}.local-card .dot{background:#72e1b7}.profile{border-top:1px solid #293951;margin-top:18px;padding:18px 6px 0;gap:10px}.profile .avatar{background:#2b4169;color:#d7e5ff}.profile .who{font-size:13px;color:#edf3ff;min-width:0}.profile .who small{font-size:10px;color:#91a5c5;white-space:normal;line-height:1.65}.profile .icon-btn{color:#94a7c8}.profile .icon-btn:hover{background:#293b5b;color:#fff}
.workspace{margin-left:236px;min-width:0}.topbar{height:68px;background:#ffffffed;border-bottom:1px solid var(--line);padding:0 34px;backdrop-filter:blur(16px);position:relative;z-index:10}.crumb{gap:12px;color:#8b98ac;font-size:13px}.crumb strong{font-weight:600;color:#34445f}.topbar-right{gap:18px}.date-label{font-size:12px;color:#7a879b}.local-tag{border:1px solid #dfe6f4;color:#506b99;background:#f7f9fd;font-size:10px;font-weight:650;letter-spacing:1px;border-radius:6px;padding:5px 9px}.avatar{border-radius:11px;background:#e8eeff;color:#315cf5;font-weight:700;width:34px;height:34px}.notice-dot{background:#e05c66;border:2px solid white}.main{max-width:1760px;margin:0 auto;padding:32px 34px 24px}.page-head{margin-bottom:28px;align-items:center;gap:24px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.2px;color:#7789a5;margin-bottom:8px}h1{font-size:32px;font-weight:750;letter-spacing:-1px;line-height:1.3;margin:0 0 9px}.page-head p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.page-head>.actions{max-width:65%;gap:8px;justify-content:flex-end;flex-wrap:wrap}.bottom-note{color:#8491a5;font-size:10px;padding-top:24px;gap:14px}.main>#page-content{min-width:0}
/* Buttons and control hierarchy */
.btn{min-height:40px;border:1px solid #dce3ef;border-radius:9px;background:#fff;padding:9px 15px;color:#3c4e6a;font-size:13px;font-weight:600;line-height:1.45;box-shadow:0 1px 2px #172b4d03;gap:8px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.btn:hover{background:#f5f8ff;border-color:#b9c8eb;color:#2446a5}.btn.primary,.btn.lime{background:#315cf5;border-color:#315cf5;color:#fff;box-shadow:0 4px 10px #315cf51c}.btn.primary:hover,.btn.lime:hover{background:#244ce1;border-color:#244ce1;color:#fff;box-shadow:0 5px 16px #315cf52b}.btn:active:not(:disabled){transform:translateY(1px)}.btn.ghost{box-shadow:none;background:transparent;border-color:transparent;color:#62728c}.btn.ghost:hover{background:#edf2ff;color:#315cf5}.btn.danger{background:#fff7f8;border-color:#f1d5db;color:#bf3049}.btn.danger:hover{background:#fcebef;border-color:#df9aaa}.btn.small{min-height:32px;font-size:12px;padding:6px 10px;border-radius:7px}.btn:disabled{opacity:.43;box-shadow:none}.icon-btn{border-radius:8px;color:#64748b;width:34px;height:34px}.icon-btn:hover{color:#315cf5;background:#edf2ff}.icon-btn .icon{width:18px;height:18px}.actions{gap:8px;flex-wrap:wrap}.browser-preference{border:1px solid #dfe6f1;background:#f9fbff;border-radius:9px;min-height:40px;padding:7px 10px;color:#536784;gap:8px;font-size:12px}.browser-preference select{color:#314d88;background:transparent;font-size:12px}.browser-preference-field{font-size:12px}.search-wrap,.filter-select{border:1px solid #dfe5ef;background:#fff;border-radius:9px;min-height:40px;color:#40536f;font-size:13px}.search-wrap{min-width:220px;padding:0 12px;gap:9px}.search-wrap input{background:transparent;color:var(--ink);font-size:13px;min-width:0}.search-wrap .icon{color:#8c9ab0;width:17px}.search-wrap:focus-within{border-color:#6e8bfa;box-shadow:0 0 0 3px #315cf50c}.filter-select{padding:8px 32px 8px 12px}.filter-select:hover{border-color:#acbbd6}.sort-control,.device-sort-control,.device-sort-field{font-size:12px;color:#64748b;gap:9px}.sort-control select,.device-sort-control select,.device-sort-field select{background:#fff;border:1px solid #dfe5ef;border-radius:8px;color:#40536f;min-height:40px;padding:8px 12px;font-size:13px}.table-toolbar{padding:18px 22px;border-color:var(--line);gap:16px;align-items:center;flex-wrap:wrap}.filters,.filter-bar{gap:10px;flex-wrap:wrap}.device-filter-toolbar{padding:18px 22px;border-color:var(--line)}.device-filter-fields{grid-template-columns:minmax(200px,1fr) minmax(124px,auto) minmax(124px,auto);gap:10px}.device-filter-fields select,.device-sort-field select{font-size:13px}.check-label{font-size:13px;color:#53637d;line-height:1.8;gap:9px}input[type=checkbox],input[type=radio]{accent-color:#315cf5;width:16px;height:16px;flex-shrink:0}
/* Panels, dashboard and numerical hierarchy */
.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:20px 24px;border-bottom:1px solid #edf0f6;min-height:76px;gap:16px}.panel-head h2{font-size:16px;font-weight:700;letter-spacing:-.2px;line-height:1.5}.panel-head p{font-size:12px;color:#8290a5;margin-top:4px}.panel-head>.icon{color:#8191ad}.panel-body{padding:24px}.stats-grid{gap:16px;margin-bottom:22px}.stat{border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow);background:#fff;min-height:150px}.stat-top{font-size:13px;color:#65758f;font-weight:500}.stat-icon{background:#f0f4ff;border-radius:10px;color:#5476d9;width:34px;height:34px}.stat-number{font-size:38px;line-height:1.25;font-weight:650;letter-spacing:-1.2px;margin:15px 0 8px;font-variant-numeric:tabular-nums;color:#172c50}.stat-number small{font-size:12px;color:#8191aa;font-weight:400;letter-spacing:0;margin-left:7px}.stat-foot{font-size:11px;color:#8290a6;line-height:1.7}.stat.featured{background:linear-gradient(120deg,#203b77,#315cf5);border-color:transparent;color:white}.featured .stat-top,.featured .stat-foot{color:#c8d6ff}.featured .stat-number,.featured .stat-number small{color:white}.featured .stat-icon{background:#ffffff16;color:#d8e4ff}.featured:after{opacity:.12}.dashboard-middle{gap:20px;margin-bottom:22px;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr)}.team-body{padding:24px;gap:26px}.team-box+.team-box{border-color:var(--line)}.team-title{font-size:13px;color:#566b8a}.team-city{background:#edf2ff;color:#315cf5;font-size:14px;border-radius:9px;width:34px;height:34px}.team-title .subtle{font-size:10px;letter-spacing:.6px}.team-number{font-size:34px;font-weight:650;color:#20375b;letter-spacing:-.9px;margin:16px 0 14px}.team-number small{font-size:12px;color:#8a98ad;margin-left:8px;letter-spacing:0}.progress-track{background:#eef2f8;height:6px;border-radius:10px}.progress-fill{background:#577cf6;border-radius:10px}.team-box:nth-child(2) .progress-fill{background:#7c69d5!important}.team-meta{font-size:12px;color:#8090a9;margin-top:10px}.health-body{padding:25px;gap:32px}.donut{background:conic-gradient(#5278f5 calc(var(--value)*1%),#edf1f8 0);width:138px;height:138px}.donut:before{background:white}.donut-text{color:#20375b;font-size:29px;font-weight:650}.donut-text small{font-size:11px;font-weight:400;color:#8191aa}.legend-row{font-size:13px;color:#62738d;padding:6px 0}.legend-row strong{color:#253a5b;font-weight:600}.attention-counter{font-size:10px;background:#eef3ff;color:#6280c7;padding:3px 7px;border-radius:5px;margin-left:6px}.resource-overview,.resource-stats{gap:16px;margin-bottom:22px}.resource-overview-card,.resource-stats>article{border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px 24px;box-shadow:var(--shadow)}.resource-overview-card span,.resource-overview-card p,.resource-stats>article>span{font-size:13px;color:#6f809a}.resource-overview-card strong,.resource-stats>article strong{font-size:32px;letter-spacing:-1px;color:#213b65;font-weight:650}.resource-overview-card small{font-size:12px;color:#8b99ae}.resource-intro{font-size:13px;line-height:1.85;color:#6c7f9b;margin:0 0 20px}.resource-class-summary{background:#f8faff;border-color:#e6ebf5;border-radius:12px;padding:14px 18px;font-size:13px;color:#647895}
/* Sales is a single, clearly scoped headline module. */
.sales-summary-card .sales-amount>strong{color:#fff}.sales-summary-card .sales-card-heading>span{color:#dce6ff}.resource-overview-card h3{font-size:13px;color:#60799e;font-weight:600}.resource-overview-card strong small{font-size:12px;color:#8b9db9;font-weight:400}
.sales-summary-card{background:linear-gradient(115deg,#172e5b 0%,#254b99 72%,#365df3 100%);border:1px solid #29467f;border-radius:18px;padding:25px 28px;margin-bottom:22px;box-shadow:0 8px 24px #1e3b6a0c;color:white;position:relative;overflow:hidden}.sales-card-heading{color:#dce6ff;font-size:14px;font-weight:600}.sales-card-heading small{font-size:11px;color:#a9bfe9;letter-spacing:.4px}.sales-card-metrics{gap:50px;align-items:flex-end;margin:22px 0}.sales-metric-label{color:#b1c6ee;font-size:12px;letter-spacing:.4px}.sales-amount{gap:10px;color:#fff}.sales-amount strong{font-size:46px;font-weight:650;line-height:1.25;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.sales-currency{font-size:24px;font-weight:400;color:#a7c2fc}.sales-unit{font-size:11px;color:#a7c2fc;letter-spacing:1px}.sales-secondary-metric{border-left:1px solid #ffffff22;padding-left:40px}.sales-count strong{font-size:32px;color:#fff;font-weight:600;letter-spacing:-1px}.sales-count span{font-size:12px;color:#bbcef2}.sales-card-foot{color:#aec4eb;border-color:#ffffff1e;font-size:12px;line-height:1.8}.sales-card-foot .btn{background:#ffffff0b;border-color:#ffffff25;color:#dce7ff}.sales-card-foot .btn:hover{background:#ffffff18}.sales-missing-note,.sale-missing-note{color:#f5bd7c;font-size:12px}.sale-record-value{gap:7px}.sale-record-amount{font-size:14px;font-weight:650;color:#304c7e}.sale-record-amount small{font-size:10px;color:#8795ab}.sale-pill{font-size:12px;border-radius:6px;padding:3px 8px;font-weight:500}.sale-pill.unsold{background:#f0f4ff;color:#607ab3;border:1px solid #e1e8fb}.sale-pill.sold{background:#edf8f4;color:#188463;border:1px solid #d8eee5}.sale-detail-amount,.confirm-amount{color:#315cf5;font-weight:650}.settlement-intro,.consignment-disclosure{background:#edf2ff;border:1px solid #dce5ff;color:#5472a5;border-radius:12px;padding:18px 22px;font-size:13px;line-height:1.85}.people-settlement{gap:16px}.sale-math{background:#f5f8ff;border-color:#e0e7f6;border-radius:12px;color:#506c9b}.settlement-table th,.settlement-table td{padding:17px 20px}.settlement-summary strong{color:#315cf5}
/* Data grids: more readable details, less decorative noise. */
.table-wrap{border-radius:0;scrollbar-color:#c8d3e7 #f6f8fc;scrollbar-width:thin}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th{background:#f8fafd;border-bottom:1px solid #e5eaf3;color:#7888a2;font-size:12px;font-weight:600;padding:15px 20px;text-align:left;white-space:nowrap;letter-spacing:.1px}.table-wrap td{font-size:14px;line-height:1.65;padding:20px;border-bottom:1px solid #edf0f6;color:#344761;vertical-align:middle}.table-wrap tbody tr{transition:background .12s}.table-wrap tbody tr:hover{background:#f8faff}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap tr:has(input[type=checkbox]:checked){background:#f0f4ff}.account-table{min-width:1590px}.account-table td{padding-top:19px;padding-bottom:19px}.account-table .mono,.network-table .mono{font-size:13px;color:#354e78}.account-cell{gap:12px;min-width:175px}.account-avatar{border-radius:12px;width:40px;height:40px;background:#edf2ff;color:#6986c8;font-family:inherit;font-size:18px;font-weight:600}.account-avatar.c1{background:#f0edfa;color:#9783c5}.account-avatar.c2{background:#eaf3f7;color:#6998b1}.account-avatar.c3{background:#f8f0e9;color:#b39a80}.account-name,.monitor-account-name{font-size:15px;font-weight:650;color:#203a64;line-height:1.7}.account-name:hover,.monitor-account-name:hover{color:#315cf5}.cell-sub{font-size:12px;color:#8190a7;line-height:1.8;margin-top:3px}.device-number{font-size:16px;font-weight:650;color:#263e65;line-height:1.6;overflow-wrap:anywhere}.record-owner{font-size:12px;color:#7d8ba2;margin-top:3px}.device-placeholder{background:#f2f5fb;color:#8fa1bf;border-color:#e5eaf3;border-radius:10px}.device-thumb{border-radius:10px;border-color:#e3e9f3}.network-device-cell{gap:13px}.network-device-cell strong{font-size:16px}.network-table th,.network-table td{padding:18px 20px}.network-table{min-width:940px}.resource-account-link,.resource-link{font-size:13px;color:#315cf5}.resource-secret{font-size:14px;line-height:1.7;color:#435c85;overflow-wrap:anywhere}.pill,.team-badge,.daily-state{border-radius:6px;font-size:11px;line-height:1.6;padding:3px 8px;font-weight:500}.pill{background:#edf7f2;color:#2b8964;border:1px solid #dcefe4}.pill.warning{background:#fff7e7;color:#ab751b;border-color:#f5e6bd}.pill.danger{background:#fff0f2;color:#c44359;border-color:#f5dce1}.pill.muted{background:#f1f3f7;color:#8b96aa;border-color:#e9ecf2}.team-badge{background:#edf2ff;color:#6c83b5;border:1px solid #e0e8fb}.team-badge.gz{background:#f3eefa;color:#9880bb;border-color:#e9e1f3}.expiry{color:#536986;font-size:13px;font-variant-numeric:tabular-nums;line-height:1.7}.expiry.warning{color:#b38129}.expiry.danger,.danger-text,.danger-text .expiry{color:#cf5265}.expiry .icon{width:16px;height:16px}.table-footer{padding:17px 22px;border-top:1px solid var(--line);font-size:12px;color:#8492a9;gap:16px;flex-wrap:wrap;line-height:1.7}.pager{gap:8px;align-items:center}.pager .btn{min-width:32px;min-height:32px}.pager .active{background:#315cf5;color:white}.pager>span{font-size:12px;color:#8190a7}.batch-bar{background:#edf2ff;border:1px solid #dce5ff;color:#4768af;border-radius:10px;padding:12px 18px;gap:12px;font-size:13px}.empty{padding:58px 24px;color:#8998af;font-size:13px}.empty h3{font-size:17px;color:#526681;font-weight:600}.empty p{font-size:13px;line-height:1.9;max-width:420px;margin:12px auto 22px}.empty .icon{color:#90a6d4;width:40px;height:40px}.permission-mask{color:#8593ab;background:#f4f6fa;border-color:#e8ecf3;font-size:12px}
/* Daily publishing and monitoring */
.daily-summary{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:20px}.daily-summary-heading{font-size:13px;color:#566d91;gap:10px}.daily-summary-heading strong{color:#3e5d93}.daily-summary-heading small,.daily-scope-count{font-size:11px;color:#8b99ad}.daily-summary-options{gap:12px;margin-top:14px}.daily-summary-option{background:#fff;border:1px solid #e3e8f2;border-radius:10px;padding:14px 18px;min-height:58px;color:#7e8fa9;font-size:12px}.daily-summary-option strong{font-size:24px;font-weight:600;color:#5c77a6;font-variant-numeric:tabular-nums}.daily-summary-option.active{background:#edf2ff;border-color:#bdcdfd;color:#4269c8;box-shadow:inset 0 0 0 1px #d2ddfc}.daily-summary-option.active strong{color:#315cf5}.daily-state.met{background:#eaf7f1;color:#248365}.daily-state.below{background:#fff6e9;color:#af7626}.daily-state.unknown{background:#f1f4f8;color:#8a96a9}.daily-record-label{font-size:12px;font-weight:550;color:#617ba3}.daily-record>small,.followers-value>small{font-size:11px;color:#8d9ab0;line-height:1.8}.followers-value{font-size:19px;font-weight:650;color:#2f4f85;font-variant-numeric:tabular-nums}.followers-value.stale{color:#8a97ad}.followers-unknown{font-size:12px;color:#99a5b8}.monitor-summary-grid{gap:18px;margin-bottom:20px}.monitor-summary-card{border:1px solid var(--line);border-radius:16px;padding:24px 26px;background:white;box-shadow:var(--shadow);text-align:left;color:#7183a0;min-height:170px;transition:border-color .16s,background .16s}.monitor-summary-card:hover{border-color:#c0cff6;background:#fafbff}.monitor-summary-card.selected{border-color:#a7bbfa;box-shadow:inset 0 0 0 1px #dce5ff;background:#f8faff}.monitor-summary-card>span{font-size:13px;color:#657c9f}.monitor-summary-card>strong{font-size:38px;line-height:1.3;font-weight:650;letter-spacing:-1px;color:#254a8c;margin:18px 0 10px}.monitor-summary-card small{font-size:12px;font-weight:400;letter-spacing:0;margin-left:8px}.monitor-summary-card em{font-size:12px;color:#8a99b0;font-style:normal;line-height:1.8}.monitor-summary-card.attention{background:#fffaf3;border-color:#f0e3ca}.monitor-summary-card.attention>strong,.monitor-summary-card.attention>span{color:#b38030}.monitor-summary-card.attention.selected{border-color:#ddba78;box-shadow:inset 0 0 0 1px #f5e7c9}.monitor-rule{background:#eef3ff;border:1px solid #dee7ff;border-radius:10px;color:#617da9;padding:14px 18px;font-size:12px;line-height:1.9;gap:10px;margin-bottom:20px}.monitor-rule>.icon{color:#6c8ad1}.monitor-account-list{padding:0 24px}.monitor-account{padding:26px 0;border-bottom:1px solid var(--line)}.monitor-account:last-child{border-bottom:0}.monitor-account-head{gap:18px;margin-bottom:20px}.monitor-account-name{background:transparent}.monitor-metrics{background:#f7f9fd;border:1px solid #e7edf7;border-radius:12px;padding:20px 24px;gap:24px}.monitor-metrics>div+div{border-color:#e0e7f4;padding-left:25px}.monitor-metrics span{font-size:12px;color:#8495b0}.monitor-metrics strong{font-size:30px;color:#2a508e;font-weight:650;line-height:1.6}.monitor-metrics strong.monitor-time{font-size:13px;color:#59749d;font-weight:500}.monitor-metrics em{font-size:11px;color:#ad863e}.monitor-notice,.monitor-incomplete{font-size:12px;line-height:1.85;color:#a5803a;background:#fffaf1;border-color:#f0e1c5;border-radius:9px;padding:12px 16px;margin:14px 0}.monitor-post-grid{gap:14px;margin-top:18px}.monitor-post{border:1px solid #e4eaf4;border-radius:12px;background:white;padding:20px}.monitor-post.low{background:#fffaf4;border-color:#f0ddbd}.monitor-post-top{font-size:11px;color:#8797b0;gap:8px;margin-bottom:12px}.post-state{font-size:10px;background:#f1f4f9;color:#8b99af;padding:4px 7px;max-width:65%;border-radius:5px}.post-low-tag{font-size:10px;color:#a57630;background:#fff0d5;padding:4px 7px;border-radius:5px}.monitor-post-title,.detail-section .monitor-post-title{font-size:14px;color:#4f688f;line-height:1.85;min-height:50px}.monitor-post-date{font-size:11px;color:#91a0b7;margin:14px 0}.monitor-post-views{border-color:#e7ecf4;padding-top:14px;gap:10px}.monitor-post-views>span{font-size:11px;color:#8a9ab1}.monitor-post-views strong{font-size:29px;font-weight:650;color:#3e65a7;letter-spacing:-.7px}.monitor-post.low .monitor-post-views strong{color:#af7d2e}.monitor-post-state{font-size:11px}.monitor-posts-empty{border-color:#dfe6f2;border-radius:12px;background:#fafbfe;color:#8c9db7;font-size:13px;padding:30px 20px}.monitor-detail-heading .section-label{font-size:16px}.monitor-detail-heading p{font-size:12px;color:#8b9ab1;line-height:1.8}.monitor-time{font-variant-numeric:tabular-nums}.low-play-badge{background:#fff5e4;border:1px solid #f1dfba;color:#ac7929;border-radius:6px;font-size:11px;line-height:1.6}.monitor-alert-banner{background:#fff8ef;border:1px solid #f1e0c4;border-radius:12px;padding:18px 22px;color:#ac7b32;margin-bottom:22px;gap:14px}.monitor-alert-banner strong{font-size:14px}.monitor-alert-banner span{font-size:12px;color:#b0956a;line-height:1.8}.monitor-job{background:#fff;border:1px solid #e1e8f4;border-radius:14px;box-shadow:var(--shadow);padding:22px 24px;margin-bottom:24px;gap:18px}.monitor-job-icon{background:#edf3ff;color:#5579dd;border-radius:11px;width:42px;height:42px}.monitor-job-title{font-size:14px;color:#37598e;font-weight:600}.monitor-job-title>span{font-size:12px;color:#8b9cb5}.monitor-progress{height:5px;background:#edf1f8;margin:12px 0;border-radius:8px}.monitor-progress>span{background:#527af3;border-radius:8px}.monitor-job-meta{font-size:12px;color:#8697af;gap:16px}.monitor-job-error,.monitor-job-failures{font-size:12px;line-height:1.8;color:#bc5c6b}.detail-monitor-progress{margin-top:10px}.profile-detail-link{font-size:13px;color:#315cf5;line-height:1.8}.daily-detail{border-color:#e4eaf4;background:#fafbfe;color:#6b81a3;border-radius:10px;padding:14px 18px}.daily-detail-title{font-size:12px}.daily-detail-main{font-size:16px;color:#476aa3}
/* Forms and modal flow */
.modal-overlay{background:#0a17385c;backdrop-filter:blur(5px);padding:32px 24px}.modal{border:1px solid #e3e9f3;border-radius:20px;box-shadow:0 28px 100px #0b1c4433;background:white;max-height:calc(100dvh - 64px);max-width:960px}.modal.narrow{max-width:540px}.modal.wide{max-width:1140px}.modal-head{padding:26px 30px;border-color:var(--line);background:#fff;align-items:flex-start;gap:20px}.modal-head h2{font-size:23px;font-weight:700;letter-spacing:-.5px;line-height:1.5;color:#1b3156}.modal-head p{font-size:13px;color:#8997ad;margin:5px 0 0;line-height:1.8}.modal-head .icon-btn{border:1px solid #e6ebf4;border-radius:10px;background:#fff;flex-shrink:0}.modal-body{padding:26px 30px;scrollbar-width:thin;scrollbar-color:#c5d2e9 transparent}.modal-foot{padding:20px 30px;border-top:1px solid var(--line);background:#fbfcff;gap:12px;border-radius:0 0 20px 20px}.modal-foot .subtle{font-size:12px;color:#8596b0}.modal-foot .btn{min-height:43px;padding-left:18px;padding-right:18px}.form-grid{gap:22px 24px}.field>label,.info-block>label{font-size:13px;font-weight:550;color:#647998;margin-bottom:9px;line-height:1.7}.field input,.field select,.field textarea{border:1px solid #dce4f0;border-radius:9px;background:#fff;color:#263e64;font-size:15px;line-height:1.65;padding:12px 14px;min-height:46px;box-shadow:0 1px 2px #142a4d02;transition:border-color .15s,box-shadow .15s}.field input::placeholder,.field textarea::placeholder{color:#a4b0c3;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#718df9;box-shadow:0 0 0 3px #315cf50a;outline:none}.field input[readonly]{background:#f7f9fd;color:#6d83a5}.field textarea{min-height:100px}.req{color:#d15f73;margin-left:3px}.field-note{font-size:12px;color:#8999b1;line-height:1.9;margin-top:8px}.form-hint,.verification-intro{background:#edf3ff;border:1px solid #dee7fc;border-radius:11px;color:#6881aa;font-size:13px;line-height:1.9;padding:17px 20px;gap:12px;margin-bottom:24px}.form-hint .icon{color:#6c8cd4;width:20px;height:20px}.form-hint strong{color:#4165a6}.section-label,.account-edit-section{color:#415f93;font-size:14px;font-weight:650;letter-spacing:.2px}.account-edit-section{margin-top:28px;padding-top:23px;border-top:1px solid #e7edf5}.error-box:not(:empty){background:#fff2f4;border:1px solid #f0ced6;border-radius:10px;color:#ba3c53;padding:14px 18px;font-size:13px;line-height:1.8;margin-bottom:20px}.info-grid{gap:24px}.info-block .value,.info-block>div{font-size:15px;line-height:1.9;color:#324e78}.detail-section{border-color:var(--line);padding-top:24px;margin-top:24px}.detail-top{gap:20px}.detail-top h2{font-size:25px}.secret-line{font-size:16px;line-height:1.85;color:#2e4c7f;background:#f7f9fd;border-radius:9px;padding:9px 12px;overflow-wrap:anywhere}.photo-upload,.device-image-editor{border-color:#dce5f3;background:#f8faff;border-radius:12px;padding:20px;color:#7d91af;font-size:12px}.photo-upload input{font-size:13px}.steps{background:#f8faff;border-color:#e6ecf7;padding:18px 30px}.step{color:#94a1b7;font-size:13px}.step span{background:#e9eef8;color:#8b9db8}.step.active{color:#315cf5}.step.active span,.step.done span{background:#315cf5;color:white}.network-flow,.account-network-reference,.network-proxy-panel{background:#f7f9fe;border:1px solid #e2e9f6;border-radius:12px;padding:20px}.network-flow strong,.account-network-reference strong{color:#385c97;font-size:15px}.network-flow p,.account-network-reference p{font-size:12px;color:#8c9eb8}.proxy-link-text{font-size:13px;color:#4b6da6;line-height:1.8}.proxy-qr-image,.detail-photo{border-color:#e1e8f4;border-radius:12px}.resource-picker{background:#f7faff;border-color:#dce5f6;border-radius:12px;color:#5876a5}.resource-picker .field{margin-bottom:0}.resource-link,.account-link{color:#315cf5}.settings-grid{gap:22px}.settings-grid .panel-head{padding:20px 24px}.settings-grid p{font-size:13px;line-height:1.85;color:#8a9ab0}.settings-grid h3{font-size:15px;color:#416393}.info-block.full{grid-column:1/-1}.status-inline{font-size:13px;color:#7b90af}
/* Permissions, review flows, import mapping and feedback */
.member-card{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff;box-shadow:var(--shadow)}.member-card h3{font-size:16px}.member-card p{font-size:13px;color:#8393ad}.member-controls{gap:7px}.super-admin-mark{background:#f1edfc;color:#8e70bd;border-color:#e6ddf7;font-size:11px}.owner-mark{background:#eaf0ff;color:#5879ca;border-color:#dce5ff;font-size:11px}.permission-editor{border:1px solid #e0e7f4;border-radius:14px;background:#fff;overflow:hidden}.permission-editor-head{padding:18px 20px;background:#f8faff;border-bottom:1px solid #e5ecf7;color:#466699}.permission-group{border-color:#e7edf7;padding:18px 20px}.permission-group-head{font-size:13px;color:#5d78a0;margin-bottom:12px}.permission-options{gap:9px 14px}.permission-option{border:1px solid #e1e8f3;border-radius:8px;color:#6d83a4;background:#fff;font-size:12px;line-height:1.8;padding:7px 10px;gap:8px}.permission-option:has(input:checked){background:#edf3ff;border-color:#d2dffc;color:#476fbc}.permission-option.sensitive{background:#fff8ed;border-color:#f0e0c4;color:#9e7b38}.permission-option.sensitive:has(input:checked){background:#fff3dc;border-color:#e9d09e;color:#986a21}.permission-summary{border:1px solid #e2e9f5;border-radius:12px;overflow:hidden}.permission-summary>div{border-color:#e8eef7;padding:17px 20px}.permission-summary .pill{background:#edf2ff;color:#617fb5;border-color:#e0e7f9}.permission-summary label{font-size:12px;color:#7187a8}.permission-dependency-note{background:#f8faff;color:#8b9ebd;font-size:12px;padding:12px 18px;line-height:1.9}.owner-confirm-banner,.team-permission-banner{border:1px solid #dce6fb;background:#f1f5ff;color:#5476af;border-radius:12px;padding:20px;line-height:1.9;font-size:13px}.owner-confirm-banner strong{color:#315da6}.owner-confirm-banner p{font-size:12px;color:#7e95b8}.super-batch-toolbar{background:#f7f9fe;border-color:#e0e8f6;padding:18px;border-radius:12px}.super-batch-member{border-color:#e2e9f4;background:#fff;border-radius:10px;font-size:13px;padding:14px}.recovery-requests{margin-bottom:22px}.recovery-requested{background:#eef7f2;border-color:#d9ece1;color:#3c8d6b;border-radius:12px;font-size:13px}.recovery-code{background:#edf3ff;border-color:#dce6fc;color:#315cf5;font-size:30px;letter-spacing:3px;border-radius:12px}.recovery-code-header,.recovery-code-expiry{font-size:13px;color:#6f86a9}.recovery-empty{font-size:13px;color:#8a9cb6;padding:28px}.recovery-path{background:#f4f7fd;border-color:#e1e8f4;color:#6080b4}.recovery-warning{color:#b37c36;background:#fff7eb;border-color:#f2e1c6;font-size:13px;line-height:1.9}.import-upload-fields{gap:22px}.import-blank-note,.import-preview-note{background:#f5f8ff;border-color:#e0e8fa;color:#7891b7;border-radius:10px;font-size:12px;line-height:1.9;padding:14px 18px}.import-preview-heading{font-size:16px;color:#395f9d}.import-preview-controls{gap:10px}.import-mapping-grid{background:#f8faff;border:1px solid #e1e9f8;border-radius:12px;padding:18px;gap:12px}.import-mapping-row{font-size:12px;color:#7189af}.import-mapping-row select{border:1px solid #dce5f5;border-radius:7px;background:#fff;color:#4e6c9c;padding:8px;font-size:12px}.import-mapping-row.unresolved{color:#b17c31}.import-warning,.import-warnings{background:#fff8ed;border-color:#f0dfbd;color:#ac7c31;border-radius:10px;font-size:12px;line-height:1.85;padding:14px 18px}.preview-summary{font-size:13px;background:#edf3ff;border-color:#dae5ff;border-radius:12px;color:#6081b7;padding:16px 20px}.import-undo-summary{background:#edf3ff;border-color:#dce6fc;color:#5c7daf;border-radius:12px;padding:18px}.import-undo-summary p{font-size:13px;line-height:1.9;color:#7c92b3}.ip-expiry-intro,.ip-match-summary{background:#f5f8ff;border:1px solid #dee8fc;border-radius:12px;padding:20px;color:#6d86ad;font-size:13px;line-height:1.85}.ip-match-stat{background:#fff;border:1px solid #e3eaf6;border-radius:10px;padding:17px;color:#7d91b0}.ip-match-stat strong{font-size:27px;color:#466dad}.ip-match-stat.missing{background:#fff9ef;border-color:#f2e4c8}.ip-date-earlier{color:#c2733f}.ip-query-error{color:#bf5264;background:#fff3f5;border-color:#efd0d8;border-radius:10px;font-size:13px;padding:15px}.alert-filter-panel{padding:20px 24px;border-color:var(--line);background:#fff}.alert-filter-field label{font-size:12px;color:#7f92b0}.alert-filter-result{font-size:13px;color:#607eaf}.alert-country-label{font-size:13px;color:#607fae}.alert-country-note{font-size:12px;color:#8b9eb8}.audit-action{font-size:13px;color:#4d6e9d}.audit-detail{font-size:12px;line-height:1.9;color:#8398b8}.tabs{gap:20px;border-color:#e2e8f3;margin-bottom:22px}.tab{font-size:14px;color:#8493ac;padding:13px 4px;font-weight:550;border-radius:0}.tab.active{color:#315cf5;border-bottom-color:#315cf5}.tab:hover{color:#315cf5}.lock-note{font-size:12px;color:#889bb9;line-height:1.9}.toast{background:#1a2e50;color:#fff;border:1px solid #2b4268;border-radius:12px;padding:14px 20px;box-shadow:0 10px 35px #10275224;font-size:14px;line-height:1.7;max-width:min(520px,calc(100vw - 32px))}.toast.error{background:#fff3f5;color:#bf4059;border-color:#eeced5}.mailbox-qr-entry{background:#f1f5ff;border-color:#dce6fc;border-radius:12px;padding:22px;gap:22px}.mailbox-qr-entry strong{color:#466aab;font-size:15px}.mailbox-qr-entry p{color:#7d94b8;font-size:13px;line-height:1.9}.mailbox-qr-preview img{border-color:#e0e8f6;border-radius:15px}.mailbox-qr-preview label,.mailbox-qr-preview p{font-size:13px;color:#7b92b5}.mailbox-qr-preview input{background:#f8faff;border-color:#e0e8f6;color:#5275ae;border-radius:9px;font-size:13px}.mailbox-qr-preview .mailbox-local-note{background:#fff6e8;color:#af7f39}
/* Sign-in and recovery share the same visual language. */
.login-screen{min-height:100dvh;background:#f8faff;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.login-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 80%,#315cf54d,transparent 65%),linear-gradient(140deg,#101c35,#1e3568);color:white;padding:48px 54px;min-height:100dvh}.login-art:after{content:"";position:absolute;width:460px;height:460px;border:1px solid #ffffff12;border-radius:50%;right:-140px;bottom:-70px;box-shadow:0 0 0 60px #ffffff03,0 0 0 120px #ffffff03;pointer-events:none}.login-art .brand{padding:0;position:relative;z-index:1}.login-art .brand-mark{width:46px;height:46px}.login-art .brand-name{font-size:21px}.login-hero{position:relative;z-index:1;max-width:560px}.login-hero .eyebrow{color:#8ca9ec;font-size:11px;letter-spacing:2.8px}.login-hero h1{font-size:clamp(34px,3.5vw,56px);font-weight:650;line-height:1.45;letter-spacing:-1.6px;color:#fff;margin:24px 0}.login-hero h1 span{color:#b6cbff}.login-hero p{font-size:15px;color:#91a8d0;line-height:2.1;max-width:460px}.login-badges{gap:10px;margin-top:36px}.feature-mini{border:1px solid #6a8bd13b;background:#3149793d;color:#adbfdf;border-radius:7px;font-size:11px;padding:8px 11px}.login-footer{font-size:10px;color:#708bbb;letter-spacing:1px;z-index:1}.login-form-area{background:#fbfcff;padding:44px;overflow:auto}.login-form{max-width:410px;width:100%}.login-form>.eyebrow{color:#8094b9}.login-form h2{font-size:31px;line-height:1.4;letter-spacing:-1px;font-weight:750;color:#20375c;margin:8px 0 14px}.login-form .subtitle{font-size:13px;line-height:1.9;color:#8395b1;margin-bottom:30px}.login-form .field{margin-bottom:22px}.login-form .btn.primary{width:100%;min-height:48px;font-size:14px;border-radius:10px;margin-top:12px;justify-content:space-between;padding:13px 18px}.login-form .field input{background:white;min-height:48px}.auth-forgot{margin-top:-7px;margin-bottom:20px;text-align:right}.auth-forgot button{font-size:12px;color:#6b89c2}.auth-switch{border-color:#e3eaf5;font-size:12px;color:#8c9db6;padding-top:24px;margin-top:26px;text-align:center}.auth-switch button{color:#597fca;font-size:13px;font-weight:550}.auth-register-links{gap:20px;margin-top:13px}.auth-entry-note{font-size:11px;color:#a0adc2;line-height:1.9}.login-footnote{color:#9baac0;font-size:11px;line-height:1.8;margin-top:24px}.login-footnote .icon{width:14px;height:14px}.registration-tabs,.recovery-tabs{background:#f0f4fc;border:1px solid #e3eaf6;border-radius:10px;padding:4px}.registration-tabs button,.recovery-tabs button{color:#8499bd;font-size:12px;border-radius:7px;padding:10px}.registration-tabs button.active,.recovery-tabs button.active{background:#fff;color:#315cf5;box-shadow:0 2px 5px #1a3b6b08}.registration-role{font-size:13px;color:#6987ba;background:#eff4ff;border-color:#dfe8fc;border-radius:10px;padding:15px}.registration-role span{font-size:11px}.register-note,.owner-entry-explain,.owner-entry-status,.register-success p{font-size:13px;color:#8197b8;line-height:1.9}.success-mark{background:#eaf7f1;color:#379679;border-radius:16px}.recovery-hint{background:#edf3ff;border-color:#dfe8fb;color:#738fb9;font-size:12px;line-height:1.9;border-radius:10px;padding:15px}.recovery-security-note{font-size:11px;color:#94a5be;line-height:1.9}.recovery-identity-tabs{border-color:#e1e8f5}.recovery-choice{background:#fff;border:1px solid #e0e8f6;border-radius:12px;padding:18px 20px;color:#5f7eae}.recovery-choice:hover{border-color:#adc2fa;background:#f6f9ff}.recovery-choice strong{font-size:14px;color:#466ba8}.recovery-choice span{font-size:12px;color:#8a9ebc}.recovery-choice-icon{background:#edf3ff;border-radius:9px;color:#6286ce}.recovery-steps{font-size:12px;color:#8fa2bd}.recovery-steps button{color:#90a1ba}.recovery-steps button.active{color:#315cf5}.recovery-steps button.active span{background:#315cf5;color:#fff}.recovery-step-line{background:#dfe7f4}.owner-recovery-guide,.owner-recovery-button{font-size:12px;border-color:#dfe8f8;color:#7390bc;background:#f5f8ff;border-radius:9px}.recovery-identity-tabs button.active{color:#315cf5;border-color:#315cf5}.verification-notes{font-size:12px;color:#8b9db8;line-height:1.9}.verification-target{background:#f6f9ff;border-color:#dde7f9;color:#6888b8;border-radius:10px}.visit-mode-note{font-size:12px;color:#8b9db8;line-height:1.9}
.nav-scrim{display:none}.skip-link{position:fixed;top:8px;left:250px;z-index:200;background:#fff;padding:10px 16px;border:2px solid #315cf5;border-radius:9px;transform:translateY(-160%);font-size:13px}.skip-link:focus{transform:translateY(0)}
.tab.active{background:transparent;border-color:transparent;border-bottom:2px solid #315cf5;color:#315cf5}.daily-summary-option.selected{background:#edf2ff;border-color:#bdcdfd;box-shadow:inset 0 0 0 1px #d2ddfc;color:#4269c8}.daily-summary-option.selected strong{color:#315cf5}.panel .daily-summary{background:#fafbff;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;border-left:0;border-right:0;border-radius:0;margin-bottom:0}.daily-summary-heading>div{font-size:12px;color:#6d83a8}.daily-summary-heading>div small{font-size:11px;color:#91a0b6}.search-wrap input,.search-wrap input:focus{border:0;box-shadow:none;outline:none;padding:0;height:38px;min-height:38px;width:100%}.search-wrap input::placeholder{color:#99a7bd;font-size:12px}
@media(max-width:820px){.sidebar.open+.nav-scrim{display:block;position:fixed;inset:0;z-index:79;border:0;border-radius:0;background:#0b17375c}.sidebar.open{box-shadow:16px 0 40px #0b173730}.skip-link{left:16px}}
/* Responsive layout: the data grid scrolls, the page itself never does. */
@media(min-width:1700px){.main{padding:38px 44px 28px}.page-head{margin-bottom:32px}.topbar{padding:0 44px}}
@media(max-width:1350px){.sidebar{width:216px;padding-left:12px;padding-right:12px}.workspace{margin-left:216px}.main{padding:28px 24px 22px}.topbar{padding:0 24px}.page-head{align-items:flex-start}.page-head>.actions{max-width:62%}.brand{padding-left:10px;padding-right:10px}.brand-name{font-size:16px}.brand-mark{width:36px;height:36px;font-size:22px}.stats-grid{gap:12px}.stat{padding:20px}.dashboard-middle{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr)}.health-body{gap:24px;padding:22px}.donut{width:120px;height:120px}.login-art{padding:40px}.sales-amount strong{font-size:42px}}
@media(max-width:1080px){.page-head{flex-direction:column;align-items:stretch;gap:20px}.page-head>.actions{max-width:none;justify-content:flex-start}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-middle{grid-template-columns:1fr}.resource-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.date-label{display:none}.health-body{justify-content:flex-start;gap:40px}.legend{min-width:160px}.login-art{padding:32px}.login-form-area{padding:32px}.login-hero h1{font-size:36px}.monitor-account-head{align-items:flex-start;flex-wrap:wrap}.monitor-account-actions{justify-content:flex-start;flex-wrap:wrap}.monitor-metrics{padding:18px;gap:18px}.monitor-metrics>div+div{padding-left:18px}.device-filter-toolbar{grid-template-columns:1fr}.device-sort-field{justify-self:end}.device-filter-fields{grid-template-columns:minmax(150px,1fr) 120px 120px}.table-toolbar>.sort-control{margin-left:auto}}
@media(max-width:820px){.sidebar{position:fixed;top:0;bottom:0;left:0;width:236px;transform:translateX(-100%);transition:transform .2s;z-index:80;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:20px 0 0 100vw #0b17375c}.workspace{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:60px;padding:0 20px}.main{padding:24px 20px}.topbar-right{gap:12px}.login-screen{grid-template-columns:1fr}.login-art{min-height:0;padding:28px 30px 36px;display:block}.login-art .brand{margin-bottom:42px}.login-hero h1{font-size:34px;margin:18px 0}.login-hero p{font-size:13px}.login-footer,.login-badges{display:none}.login-form-area{padding:34px 24px 48px}.login-form{max-width:440px}.login-form h2{font-size:28px}.modal-overlay{padding:20px 14px}.modal{max-height:calc(100dvh - 40px);border-radius:17px}.modal-head{padding:22px 24px}.modal-body{padding:24px}.modal-foot{padding:18px 24px}.bottom-note{flex-wrap:wrap}.monitor-summary-card{padding:20px}.monitor-summary-card>strong{font-size:32px}.resource-overview-card{padding:20px}.settings-grid{grid-template-columns:1fr}.form-grid{gap:20px}.stats-grid{gap:12px}.sales-card-metrics{gap:30px}.sales-secondary-metric{padding-left:30px}}
@media(max-width:600px){h1{font-size:27px;letter-spacing:-.8px}.main{padding:22px 14px}.topbar{padding:0 14px}.crumb{font-size:12px;gap:8px}.topbar-right{gap:9px}.topbar-right>.local-tag{display:none}.page-head{gap:18px;margin-bottom:22px}.page-head p{font-size:13px}.page-head>.actions{gap:8px}.page-head>.actions>.browser-preference{width:100%;justify-content:space-between}.page-head>.actions>.btn{flex-grow:1;justify-content:center;padding:9px 11px;font-size:12px;min-height:40px}.stats-grid{gap:10px}.stat{padding:17px;min-height:142px}.stat-top{font-size:12px;gap:7px;align-items:flex-start}.stat-icon{width:28px;height:28px;border-radius:8px}.stat-number{font-size:31px;margin:15px 0 6px}.stat-number small{font-size:10px;margin-left:4px}.stat-foot{font-size:10px}.resource-overview{gap:10px}.resource-overview-card{padding:16px}.resource-overview-card strong{font-size:28px}.resource-overview-card span{font-size:12px}.resource-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resource-stats>article{padding:17px}.resource-stats>article>span{font-size:12px}.resource-stats>article strong{font-size:28px}.panel{border-radius:13px}.panel-head{padding:18px;min-height:70px;gap:10px}.panel-head h2{font-size:15px}.panel-head p{font-size:11px}.panel-head .btn{font-size:11px;padding:6px 8px}.panel-body{padding:20px 18px}.team-body{padding:20px 18px;gap:18px}.team-title{font-size:12px}.team-title .subtle{font-size:9px;letter-spacing:0}.team-number{font-size:30px}.team-number small{font-size:10px;margin-left:5px}.team-meta{font-size:10px}.team-city{width:29px;height:29px;font-size:13px}.health-body{gap:28px;padding:22px;justify-content:center}.legend{min-width:130px}.legend-row{font-size:12px}.donut{width:120px;height:120px}.sales-summary-card{padding:22px 20px;border-radius:15px}.sales-card-heading{font-size:13px;gap:12px}.sales-card-heading small{font-size:10px}.sales-card-metrics{gap:22px;align-items:center;margin:20px 0}.sales-amount{gap:6px}.sales-amount strong{font-size:32px;letter-spacing:-1px;overflow-wrap:anywhere}.sales-currency{font-size:19px}.sales-unit{display:none}.sales-secondary-metric{padding-left:22px;min-width:85px}.sales-count strong{font-size:27px}.sales-count span{font-size:10px}.sales-metric-label{font-size:11px}.sales-card-foot{font-size:11px;flex-wrap:wrap;gap:9px}.sales-card-foot .btn{font-size:11px}.table-toolbar{padding:16px;gap:12px}.filters{display:flex;flex-wrap:wrap;width:100%;gap:8px}.filters .search-wrap{width:100%;min-width:0}.filters .filter-select{flex:1;min-width:110px}.filters .check-label{font-size:12px}.table-toolbar .subtle{font-size:11px}.table-toolbar>.sort-control{width:100%;justify-content:space-between}.table-wrap th{padding:13px 16px;font-size:11px}.table-wrap td{padding:17px 16px;font-size:13px}.account-name{font-size:14px}.cell-sub{font-size:11px}.device-number{font-size:15px}.table-footer{padding:15px 16px;font-size:11px;gap:10px}.device-filter-toolbar{padding:16px;gap:12px}.device-filter-fields{grid-template-columns:1fr 1fr;gap:8px}.device-filter-fields .search-wrap{grid-column:1/-1;min-width:0}.device-sort-field{justify-self:stretch;display:grid;grid-template-columns:auto minmax(0,1fr)}.device-sort-field select{width:100%}.daily-summary{padding:16px;border-radius:12px}.daily-summary-heading{flex-wrap:wrap;font-size:12px;gap:7px}.daily-summary-heading small{font-size:10px}.daily-summary-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.daily-summary-option{padding:12px;font-size:11px;min-height:57px;gap:8px}.daily-summary-option strong{font-size:22px}.daily-scope-count{font-size:10px}.monitor-summary-grid{grid-template-columns:1fr;gap:10px}.monitor-summary-card{min-height:0;display:grid;grid-template-columns:1fr auto;padding:18px 20px;gap:6px 12px;border-radius:12px}.monitor-summary-card>span{font-size:12px}.monitor-summary-card>strong{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-size:30px}.monitor-summary-card small{display:block;font-size:10px;text-align:right;margin:0}.monitor-summary-card em{grid-column:1;font-size:11px}.monitor-rule{font-size:11px;padding:13px 15px;gap:8px;align-items:flex-start;flex-wrap:wrap}.monitor-account-list{padding:0 16px}.monitor-account{padding:23px 0}.monitor-account-head{gap:15px}.monitor-account-name{font-size:15px}.monitor-metrics{padding:14px;gap:10px;grid-template-columns:1fr 1fr}.monitor-metrics>div+div{padding-left:12px}.monitor-metrics>div:last-child{grid-column:1/-1;padding-left:0;border-left:0;border-top:1px solid #e2e9f6;padding-top:10px}.monitor-metrics span{font-size:10px}.monitor-metrics strong{font-size:26px}.monitor-metrics strong.monitor-time{font-size:11px}.monitor-post-grid{grid-template-columns:1fr;gap:10px}.monitor-post{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:16px}.monitor-post-top{grid-column:1;font-size:10px;margin:0 0 5px}.monitor-post-title,.detail-section .monitor-post-title{grid-column:1;min-height:0;font-size:13px}.monitor-post-date{grid-column:1;font-size:10px;margin:4px 0 0}.monitor-post-views{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;border:0;padding:0;gap:4px;min-width:54px}.monitor-post-views>span{font-size:10px}.monitor-post-views strong{font-size:26px}.monitor-post-state{grid-column:1;font-size:10px}.monitor-posts-empty{font-size:12px;padding:22px 16px}.monitor-job{padding:18px 16px;gap:12px;flex-wrap:wrap}.monitor-job-main{min-width:180px;flex:1}.monitor-job-title{font-size:13px;flex-wrap:wrap}.monitor-job-meta{font-size:11px;gap:8px;flex-wrap:wrap}.monitor-job-icon{width:34px;height:34px}.monitor-alert-banner{padding:16px;flex-wrap:wrap;gap:10px}.monitor-alert-banner strong{font-size:13px}.monitor-alert-banner span{font-size:11px}.modal-overlay{padding:10px 8px}.modal{max-height:calc(100dvh - 20px);border-radius:15px;width:100%}.modal-head{padding:20px}.modal-head h2{font-size:21px}.modal-head p{font-size:12px}.modal-body{padding:21px 20px}.modal-foot{padding:16px 20px;flex-wrap:wrap;gap:10px}.modal-foot .btn{min-height:42px;font-size:13px;padding:10px 14px}.modal-foot .subtle{font-size:11px}.form-grid,.info-grid{grid-template-columns:1fr;gap:20px}.field>label{font-size:13px}.field input,.field select,.field textarea{font-size:16px;min-height:47px;padding:11px 12px}.field input::placeholder{font-size:12px}.form-hint{font-size:12px;padding:15px;line-height:1.9;gap:10px}.steps{padding:16px 20px;gap:10px}.step{font-size:11px}.step span{width:23px;height:23px;font-size:11px}.network-detail-layout{grid-template-columns:1fr}.network-flow,.account-network-reference,.network-proxy-panel{padding:17px}.mailbox-qr-entry{flex-direction:column;align-items:stretch;padding:18px;gap:14px}.mailbox-qr-entry .btn{width:100%}.mailbox-qr-entry strong{font-size:14px}.mailbox-qr-entry p{font-size:12px}.permission-group{padding:17px 16px}.permission-option{font-size:12px;padding:7px 9px}.permission-summary>div{padding:15px}.permission-summary .pill{font-size:10px}.alert-filter-panel{padding:18px}.alert-filter-field{min-width:0}.import-mapping-grid{padding:14px}.import-mapping-row{min-width:0}.import-mapping-row select{max-width:100%}.login-art{padding:26px 24px 30px}.login-art .brand{margin-bottom:32px}.login-hero h1{font-size:30px;letter-spacing:-1px}.login-hero p{font-size:12px}.login-form-area{padding:30px 24px 44px}.login-form h2{font-size:27px}.login-form .subtitle{font-size:12px}.login-form .field input{font-size:16px}.login-form .btn.primary{font-size:14px}.bottom-note{font-size:9px;padding-top:20px}.info-block .value{font-size:14px}.secret-line{font-size:15px}.detail-section{padding-top:20px;margin-top:20px}.batch-bar{flex-wrap:wrap;font-size:12px}.table-wrap .icon-btn{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

body:not(:has(.shell))>.skip-link{display:none}.daily-summary-heading>div>span{font-size:11px;color:#8b9eb9}.resource-overview-card>div>strong{color:#254a80}.sales-count>strong{color:#fff}

/* Device photography: real thumbnails and a local crop studio. */
.network-device-cell img,.network-device-placeholder{width:52px;height:72px;flex:0 0 52px;border:1px solid #dce5f3;border-radius:12px;background:linear-gradient(145deg,#f7faff,#edf2fc);object-fit:contain;padding:5px;color:#6886bd;box-shadow:0 2px 5px #1e3a5f05}.network-device-placeholder .icon{width:24px;height:32px;stroke-width:1.5}.network-device-cell img{background:#fff}.network-detail-photo{border:1px solid #e1e8f4;border-radius:16px;background:#f8faff;object-fit:contain;padding:10px}.device-photo-studio{border:1px solid #dce5f3;border-radius:16px;background:#fff;overflow:hidden}.device-photo-studio>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:19px 22px;border-bottom:1px solid #edf1f7;background:#fafcff}.device-photo-studio strong{font-size:14px;color:#29486f;line-height:1.6}.device-photo-studio p{margin:5px 0 0;color:#8292a9;font-size:12px;line-height:1.8}.photo-local-badge{display:inline-flex;padding:4px 8px;border:1px solid #d8e5fd;border-radius:6px;color:#527ac0;background:#eff5ff;font-size:11px;white-space:nowrap}.device-photo-drop{position:relative;display:flex;align-items:center;gap:24px;margin:20px;padding:22px;border:1px dashed #cddaf0;border-radius:12px;background:#fcfdff;transition:background .15s,border-color .15s}.device-photo-drop.drag-over{background:#edf3ff;border-color:#315cf5;box-shadow:0 0 0 3px #315cf515}.device-photo-preview{width:84px;height:116px;flex:0 0 84px;display:grid;place-items:center;background:linear-gradient(150deg,#eff4ff,#f8faff);border:1px solid #dfe8f9;border-radius:15px;overflow:hidden}.device-photo-preview img{width:100%;height:100%;object-fit:contain;background:#fff;padding:5px}.device-photo-empty{display:grid;place-items:center;color:#688ac9}.device-photo-empty .icon{width:34px;height:50px;stroke-width:1.3}.device-photo-entry{min-width:0;flex:1}.device-photo-entry>small{display:block;font-size:11px;color:#95a3b7;line-height:1.8;margin-top:11px}.photo-entry-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px}.device-photo-studio input.photo-file-input{position:absolute;left:0;bottom:0;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none;clip-path:inset(50%);overflow:hidden}.photo-status{padding:0 22px 20px;min-height:20px;margin:0!important}.photo-status.error{color:#bc3e54}.device-photo-studio [hidden]{display:none!important}.photo-camera-area{margin:0 20px 20px;padding:16px;background:#f3f6fc;border:1px solid #dfe7f4;border-radius:12px}.photo-camera-area video{display:block;max-height:350px;width:100%;background:#111d35;border-radius:9px;object-fit:contain}.photo-crop-tools{padding:0 20px 20px}.photo-crop-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.photo-crop-heading .photo-entry-actions{margin:0}.photo-stage-wrap{display:flex;justify-content:center;padding:16px;background:repeating-conic-gradient(#edf1f7 0% 25%,#f5f7fb 0% 50%) 0 0/18px 18px;border:1px solid #e0e7f2;border-radius:12px}.photo-stage{position:relative;max-width:100%;overflow:visible;line-height:0}.photo-stage canvas{display:block;width:100%;height:100%;border-radius:4px}.photo-stage svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none;overflow:visible;user-select:none}.photo-crop-shade{fill:#0c193987;pointer-events:none}.photo-crop-outline{fill:transparent;stroke:#5f89ff;pointer-events:none}.photo-crop-hit{fill:transparent;stroke:none;pointer-events:all;cursor:grab}.photo-crop-hit:active{cursor:grabbing}.photo-crop-hit:focus-visible{outline:none}.photo-crop-hit:focus-visible+.photo-crop-handle{fill:#d9e5ff}.photo-crop-handle{pointer-events:none;fill:#fff;stroke:#315cf5;cursor:grab;filter:drop-shadow(0 1px 3px #0b214e45)}.photo-crop-handle:active{cursor:grabbing}.photo-crop-handle:focus-visible{fill:#d9e5ff;outline:none}.photo-crop-footer{justify-content:flex-end}.device-photo-studio .btn.small{font-size:12px}.device-photo-studio .btn .icon{width:16px;height:16px}
@media(max-width:600px){.device-photo-studio>header{padding:16px;gap:10px}.device-photo-studio>header p{font-size:11px}.device-photo-drop{margin:14px;padding:16px;gap:16px;align-items:flex-start;flex-wrap:wrap}.device-photo-preview{width:62px;height:86px;flex-basis:62px;border-radius:11px}.device-photo-entry{min-width:170px}.device-photo-entry strong{font-size:13px}.device-photo-entry p{font-size:11px}.photo-entry-actions{gap:8px}.photo-camera-area{margin:0 14px 14px;padding:12px}.photo-crop-tools{padding:0 14px 16px}.photo-stage-wrap{padding:12px}.photo-status{padding:0 16px 16px;font-size:11px!important}.photo-crop-heading strong{font-size:12px}}
/* Search icons share a flex row with text; clear the legacy absolute placement. */
.search-wrap{display:flex;align-items:center;gap:9px;min-width:0}
.search-wrap>svg{position:static;inset:auto;flex:0 0 17px;width:17px;height:17px;pointer-events:none}
.search-wrap>input{flex:1 1 0;min-width:0}
@media(max-width:600px){.resource-overview{grid-template-columns:1fr}.resource-overview-card>div{flex-wrap:wrap;gap:10px}.resource-overview-card>div>span{white-space:nowrap;flex-shrink:0}}
/* Collection modes stay separate from browser verification and permission scopes. */
.collector-preference{background:#edf2ff;border-color:#dce5ff}.collector-preference select{max-width:205px;font-weight:600}.monitor-source-guide{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 24px;background:#fff;border:1px solid #e0e7f4;border-radius:14px;margin-bottom:20px}.monitor-source-guide strong{display:flex;align-items:center;gap:9px;color:#4267ad;font-size:14px}.monitor-source-guide p{font-size:12px;color:#8295b2;line-height:1.9;margin:7px 0 0;max-width:850px}.monitor-source-guide>.subtle{font-size:11px;white-space:nowrap}.monitor-source-label{display:block;color:#8ba0be;font-size:11px;line-height:1.8;margin-top:5px;max-width:270px;overflow-wrap:anywhere}@media(max-width:720px){.monitor-source-guide{align-items:flex-start;flex-direction:column;gap:12px;padding:18px}.monitor-source-guide p{font-size:12px}.collector-preference{width:100%;justify-content:space-between}.collector-preference select{max-width:230px}.monitor-source-label{font-size:10px;max-width:160px}}

/* IP proxy editor: saved configuration is visible without a reveal step. */
.stock-proxy-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.stock-proxy-heading label{margin:0}.stock-proxy-editor textarea{min-height:112px;line-height:1.65;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.stock-proxy-error{padding:12px;border-radius:12px;background:#fff4f4;color:#b42338}.stock-qr-editor{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:22px;border:1px solid #dfe7fb;border-radius:18px;background:#f8faff}.stock-qr-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;background:#fff;border:1px solid #e1e8f5;border-radius:14px;padding:14px;overflow:hidden}.stock-qr-preview .proxy-qr-image{width:160px;max-width:100%;height:auto;max-height:240px;object-fit:contain;border:0;background:white;padding:0}.stock-qr-preview>span,.stock-qr-empty span{font-size:12px;color:#7183a5;text-align:center}.stock-qr-empty{display:flex;flex-direction:column;align-items:center;gap:14px}.stock-qr-empty svg{width:36px;height:36px;color:#8a9ec4}.stock-qr-controls{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-width:0}.stock-qr-controls p{margin:0;color:#7183a5;font-size:13px;line-height:1.6}.stock-qr-controls input{width:100%;min-width:0;background:#fff}.stock-qr-controls input::file-selector-button{border:0;border-radius:8px;padding:9px 12px;margin-right:10px;background:#eaf0ff;color:#315bf5;font:inherit;cursor:pointer}.stock-qr-controls small{line-height:1.6}@media(max-width:600px){.stock-qr-editor{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.stock-qr-preview{width:100%;box-sizing:border-box}.stock-proxy-heading{flex-wrap:wrap}}

.import-link-note{margin-top:6px;font-size:12px;line-height:1.6;color:#315bf5;max-width:320px;overflow-wrap:anywhere}

/* Independent data freshness and readable work samples. */
.monitor-posts-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:20px 0 12px}.monitor-posts-caption strong{color:#173b75;font-size:15px}.monitor-posts-caption span{color:#7a8dab;font-size:12px}.monitor-post .monitor-post-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.65;font-size:15px;min-height:0;max-height:5em;overflow-wrap:anywhere}.monitor-post-copy{font-size:12px;color:#667fa6;margin:10px 0}.monitor-post-copy summary{cursor:pointer}.monitor-post-copy p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;line-height:1.7}.monitor-post-date small{display:block;margin-top:6px;font-size:11px;overflow-wrap:anywhere}.monitor-post-open,.monitor-retry-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.monitor-post-open .btn{font-size:12px;padding:8px 10px}.monitor-metrics small{line-height:1.6}.monitor-notice p{line-height:1.75}@media(max-width:800px){.monitor-post .monitor-post-title{-webkit-line-clamp:3;font-size:14px}.monitor-post-open,.monitor-post-copy{grid-column:1/-1}.monitor-post-date small{font-size:10px}.monitor-posts-caption{align-items:flex-start;flex-direction:column}}

.browser-capture-view{margin-top:18px}.browser-capture-history{border-top:1px solid #e1e8f5;margin-top:22px;padding-top:16px}.browser-capture-history>summary{cursor:pointer;color:#62799e;font-size:14px;padding:6px 0}.browser-capture-history[open]>summary{margin-bottom:18px}

/* Explicit everyday browser preference and matching guidance. */
.desktop-browser-picker{display:flex;flex-direction:column;gap:6px;min-width:220px;max-width:340px}.desktop-browser-picker .browser-preference{justify-content:space-between;gap:12px}.desktop-browser-picker select{max-width:190px}.desktop-browser-status{font-size:12px;line-height:1.5;color:#527ba8;overflow-wrap:anywhere}.desktop-browser-status.mismatch{color:#a46921}@media(max-width:720px){.desktop-browser-picker{width:100%;max-width:none;min-width:0}.desktop-browser-picker select{max-width:210px}}

/* Collection controls form one aligned toolbar, with status outside the fields. */
.page-head:has(.collection-toolbar){flex-direction:column;align-items:stretch;gap:20px}
.page-head>.actions:has(.collection-toolbar){display:block;width:100%;max-width:none;container:collectionActions / inline-size}
.collection-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 20px;width:100%;min-width:0;padding:14px 16px;border:1px solid #e0e7f4;border-radius:14px;background:#fff;box-sizing:border-box}
.collection-toolbar-selectors{display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;max-width:100%}
.collection-toolbar-buttons{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;max-width:100%;margin-left:auto}
.collection-toolbar .browser-preference,.collection-toolbar .btn{height:44px;min-height:44px;box-sizing:border-box;white-space:nowrap;align-items:center}
.collection-toolbar .browser-preference{font-size:12px;padding:0 12px;gap:12px}
.collection-toolbar .browser-preference select{font-size:13px;max-width:210px}
.collection-toolbar .collector-preference select{max-width:195px}
.collection-toolbar-status{flex:0 0 100%;margin:0;line-height:1.5;font-size:12px}
@media(max-width:1280px){.collection-toolbar-buttons{flex-basis:100%;margin-left:0;justify-content:flex-start;order:3}.collection-toolbar-status{order:2}.collection-toolbar-selectors{flex-basis:100%}}
@container collectionActions (max-width:1120px){.collection-toolbar-buttons{flex-basis:100%;margin-left:0;justify-content:flex-start;order:3}.collection-toolbar-status{order:2}.collection-toolbar-selectors{flex-basis:100%}}
@media(max-width:600px){.collection-toolbar{padding:12px;gap:12px}.collection-toolbar-selectors{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.collection-toolbar .browser-preference{width:100%;min-width:0;justify-content:space-between}.collection-toolbar .browser-preference select{max-width:60%;min-width:0}.collection-toolbar-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.collection-toolbar-buttons .btn{width:100%;font-size:12px;justify-content:center;padding:8px}.collection-toolbar-buttons>.btn:last-child:nth-child(odd){grid-column:1/-1}}