@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#263538;background:#f4f6f5;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-synthesis:none;--teal: #078b82;--teal-dark: #06766f;--teal-pale: #e9f7f5;--ink: #253337;--muted: #788487;--line: #e2e7e6;--sidebar: #18252d;--sidebar-soft: #22333d;--amber: #c67b19;--amber-pale: #fff4df;--red: #c94f48;--red-pale: #fff0ef;--shadow: 0 18px 50px rgba(23, 45, 48, .18)}*{box-sizing:border-box}html,body,#root{min-width:1180px;min-height:100%;margin:0}body{min-height:100vh;background:#f4f6f5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.boot-screen,.login-page{display:grid;min-height:100vh;place-items:center;background:#eef2f1}.boot-screen{align-content:center;gap:12px;color:#687679;font-size:12px}.boot-screen p{margin:0}.spinner{width:28px;height:28px;border:3px solid #d2dedc;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}.login-card{width:min(390px,calc(100vw - 32px));padding:28px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px #172d301f}.login-brand{display:flex;align-items:center;gap:11px;padding-bottom:22px;border-bottom:1px solid var(--line)}.login-brand>div{display:grid;gap:2px}.login-brand strong{color:var(--ink);font-size:15px}.login-brand small{color:#869396;font-size:10px}.login-heading{margin:23px 0 18px}.login-heading h1{margin:0 0 6px;color:var(--ink);font-size:20px}.login-heading p{margin:0;color:#839093;font-size:11px}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:7px;color:#536164;font-size:11px}.login-card input{width:100%;height:38px;padding:0 11px;color:var(--ink);border:1px solid #d7dddc;border-radius:5px;outline:none}.login-card .primary-button{width:100%;min-height:38px;margin-top:4px}.form-error{padding:9px 10px;color:#a6423d;font-size:10px;background:var(--red-pale);border:1px solid #f1cfcc;border-radius:5px}.app-shell{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:100vh;background:#f4f6f5}.main-sidebar{position:sticky;top:0;z-index:4;display:flex;flex-direction:column;height:100vh;padding:0 10px 14px;overflow:hidden;color:#d8e0e3;background:var(--sidebar);border-right:1px solid #111b21}.brand{display:flex;align-items:center;gap:10px;height:67px;padding:0 8px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{display:grid;width:32px;height:32px;place-items:center;color:#fff;background:var(--teal);border-radius:8px}.brand-mark svg{width:20px;height:20px}.brand-copy{display:grid;gap:1px;min-width:0}.brand-copy strong{color:#fff;font-size:13px;letter-spacing:.02em;white-space:nowrap}.brand-copy small{color:#8fa1a8;font-size:10px}.main-sidebar nav{display:grid;gap:3px;padding:13px 0}.nav-item{position:relative;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 10px;color:#aebdc2;text-align:left;background:transparent;border:0;border-radius:6px}.nav-item span{font-size:12px;white-space:nowrap}.nav-item svg{color:#84969d}.nav-item:hover{color:#edf7f6;background:var(--sidebar-soft)}.nav-item.active{color:#fff;background:#0c6f6a}.nav-item.active:before{position:absolute;left:-10px;width:3px;height:22px;content:"";background:#52c7be;border-radius:0 3px 3px 0}.nav-item.active svg{color:#fff}.nav-item b{display:grid;min-width:19px;height:19px;place-items:center;padding:0 4px;color:#ffb0aa;font-size:10px;background:#c94f4833;border-radius:10px}.profile{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;width:100%;margin-top:auto;padding:11px 8px;color:#dfe7e9;text-align:left;background:#111d24;border:1px solid rgba(255,255,255,.06);border-radius:7px}.profile>span:first-child{display:grid;width:32px;height:32px;place-items:center;color:#fff;font-size:12px;background:var(--teal);border-radius:50%}.profile>span:nth-child(2){display:grid;gap:1px}.profile strong{font-size:11px;font-weight:600}.profile small{color:#82949a;font-size:9px}.profile>button{padding:4px 2px;color:#93a5ab;font-size:9px;background:transparent;border:0}.profile>button:hover{color:#fff}.workspace{display:flex;min-width:0;min-height:100vh;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;height:67px;padding:0 25px;background:#fff;border-bottom:1px solid var(--line)}.topbar h1{margin:0;color:var(--ink);font-size:18px;font-weight:600}.topbar div{color:#8a9699;font-size:11px}.toolbar{display:flex;align-items:center;justify-content:space-between;min-height:80px;padding:18px 25px;background:#fff;border-bottom:1px solid var(--line)}.toolbar-controls{display:flex;align-items:center;gap:8px}.error-banner{display:flex;align-items:center;gap:8px;margin:12px 17px -3px;padding:10px 12px;color:#a6423d;font-size:11px;background:var(--red-pale);border:1px solid #efcfcc;border-radius:6px}.error-banner>button{display:grid;width:24px;height:24px;margin-left:auto;place-items:center;padding:0;color:#9b5d59;background:transparent;border:0}.error-banner svg{flex:0 0 auto}.primary-button,.secondary-button,.cancel-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border-radius:5px}.primary-button{padding:0 17px;color:#fff;font-size:12px;font-weight:600;background:var(--teal);border:1px solid var(--teal);box-shadow:0 4px 12px #078b822e}.primary-button:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.secondary-button,.cancel-button{padding:0 13px;color:#526064;font-size:11px;background:#fff;border:1px solid #d7dddc}.secondary-button:hover,.cancel-button:hover{color:var(--teal-dark);border-color:#75bbb6}.icon-button{width:35px;padding:0;color:#718084;background:#fff;border:1px solid #d9dfde}.search-box{position:relative;display:block}.search-box input{width:278px;height:34px;padding:0 36px 0 12px;color:var(--ink);font-size:11px;background:#fff;border:1px solid #d8dedd;border-radius:5px;outline:none}.search-box input:focus,.status-filter select:focus,textarea:focus,input:focus,select:focus{border-color:#63b6b0;box-shadow:0 0 0 3px #078b8214}.search-box svg{position:absolute;top:8px;right:10px;color:#8c999c}.status-filter{display:flex;align-items:center;color:#6e7b7e;font-size:11px}.status-filter select{height:34px;padding:0 27px 0 7px;color:#445255;background:#fff;border:1px solid #d8dedd;border-radius:5px;outline:none}.table-section{display:flex;min-height:0;flex:1;flex-direction:column;margin:15px 17px 20px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 1px 3px #2533370a}.table-intro{display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:0 13px 0 16px;border-bottom:1px solid var(--line)}.table-intro strong{color:#536164;font-size:11px;font-weight:500}.table-scroll{width:100%;min-height:0;flex:1;overflow:auto}table{width:100%;min-width:1480px;border-collapse:collapse;table-layout:fixed}th{height:46px;padding:0 7px;color:#6d787b;font-size:10px;font-weight:500;line-height:1.45;text-align:left;white-space:nowrap;background:#f7f9f8;border-bottom:1px solid var(--line)}td{height:58px;padding:7px;overflow:hidden;color:#4c5a5d;font-size:10px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #eef1f0}tbody tr{transition:background .12s ease}tbody tr:hover,tbody tr.selected{background:#f1faf9}.row-failed{box-shadow:inset 3px 0 #d16b65}tbody tr:last-child td{border-bottom:0}th:nth-child(1),td:nth-child(1){width:34px}th:nth-child(2),td:nth-child(2){width:110px}th:nth-child(3),td:nth-child(3){width:92px}th:nth-child(4),td:nth-child(4){width:64px}th:nth-child(5),td:nth-child(5){width:76px}th:nth-child(6),td:nth-child(6){width:58px}th:nth-child(7),td:nth-child(7){width:82px}th:nth-child(8),td:nth-child(8),th:nth-child(9),td:nth-child(9){width:54px}th:nth-child(10),td:nth-child(10){width:74px}th:nth-child(11),td:nth-child(11){width:57px}th:nth-child(12),td:nth-child(12){width:74px}th:nth-child(13),td:nth-child(13){width:60px}th:nth-child(14),td:nth-child(14){width:64px}th:nth-child(15),td:nth-child(15){width:82px}th:nth-child(16),td:nth-child(16){width:64px}th:nth-child(17),td:nth-child(17){width:72px}th:nth-child(18),td:nth-child(18),th:nth-child(19),td:nth-child(19){width:96px}th:nth-child(20),td:nth-child(20){width:48px}td:nth-child(6){overflow:visible}.select-column{text-align:center}.row-radio{display:inline-block;width:13px;height:13px;border:1px solid #b9c4c5;border-radius:50%}.row-radio.checked{background:var(--teal);border:3px solid #d8f0ed;box-shadow:0 0 0 1px var(--teal)}.appid{color:#6d797c;font-family:Consolas,SFMono-Regular,monospace;font-size:9.5px}.shop-name{color:#2d3b3e;font-weight:500}.note-preview{display:block;width:100%;padding:4px 0;overflow:hidden;color:#909a9c;font-size:9.5px;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:0}.note-preview:hover,.note-preview.filled{color:var(--teal-dark)}.note-preview:not(.filled){text-decoration:underline dotted;text-underline-offset:3px}.money-cell{color:#3f5154;font-variant-numeric:tabular-nums}.score{color:#147f78;font-weight:600}.warning-number{color:var(--red);font-weight:600}.score-tooltip{position:relative;display:inline-flex;padding:5px 2px;outline:none;cursor:help}.score-popover{position:absolute;left:50%;top:calc(100% + 7px);z-index:12;display:none;width:150px;padding:10px 11px;color:#536164;font-size:10px;font-weight:400;background:#fff;border:1px solid #dfe6e4;border-radius:6px;box-shadow:0 10px 28px #172d302e;transform:translate(-50%)}.score-popover:after{position:absolute;top:-6px;left:calc(50% - 5px);width:10px;height:10px;content:"";background:#fff;border-top:1px solid #dfe6e4;border-left:1px solid #dfe6e4;transform:rotate(45deg)}.score-popover b{display:block;margin-bottom:6px;color:var(--ink);font-size:10px}.score-popover>span{display:flex;justify-content:space-between;padding:2px 0;color:#708083}.score-popover strong{color:#237e77}.score-popover strong.warning-number{color:var(--red)}.score-tooltip:hover .score-popover,.score-tooltip:focus .score-popover{display:block}.last-data-row .score-popover{top:auto;bottom:calc(100% + 7px)}.last-data-row .score-popover:after{top:auto;bottom:-6px;border:0;border-right:1px solid #dfe6e4;border-bottom:1px solid #dfe6e4}.order-status-select{width:70px;height:27px;padding:0 5px;font-size:9px;border:1px solid #e1c98f;border-radius:4px;outline:none}.order-status-select.pending{color:#9a6519;background:var(--amber-pale)}.order-status-select.handled{color:#087a72;background:var(--teal-pale);border-color:#b8dfda}.date-cell{color:#7c888b;line-height:1.55}.binding,.syncing-label,.log-result{display:inline-flex;align-items:center;min-height:21px;padding:0 7px;font-size:9px;font-weight:500;border-radius:3px}.binding.bound{color:#087a72;background:var(--teal-pale)}.binding.unbound{color:#b45a3d;background:#fff0e8}.syncing-label{color:#7a6c42;background:#f5f1df}.text-button{padding:3px 4px;color:var(--teal);font-size:10px;background:transparent;border:0}.text-button:hover{color:var(--teal-dark);text-decoration:underline}.row-actions{display:inline-grid;gap:1px;justify-items:start}.danger-text{order:-1;color:var(--red)}.danger-text:hover{color:#a63833}.empty-state{height:160px;color:#899598;text-align:center}.pagination{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 14px;color:#808c8f;font-size:10px;border-top:1px solid var(--line)}.page-controls{display:flex;align-items:center;gap:4px}.page-controls select,.page-controls button{height:27px;min-width:27px;padding:0 7px;color:#647174;font-size:10px;background:#fff;border:1px solid #dfe4e3;border-radius:3px}.page-controls button.current{color:#fff;background:var(--teal);border-color:var(--teal)}.page-controls svg{width:12px;height:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0f1b1f7a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.import-modal,.log-modal{width:min(560px,calc(100vw - 48px));overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.65);border-radius:8px;box-shadow:var(--shadow)}.log-modal{width:min(520px,calc(100vw - 48px))}.import-modal>header,.log-modal>header{display:flex;align-items:flex-start;justify-content:space-between;padding:19px 21px 17px;border-bottom:1px solid var(--line)}.import-modal h2,.log-modal h2{margin:0 0 4px;color:var(--ink);font-size:17px;font-weight:600}.import-modal header p,.log-modal header p{margin:0;color:#849093;font-size:10px}.import-modal header button,.log-modal header button{display:grid;width:30px;height:30px;place-items:center;padding:0;color:#788589;background:#f6f8f7;border:0;border-radius:5px}.import-modal form{display:grid;gap:16px;padding:19px 21px 20px}.import-modal label{display:grid;gap:7px;color:#4c5b5e;font-size:11px;font-weight:500}.import-modal textarea,.import-modal input,.import-modal select{width:100%;padding:9px 10px;color:var(--ink);font-size:11px;background:#fff;border:1px solid #d7dddc;border-radius:5px;outline:none;resize:vertical}.import-modal input,.import-modal select{height:36px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-hint{color:#8a9699;font-size:9.5px;font-weight:400}.security-note{display:flex;align-items:center;gap:7px;padding:10px 11px;color:#4d716e;font-size:10px;background:#eff8f7;border:1px solid #d8eeeb;border-radius:5px}.security-note svg{color:var(--teal)}.import-modal form>footer,.log-modal>footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:1px}.log-summary{display:grid;grid-template-columns:1fr 1.18fr;align-items:start;gap:17px;padding:17px 21px}.log-summary h3{display:flex;align-items:center;gap:7px;margin:0 0 5px;color:var(--ink);font-size:13px;font-weight:600}.log-summary p{margin:0;color:#7f8b8e;font-family:Consolas,monospace;font-size:10px}.log-sync-summary{display:grid;gap:5px;padding-top:1px}.log-sync-summary p{display:flex;align-items:center;font-family:inherit}.log-sync-summary .status-dot{margin-right:7px}.log-sync-summary .log-error{color:#b15049;line-height:1.45}.last-sync{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0 21px 18px;padding:12px 13px;background:#f7f9f8;border:1px solid #e4e8e7;border-radius:6px}.status-dot{width:8px;height:8px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 4px #e4f4f2}.status-dot.warning,.status-dot.partial{background:var(--amber);box-shadow:0 0 0 4px var(--amber-pale)}.last-sync strong{color:#455356;font-size:11px;font-weight:600}.last-sync p{margin:3px 0 0;color:#869194;font-size:9.5px}.log-table-wrap{margin:0 21px;overflow:hidden;border:1px solid var(--line);border-radius:6px}.log-table{min-width:0;table-layout:auto}.log-table th{height:36px;padding:0 11px}.log-table td{height:43px;padding:8px 11px}.log-table th:nth-child(n),.log-table td:nth-child(n){width:auto}.log-table th:first-child,.log-table td:first-child{width:136px}.log-table th:nth-child(2),.log-table td:nth-child(2){width:84px}.log-table th:last-child,.log-table td:last-child{width:72px}.log-result.success{color:#087a72;background:var(--teal-pale)}.log-result.partial{color:#a76512;background:var(--amber-pale)}.log-result.failed{color:#c03c3c;background:#fff0f0}.log-modal>footer{justify-content:space-between;padding:16px 21px 18px;color:#849093;font-size:10px}.notes-modal{width:min(560px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.notes-modal>header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 17px;border-bottom:1px solid var(--line)}.notes-modal>header h2{margin:0;color:var(--ink);font-size:17px;font-weight:600}.notes-modal>header p{margin:5px 0 0;color:#8a9699;font-size:10px}.notes-modal>header>button{display:grid;width:34px;height:34px;place-items:center;color:#829093;background:#f5f7f6;border:0;border-radius:6px}.notes-modal form{display:grid;gap:15px;padding:18px 22px 21px}.notes-modal form>label{display:grid;gap:7px;color:#526064;font-size:11px}.notes-modal form>label>span{display:flex;align-items:center;justify-content:space-between}.notes-modal form>label b{color:#3c4b4e;font-weight:600}.notes-modal form>label small{color:#9aa4a6;font-size:9px;font-variant-numeric:tabular-nums}.notes-modal textarea{width:100%;min-height:94px;padding:10px 11px;resize:vertical;color:var(--ink);font-size:11px;line-height:1.6;border:1px solid #d7dddc;border-radius:6px;outline:none}.notes-hint{margin:-2px 0 0;color:#899598;font-size:9.5px}.notes-modal form>footer{display:flex;justify-content:flex-end;gap:9px;padding-top:2px}.confirm-modal{width:min(430px,calc(100vw - 32px));overflow:hidden;background:#fff;border:1px solid #efd7d5;border-radius:9px;box-shadow:var(--shadow)}.confirm-modal>header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 17px;border-bottom:1px solid var(--line)}.confirm-modal>header h2{margin:0 0 5px;color:var(--ink);font-size:17px;font-weight:600}.confirm-modal>header p{margin:0;color:#7f8b8e;font-size:10px;line-height:1.55}.confirm-modal>header>button{display:grid;width:32px;height:32px;place-items:center;color:#829093;background:#f5f7f6;border:0;border-radius:6px}.delete-shop-summary{display:grid;gap:5px;margin:18px 22px 0;padding:13px 14px;background:var(--red-pale);border:1px solid #f0d2cf;border-radius:6px}.delete-shop-summary strong{color:#663d3a;font-size:12px}.delete-shop-summary span{color:#9a6965;font-family:Consolas,monospace;font-size:10px}.confirm-modal>footer{display:flex;justify-content:flex-end;gap:9px;padding:18px 22px 21px}.danger-button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:0 16px;color:#fff;font-size:11px;font-weight:600;background:var(--red);border:1px solid var(--red);border-radius:5px}.danger-button:hover{background:#ae3f39;border-color:#ae3f39}.traffic-toggle{display:inline-flex;align-items:center;gap:2px}.traffic-toggle svg{transition:transform .14s ease}.traffic-toggle.active svg{transform:rotate(180deg)}.traffic-parent-row>td{border-bottom-color:#9cded8}.traffic-expand-row>td{height:auto;padding:0!important;text-align:left;white-space:normal;background:#f6faf9;border-bottom:1px solid #cfe6e2}.traffic-inline-panel{display:grid;gap:10px;padding:13px 15px 11px;background:linear-gradient(180deg,#f8fbfa,#f3f8f7);box-shadow:inset 0 3px #59c7bd}.traffic-inline-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:1px 1px 0}.traffic-inline-header>div:first-child{display:grid;gap:2px}.traffic-inline-header strong{color:var(--ink);font-size:13px;font-weight:600}.traffic-inline-header span{color:#879396;font-size:9.5px}.traffic-inline-actions{display:flex;align-items:center;gap:7px}.collapse-button{display:inline-flex;height:32px;align-items:center;gap:3px;padding:0 10px;color:#657477;font-size:10px;background:#fff;border:1px solid #dce5e3;border-radius:5px}.collapse-button:hover{color:var(--teal-dark);border-color:#a9d7d2}.range-tabs{display:inline-flex;padding:3px;background:#f3f6f5;border:1px solid #e1e7e5;border-radius:6px}.range-tabs button{min-width:56px;height:26px;padding:0 9px;color:#718084;font-size:10px;background:transparent;border:0;border-radius:4px}.range-tabs button:hover{color:var(--teal-dark)}.range-tabs button.active{color:#087a72;font-weight:600;background:#fff;box-shadow:0 1px 4px #1936391a}.traffic-content{display:grid;gap:9px}.traffic-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.traffic-metric-card{display:grid;min-height:78px;padding:9px 10px 8px;color:#526064;text-align:left;background:#fff;border:1px solid #e0e6e4;border-radius:7px;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.traffic-metric-card:hover{border-color:#9cd7d2}.traffic-metric-card.active{background:#effaf8;border-color:#9bded8;box-shadow:0 0 0 1px #20b3a70f}.traffic-metric-card>span{overflow:hidden;color:#4a585b;font-size:9.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.traffic-metric-card>strong{align-self:end;margin:3px 0 2px;color:#1c2b2e;font-size:17px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.traffic-metric-card>small{overflow:hidden;color:#899598;font-size:8.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.traffic-metric-card>small.positive{color:#15988e}.traffic-chart-panel{padding:9px 11px 5px;background:#fff;border:1px solid #e4e9e7;border-radius:7px}.traffic-chart-panel>div{display:flex;align-items:baseline;justify-content:space-between;padding:0 3px 4px}.traffic-chart-panel>div strong{color:#334245;font-size:11px;font-weight:600}.traffic-chart-panel>div span{color:#95a0a2;font-size:9px}.traffic-chart-wrap{position:relative}.traffic-chart{display:block;width:100%;height:172px}.traffic-chart:hover{cursor:crosshair}.traffic-chart-guide{position:absolute;top:13px;bottom:32px;z-index:1;width:1px;background:#9edbd6;pointer-events:none}.traffic-chart-dot{position:absolute;z-index:2;width:8px;height:8px;background:#20b6aa;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #20b6aa;transform:translate(-50%,-50%);pointer-events:none}.traffic-chart-tooltip{position:absolute;z-index:3;display:grid;min-width:116px;gap:4px;padding:7px 9px;color:#526064;font-size:9px;background:#fffffffa;border:1px solid #dce6e4;border-radius:5px;box-shadow:0 6px 18px #1f373a24;transform:translate(-50%,calc(-100% - 9px));pointer-events:none}.traffic-chart-tooltip b{color:#536164;font-size:9px;font-weight:500}.traffic-chart-tooltip span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#718083}.traffic-chart-tooltip strong{color:#203034;font-size:10px;font-weight:600}.traffic-message{display:flex;min-height:174px;align-items:center;justify-content:center;gap:10px;color:#748185;font-size:11px;background:#fff;border:1px solid #e4e9e7;border-radius:7px}.traffic-message.error{min-height:92px;color:#a6423d;background:var(--red-pale);border-color:#efcfcc}.traffic-message .spinner{width:22px;height:22px}.traffic-inline-panel>footer{color:#8b979a;font-size:8.5px}.toast{position:fixed;right:23px;bottom:23px;z-index:30;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;color:#fff;font-size:11px;background:#203336;border:1px solid #405356;border-radius:6px;box-shadow:0 10px 30px #16282b40}.toast svg{color:#58c6bc}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1280px){.app-shell{grid-template-columns:164px minmax(0,1fr)}.main-sidebar,.nav-item{padding-inline:8px}.toolbar,.topbar{padding-inline:18px}.table-section{margin-inline:12px}.search-box input{width:240px}}@media(max-width:900px){html,body,#root{min-width:0}.app-shell{grid-template-columns:62px minmax(0,1fr)}.main-sidebar{padding-inline:7px}.brand{justify-content:center;padding-inline:0}.brand-copy,.nav-item span,.profile>span:nth-child(2),.profile>svg,.profile>button{display:none}.main-sidebar nav{gap:5px}.nav-item{display:grid;grid-template-columns:1fr;justify-items:center;min-height:42px;padding:0}.nav-item b{position:absolute;top:2px;right:2px;min-width:15px;height:15px;font-size:8px}.nav-item.active:before{left:-7px}.profile{display:grid;grid-template-columns:1fr;justify-items:center;padding:9px 0}.toolbar{flex-wrap:wrap;gap:12px}.toolbar-controls{flex-wrap:wrap;justify-content:flex-end}.search-box input{width:220px}.table-section{margin-inline:10px}.traffic-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.app-shell{grid-template-columns:54px minmax(0,1fr)}.main-sidebar{padding-inline:5px}.brand-mark{width:30px;height:30px}.topbar{height:58px;padding-inline:14px}.topbar h1{font-size:16px}.topbar div{display:none}.toolbar{align-items:stretch;padding:13px 12px}.toolbar>.primary-button{width:100%}.toolbar-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;width:100%}.search-box{grid-column:1 / -1}.search-box input{width:100%}.status-filter span{display:none}.status-filter select{width:100%}.toolbar-controls>.secondary-button{white-space:nowrap}.table-section{margin:10px 8px 15px}.table-intro{min-height:43px}.pagination{align-items:flex-start;gap:10px;overflow:auto;padding-block:10px}.page-controls{min-width:max-content}.modal-backdrop{padding:10px}.import-modal,.log-modal,.notes-modal,.confirm-modal{width:100%;max-height:calc(100vh - 20px);overflow:auto}.form-row,.log-summary{grid-template-columns:1fr}.log-summary{gap:12px}.log-table-wrap{overflow:auto}.log-table{min-width:470px}.traffic-inline-header{align-items:stretch;flex-direction:column}.traffic-inline-actions{justify-content:space-between}.range-tabs{width:100%}.range-tabs button{flex:1}.traffic-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-chart{height:180px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}