:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-active:#3730a3;--primary-soft:#eef2ff;--primary-ring:#6366f12e;--bg:#f5f6fa;--surface:#fff;--border:#e6e8ef;--border-strong:#d4d7e0;--text:#171c28;--text-2:#5b6272;--text-3:#9aa1b1;--sidebar-bg:#0b1220;--sidebar-hover:#94a3b814;--sidebar-text:#8b96ab;--sidebar-active-bg:#6366f129;--green:#047857;--green-bg:#ecfdf5;--green-border:#a7f3d0;--amber:#b45309;--amber-bg:#fffbeb;--amber-border:#fde68a;--red:#b91c1c;--red-bg:#fef2f2;--red-border:#fecaca;--indigo:#4f46e5;--indigo-bg:#eef2ff;--indigo-border:#c7d2fe;--gray:#4b5563;--gray-bg:#f3f4f6;--gray-border:#e5e7eb;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 6px 16px -4px #10182814, 0 2px 4px #1018280a;--shadow-lg:0 24px 48px -12px #1018282e;--mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--ease:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0;padding:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.55}h1,h2,h3,h4,p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--mono);font-size:12.5px}.muted{color:var(--text-3)}.layout{min-height:100vh;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.page{flex-direction:column;flex:1;gap:20px;padding:24px 28px 48px;display:flex}.sidebar{background:var(--sidebar-bg);width:236px;color:var(--sidebar-text);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:12px;padding:22px 20px 18px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 55%,#7c3aed 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 14px #6366f173}.brand-name{color:#f1f5f9;letter-spacing:.2px;font-size:14.5px;font-weight:600}.brand-sub{color:#5b6a84;margin-top:1px;font-size:11.5px}.sidebar-section{letter-spacing:.12em;color:#47546c;text-transform:uppercase;padding:14px 20px 6px;font-size:11px}.sidebar-nav{flex-direction:column;gap:2px;padding:4px 12px 20px;display:flex}.nav-item{width:100%;color:var(--sidebar-text);cursor:pointer;text-align:left;transition:background .16s var(--ease), color .16s var(--ease);background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;padding:9px 12px;font-family:inherit;font-size:13.5px;display:flex;position:relative}.nav-item svg{opacity:.85;flex-shrink:0;width:17px;height:17px}.nav-item:hover{background:var(--sidebar-hover);color:#cbd5e1}.nav-item.active{background:var(--sidebar-active-bg);color:#fff;font-weight:500}.nav-item.active:before{content:"";background:#818cf8;border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.sidebar-foot{color:#47546c;border-top:1px solid #94a3b81a;margin-top:auto;padding:16px 20px;font-size:11.5px}.topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#ffffffdb;align-items:center;gap:14px;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{font-size:16px;font-weight:600}.topbar-api{background:var(--gray-bg);border:1px solid var(--border);color:var(--text-2);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;max-width:340px;padding:3px 10px;font-size:11.5px;display:inline-flex;overflow:hidden}.topbar-api .dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all .16s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 15px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;display:inline-flex}.btn svg{width:15px;height:15px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #4f46e559}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){background:var(--primary-active);transform:translateY(.5px)}.btn-outline{background:var(--surface);border-color:var(--border-strong);color:var(--text-2)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--gray-bg);color:var(--text)}.btn-danger{background:var(--surface);border-color:var(--red-border);color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--red-bg)}.btn-sm{border-radius:7px;padding:5px 11px;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.card-title{font-size:14.5px;font-weight:600}.card-desc{color:var(--text-3);margin-top:1px;font-size:12.5px}.card-head-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.card-body{padding:20px}.workbench-overview{flex-direction:column;gap:16px;display:flex}.workbench-app{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;display:grid}.workbench-icon{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);background:var(--gray-bg);width:64px;height:64px}.workbench-icon.fallback{color:var(--primary);background:var(--primary-soft);justify-content:center;align-items:center;font-size:18px;font-weight:650;display:flex}.workbench-app-info{min-width:0}.workbench-app-name{color:var(--text);font-size:18px;font-weight:650}.workbench-app-desc{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;overflow:hidden}.workbench-meta{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.workbench-meta span{border:1px solid var(--border);max-width:100%;color:var(--text-2);background:#f8f9fc;border-radius:7px;align-items:center;padding:3px 8px;font-size:12px;display:inline-flex}.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.overview-metric,.overview-panel{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fbfcff}.overview-metric{padding:12px 14px}.metric-value{color:var(--text);font-size:22px;font-weight:700;line-height:1.1}.metric-label{color:var(--text-3);margin-top:5px;font-size:12px}.overview-panels{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.overview-panel{min-width:0;padding:12px 14px}.overview-panel-title{color:var(--text-3);font-size:12px}.overview-panel-main{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:14px;font-weight:600;overflow:hidden}.overview-panel-sub{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.overview-alerts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.overview-alert{border:1px solid var(--amber-border);border-radius:var(--radius-sm);background:var(--amber-bg);padding:10px 12px}.overview-alert.error{border-color:var(--red-border);background:var(--red-bg)}.overview-alert.info{border-color:var(--indigo-border);background:var(--indigo-bg)}.overview-alert-title{color:var(--text);font-size:12.5px;font-weight:600}.overview-alert-message{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.overview-ok{border:1px solid var(--green-border);border-radius:var(--radius-sm);background:var(--green-bg);color:var(--green);padding:10px 12px;font-size:12.5px;font-weight:500}@media (width<=1100px){.overview-metrics,.overview-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.workbench-app{grid-template-columns:48px minmax(0,1fr);align-items:start}.workbench-icon{width:48px;height:48px}.workbench-app-name{font-size:16px}.overview-metrics,.overview-panels,.overview-alerts{grid-template-columns:1fr}}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.detail-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fbfcff;min-width:0;padding:11px 12px}.detail-item.span-2{grid-column:span 2}.detail-label{color:var(--text-3);font-size:12px}.detail-value{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-weight:500;overflow:hidden}.detail-value.block{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}@media (width<=1100px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.detail-grid{grid-template-columns:1fr}.detail-item.span-2{grid-column:span 1}}.table-scroll{overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--text-2);letter-spacing:.02em;white-space:nowrap;border-bottom:1px solid var(--border);background:#f8f9fc;padding:10px 16px;font-size:12px;font-weight:600}.data-table td{color:var(--text);vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f0f1f5;padding:11px 16px}.data-table tbody tr{transition:background .14s var(--ease)}.data-table tbody tr:hover{background:#f8f9fd}.data-table tbody tr:last-child td{border-bottom:none}.data-table .cell-main{font-weight:500}.data-table .cell-sub{color:var(--text-3);font-size:12px}.data-table .col-actions{text-align:right}.row-actions{gap:6px;display:inline-flex}.app-icon-thumb,.app-icon-fallback{object-fit:cover;vertical-align:middle;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.app-icon-thumb{border:1px solid var(--border);background:var(--bg)}.app-icon-fallback{background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:700}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:500;line-height:1.6;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.badge-green{color:var(--green);background:var(--green-bg);border-color:var(--green-border)}.badge-amber{color:var(--amber);background:var(--amber-bg);border-color:var(--amber-border)}.badge-red{color:var(--red);background:var(--red-bg);border-color:var(--red-border)}.badge-indigo{color:var(--indigo);background:var(--indigo-bg);border-color:var(--indigo-border)}.badge-gray{color:var(--gray);background:var(--gray-bg);border-color:var(--gray-border)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.form-grid .span-2{grid-column:span 2}.device-filter-bar{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px 14px;padding:0 20px 16px;display:grid}.device-filter-bar .field{gap:5px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label{color:var(--text-2);align-items:center;gap:5px;font-size:12.5px;font-weight:500;display:inline-flex}.input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--surface);transition:border-color .16s var(--ease), box-shadow .16s var(--ease);outline:none;padding:8px 12px;font-family:inherit;font-size:13.5px}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}textarea.input{resize:vertical;min-height:74px;line-height:1.5}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235b6272' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}input[type=number].input{appearance:textfield}.compact-input{width:86px;padding:6px 8px}.check-row{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.check-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}.info-tip{border:1px solid var(--border-strong);width:16px;height:16px;color:var(--text-3);background:var(--surface);cursor:help;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.info-tip:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.form-hint{color:var(--text-3);font-size:12px}.form-hint.danger{color:var(--red)}.form-section{border-top:1px dashed var(--border);color:var(--text-3);letter-spacing:.06em;grid-column:span 2;margin-top:4px;padding-top:12px;font-size:12px;font-weight:600}.file-drop{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);min-height:54px;color:var(--text-2);background:#fafbfd;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.file-drop.active{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px #2f6feb1f}.file-drop.filled{border-color:var(--green-border);background:var(--green-bg)}.file-drop input[type=file]{color:var(--text-2);font-size:12.5px}.file-drop-text{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b122073;justify-content:center;align-items:flex-start;padding:8vh 20px 40px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);width:100%;box-shadow:var(--shadow-lg);border-radius:14px;overflow:hidden}.modal-head{border-bottom:1px solid var(--border);align-items:center;padding:16px 22px;display:flex}.modal-head h3{font-size:15px;font-weight:600}.modal-close{width:30px;height:30px;color:var(--text-3);cursor:pointer;transition:all .15s var(--ease);background:0 0;border:none;border-radius:8px;margin-left:auto;font-size:18px;line-height:1}.modal-close:hover{background:var(--gray-bg);color:var(--text)}.modal-body{padding:20px 22px}.modal-foot{border-top:1px solid var(--border);background:#fafbfc;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.modal-enter-active,.modal-leave-active{transition:opacity .18s var(--ease)}.modal-enter-active .modal,.modal-leave-active .modal{transition:transform .18s var(--ease), opacity .18s var(--ease)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal,.modal-leave-to .modal{opacity:0;transform:translateY(10px)scale(.985)}.toast-stack{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.toast{box-shadow:var(--shadow-md);pointer-events:auto;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;max-width:70vw;padding:9px 16px;font-size:13px;font-weight:500;display:flex}.toast svg{flex-shrink:0;width:15px;height:15px}.toast-success{color:var(--green);border-color:var(--green-border);background:#ecfdf5}.toast-error{color:var(--red);border-color:var(--red-border);background:#fef2f2}.toast-enter-active,.toast-leave-active{transition:all .2s var(--ease)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-8px)}.empty-state{color:var(--text-3);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;display:flex}.empty-state svg{opacity:.4;width:40px;height:40px}.empty-state .empty-title{color:var(--text-2);font-size:13.5px;font-weight:500}.empty-state .empty-sub{font-size:12.5px}.login-screen{background:radial-gradient(60% 45% at 18% 8%,#6366f147,#0000 65%),radial-gradient(50% 40% at 85% 90%,#7c3aed38,#0000 65%),radial-gradient(40% 35% at 70% 15%,#38bdf81f,#0000 60%),linear-gradient(160deg,#0b1220 0%,#101a33 55%,#131b36 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fffffff7;border-radius:18px;width:100%;max-width:400px;padding:36px 36px 32px;box-shadow:0 32px 80px -16px #02061799}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:26px;display:flex}.login-brand .brand-mark{border-radius:14px;width:52px;height:52px;font-size:24px}.login-title{color:var(--text);font-size:19px;font-weight:650}.login-sub{color:var(--text-3);font-size:13px}.login-form{flex-direction:column;gap:14px;display:flex}.login-submit{width:100%;margin-top:6px;padding:10px;font-size:14px}.login-foot{text-align:center;color:var(--text-3);margin-top:22px;font-size:11.5px}.sync-panel{border:1px solid var(--indigo-border);border-radius:var(--radius);background:linear-gradient(#eef2ff 0%,#f6f7ff 100%);padding:16px 20px}.sync-panel-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sync-panel-title{color:var(--indigo);font-size:14px;font-weight:600}.sync-stats{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.sync-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px}.sync-stat .num{font-variant-numeric:tabular-nums;font-size:17px;font-weight:650}.sync-stat .lbl{color:var(--text-3);font-size:11.5px}.sync-errors{border-radius:var(--radius-sm);background:var(--red-bg);border:1px solid var(--red-border);color:var(--red);margin-top:12px;padding:10px 14px;font-size:12.5px}.sync-errors li{margin-left:16px}.alert-panel{border:1px solid var(--amber-border);background:var(--amber-bg);border-radius:var(--radius-sm);padding:14px 16px}.alert-panel-error{border-color:var(--red-border);background:var(--red-bg)}.alert-panel-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.alert-panel-title{color:var(--amber);font-size:14px;font-weight:650}.alert-panel-sub{color:var(--text-2);margin-top:2px;font-size:12px}.alert-panel-actions,.alert-row-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.alert-list{gap:10px;display:grid}.alert-list-compact{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.alert-item{border:1px solid var(--amber-border);background:var(--surface);border-radius:var(--radius-sm);padding:12px}.alert-item-error{border-color:var(--red-border)}.alert-item-warning{border-color:var(--amber-border)}.alert-item-read{opacity:.72}.alert-item-main{align-items:flex-start;gap:10px;display:flex}.alert-count{min-width:30px;height:26px;color:var(--surface);background:var(--amber);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-weight:700}.alert-item-error .alert-count{background:var(--red)}.alert-title{font-size:13.5px;font-weight:650}.alert-unread-dot{background:var(--red);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.alert-message{color:var(--text-2);margin-top:2px;font-size:12.5px}.alert-samples{gap:6px;margin-top:10px;display:grid}.alert-sample{background:var(--gray-bg);color:var(--text-2);border-radius:6px;flex-wrap:wrap;gap:6px 10px;padding:7px 9px;font-size:12px;display:flex}.alert-sample-name{color:var(--text);font-weight:600}.alert-sample-error{color:var(--red)}.alert-more{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);min-height:52px;color:var(--text-2);font:inherit;cursor:pointer;background:#ffffffa3;font-size:12.5px}.alert-more:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.alert-detail-list{gap:12px;max-height:min(66vh,620px);padding-right:4px;display:grid;overflow:auto}.alert-detail-item{border:1px solid var(--amber-border);border-radius:var(--radius-sm);background:var(--surface);padding:12px}.alert-detail-head{align-items:flex-start;gap:12px;display:flex}.alert-empty-sample{color:var(--text-3);padding:10px 0 0 40px;font-size:12.5px}@media (width<=760px){.alert-panel-head,.alert-detail-head{flex-direction:column;align-items:stretch}.alert-panel-actions,.alert-row-actions{margin-left:0}}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .16s var(--ease);white-space:nowrap;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:13px}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:500;box-shadow:0 2px 8px #4f46e54d}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .16s var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}::selection{background:#6366f138}