:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#fff;--line:#d8e0ea;--muted:#667386;--text:#18212f;--brand:#176b87;--brand-dark:#0f5167;--good:#16835e;--warn:#a36c10;--bad:#b63f35;--shadow:0 14px 36px #2130491f;background:#eef2f6;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:var(--panel);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:16px;padding:24px;display:flex}.login-panel p{color:var(--brand);text-transform:uppercase;letter-spacing:0;margin:0 0 4px;font-size:12px;font-weight:700}.login-panel h1{letter-spacing:0;margin:0;font-size:28px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.muted-text{color:var(--muted);font-size:12px}.app-shell{width:min(1720px,100% - 24px);margin:0 auto;padding:24px 0 40px}.topbar{justify-content:space-between;align-items:center;gap:20px;min-height:88px;display:flex}.topbar p,.panel-title span{color:var(--brand);text-transform:uppercase;letter-spacing:0;margin:0 0 4px;font-size:12px;font-weight:700}.topbar h1,.panel-title h2,.modal h2{letter-spacing:0;margin:0}.topbar h1{font-size:30px}.metrics-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 18px;display:grid}.metric,.panel,.modal{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.metric{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:88px;padding:18px;display:grid}.metric svg{color:var(--brand)}.metric span{color:var(--muted)}.metric strong{font-size:30px}.tabs{gap:8px;margin:0 0 14px;display:flex}.tabs button{border:1px solid var(--line);min-width:110px;height:40px;color:var(--muted);background:#fff;border-radius:8px}.tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}.workspace-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.panel{padding:18px}.panel-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.panel-title h2{font-size:20px}.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;overflow:auto hidden}table{border-collapse:collapse;background:#fff;width:max-content;min-width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap;height:48px;padding:10px 12px}th{color:#4f5d70;background:#f5f8fb;font-size:13px;font-weight:700}tr:last-child td{border-bottom:0}.token-cell{text-overflow:ellipsis;max-width:280px;overflow:hidden}.empty-cell{color:var(--muted);text-align:center}.badge{border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.badge.online,.badge.status-completed{color:var(--good);background:#e6f6ef}.badge.offline,.badge.status-processing{color:var(--warn);background:#fff4dd}.badge.muted{color:var(--muted);background:#edf1f5}.badge.status-failed{color:var(--bad);background:#fdecea}.primary-button,.secondary-button,.icon-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.primary-button,.secondary-button{min-height:38px;padding:0 14px;font-weight:700}.primary-button{background:var(--brand);color:#fff}.primary-button:hover{background:var(--brand-dark)}.secondary-button{border-color:var(--line);color:var(--text);background:#fff}.secondary-button.compact{min-height:32px;padding:0 10px}.icon-button{border-color:var(--line);width:34px;height:34px;color:var(--text);background:#fff}.icon-button.danger,.danger-text{color:var(--bad)}.row-actions{align-items:center;gap:6px;display:flex}.job-filters{grid-template-columns:170px minmax(180px,1fr) minmax(160px,1fr) auto;align-items:end;gap:12px;margin:0 0 14px;display:grid}.layout-filters{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;margin:0 0 14px;display:grid}.layout-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 14px;display:flex}.preview-meta{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 14px;display:grid}.preview-meta div{border:1px solid var(--line);background:#f8fafc;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.preview-meta span{color:var(--muted);font-size:12px}.preview-meta strong .badge{height:28px}.preview-image-wrap{border:1px solid var(--line);background:#f8fafc;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.preview-image-wrap img{object-fit:contain;max-width:100%;max-height:100%;display:block}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px;display:grid}.summary-strip div{border:1px solid var(--line);background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding:12px 14px;display:flex}.summary-strip span,.pagination-bar span{color:var(--muted)}.summary-strip strong{font-size:24px}.pagination-bar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:12px 0;display:flex}.page-actions,.page-size{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-size label{grid-template-columns:auto 76px;align-items:center;gap:8px;min-width:120px;display:grid}.error-box{color:var(--bad);background:#fff3f1;border:1px solid #f2b8b0;border-radius:8px;margin:0 0 14px;padding:12px 14px}.success-box{color:var(--good);background:#f0fff4;border:1px solid #a7d8b4;border-radius:8px;margin:0 0 14px;padding:12px 14px}.modal-layer{z-index:50;background:#121c297a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.preview-layer{overscroll-behavior:contain;padding:0}.modal{width:min(720px,100%);max-height:min(92vh,900px);padding:18px;overflow:auto}.terminal-modal{width:min(620px,100%)}.editor-modal{width:min(1180px,100%)}.layout-modal{border-radius:12px;flex-direction:column;width:min(1280px,100vw - 24px);height:min(94vh,980px);max-height:min(94vh,980px);display:flex;overflow:hidden}.preview-modal{border-radius:0;flex-direction:column;width:min(1180px,100vw);height:100dvh;display:flex;overflow:hidden}.admin-modal{border-radius:12px;width:min(1560px,100vw - 24px);height:auto;max-height:min(94vh,1200px);overflow:auto}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.modal-head p{color:var(--muted);margin:4px 0 0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-action-grid{grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:14px;display:grid}.settings-action-field{flex-direction:column;gap:8px;display:flex}.settings-action-field span{color:var(--muted);font-size:12px;font-weight:700}.settings-action-side{align-items:flex-end;display:flex}.printer-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.printer-action-row{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;display:flex}.instance-list{flex-direction:column;gap:14px;display:flex}.instance-create-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.instance-card{border:1px solid var(--line);background:#fbfdff;border-radius:10px;padding:16px}.instance-card-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.instance-card-title{color:var(--text);font-size:24px;font-weight:800}.instance-card-subtitle{color:#64748b;margin-top:4px}.instance-card-tag{color:#2563eb;margin-top:8px;font-weight:700}.instance-card-statuses{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.instance-card-grid{grid-template-columns:minmax(220px,280px) minmax(240px,320px) minmax(320px,1fr) minmax(240px,320px);align-items:start;gap:12px;display:grid}.instance-field,.instance-info-panel{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:100%;padding:12px}.instance-field span,.instance-info-panel span{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.instance-field-hint{color:#64748b;margin-top:2px;font-size:12px;font-weight:500;line-height:1.5}.instance-info-panel{flex-direction:column;gap:6px;display:flex}.instance-info-panel strong{color:var(--text);font-size:15px}.error-summary{color:var(--bad);background:#fef2f2eb;border:1px solid #b63f353d;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.instance-error-time,.instance-error-text{color:var(--bad)}.instance-url{word-break:break-word;white-space:normal}.instance-inline-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.status-tag-stack{flex-wrap:wrap;gap:6px;max-width:240px;display:flex}.sync-detail-section{margin-top:12px}.sync-detail-title{color:#475569;margin-bottom:8px;font-size:13px}.observed-identities-card{background:#ffffffd1;border:1px solid #94a3b859;border-radius:14px;padding:12px 14px}.observed-identity-line{color:#0f172a;line-height:1.7}.sync-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px;display:grid}.sync-summary-item{border:1px solid var(--line);background:#f8fafc;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.sync-summary-item span{color:var(--muted);font-size:12px}.sync-updated-at{color:var(--muted);margin-top:12px;font-size:12px}.error-detail-modal{width:min(720px,100vw - 32px)}.print-timing-modal{width:min(860px,100vw - 32px)}.error-detail-content{border:1px solid var(--line);max-height:min(55vh,520px);color:var(--text);white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:8px;padding:14px 16px;line-height:1.7;overflow:auto}.instance-card-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:14px;display:flex}.instance-empty{border:1px dashed var(--line);background:#fff;border-radius:10px;padding:28px 16px}.data-table.terminals-table{min-width:1650px}.data-table.dms-admin-table{min-width:1700px}.data-table.jobs-table{min-width:1500px}.data-table.layout-combinations-table{min-width:1280px}.terminals-table td:nth-child(4),.terminals-table td:nth-child(5),.terminals-table td:nth-child(10){white-space:normal;word-break:break-word;max-width:260px}.terminals-table td:nth-child(6){min-width:240px;max-width:320px}.dms-admin-table td:first-child{min-width:190px}.dms-admin-table td:nth-child(2){min-width:220px}.dms-admin-table td:nth-child(3){min-width:240px}.dms-admin-table td:nth-child(4),.dms-admin-table td:nth-child(5){min-width:120px}.dms-admin-table td:nth-child(6){white-space:normal;min-width:380px}.dms-admin-table td:nth-child(7){white-space:normal;min-width:220px}.dms-admin-table td:nth-child(8){min-width:260px}.jobs-table td:nth-child(6){white-space:normal;word-break:break-word;min-width:220px;max-width:280px}.layout-combinations-table td:first-child,.layout-combinations-table td:nth-child(2),.layout-combinations-table td:nth-child(3){min-width:150px}label{color:#4f5d70;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}input,select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--text);background:#fff;border-radius:8px;padding:0 11px}.check-row{flex-direction:row;grid-column:1/-1;align-items:center}.check-row input{width:18px;min-height:18px}.token-input-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.field-error{color:var(--bad);font-size:12px;font-weight:700}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.editor-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px;display:grid}.image-stage{border:1px solid var(--line);-webkit-user-select:none;user-select:none;background:#f8fafc;border-radius:8px;min-height:560px;max-height:70vh;position:relative;overflow:auto}.image-stage img{width:auto;max-width:none;min-height:560px;margin:0 auto;display:block}.image-loading{height:560px;color:var(--muted);justify-content:center;align-items:center;display:flex}.selection-box{pointer-events:none;background:#e0463e1f;border:2px solid #e0463e;position:absolute}.editor-side{flex-direction:column;gap:14px;display:flex}.layout-editor{flex:1;grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:16px;min-height:0;display:grid;overflow:hidden}.layout-canvas-panel{flex-direction:column;gap:12px;min-height:0;display:flex}.layout-canvas-toolbar{border:1px solid var(--line);background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.layout-toolbar-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.layout-canvas-toolbar .secondary-button.is-active{border-color:var(--brand);color:var(--brand);background:#176b8714}.layout-zoom-indicator{text-align:center;color:#16556b;background:#eef6f8;border-radius:8px;min-width:60px;padding:0 10px;font-size:13px;font-weight:800;line-height:34px}.layout-canvas-wrap{border:1px solid var(--line);overscroll-behavior:contain;background:#f8fafc;border-radius:8px;justify-content:center;align-items:flex-start;height:100%;min-height:0;padding:12px;display:flex;position:relative;overflow:auto}.layout-canvas-wrap.is-pan-mode{cursor:grab;background:linear-gradient(#dbeafeb3,#eff6ffe0),#eff6ff;border-color:#2563eb47}.layout-canvas-wrap.is-pan-mode.is-panning{cursor:grabbing}.layout-canvas-wrap.is-annotate-mode{cursor:crosshair;background:linear-gradient(#dcfce7a3,#f0fdf4e0),#f0fdf4;border-color:#16835e47}.layout-canvas-mode-indicator{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;border:1px solid #0000;border-radius:999px;max-width:min(100% - 24px,360px);margin:0;padding:8px 12px;font-size:12px;font-weight:800;line-height:1.4;position:absolute;top:12px;left:12px}.layout-canvas-mode-indicator.is-pan{color:#1d4ed8;background:#fffc;border-color:#2563eb38}.layout-canvas-mode-indicator.is-annotate{color:#166534;background:#ffffffd1;border-color:#16835e38}.layout-canvas{aspect-ratio:607/1039;-webkit-user-select:none;user-select:none;background:#fff;flex:none;width:auto;min-width:0;max-width:100%;height:auto;position:relative;box-shadow:0 10px 24px #0f172a14}.layout-canvas-wrap.is-pan-mode .layout-canvas{cursor:inherit}.layout-canvas img{object-fit:fill;width:100%;height:100%;display:block}.layout-canvas .image-loading{width:100%;height:100%;min-height:0}.layout-box{color:#111827;cursor:move;pointer-events:auto;background:#ffffff29;border:2px solid;justify-content:flex-start;align-items:flex-start;padding:3px 5px;font-size:12px;font-weight:800;display:flex;position:absolute;overflow:visible}.layout-box.is-readonly,.layout-box.is-readonly *{pointer-events:none}.layout-box.active{box-shadow:0 0 0 3px #176b8733}.layout-box-delete{width:22px;height:22px;color:var(--bad);box-shadow:var(--shadow);background:#fff;border:1px solid #0f172a24;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-12px;right:-12px}.layout-box-handle{background:#fff;border:2px solid;border-radius:999px;width:12px;height:12px;padding:0;position:absolute}.layout-box-handle.nw{cursor:nwse-resize;top:-7px;left:-7px}.layout-box-handle.ne{cursor:nesw-resize;top:-7px;right:-7px}.layout-box-handle.sw{cursor:nesw-resize;bottom:-7px;left:-7px}.layout-box-handle.se{cursor:nwse-resize;bottom:-7px;right:-7px}.box-label{background:#176b871c;border-color:#176b87}.box-mask{background:#e0463e24;border-color:#e0463e}.box-source{background:#16835e24;border-color:#16835e}.box-target{background:#a36c1024;border-color:#a36c10}.layout-side{flex-direction:column;gap:14px;min-height:0;padding-right:4px;display:flex;overflow:auto}.layout-legend,.layout-selected-card{border:1px solid var(--line);background:#f8fafc;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.layout-legend-title{color:var(--muted);font-size:12px;font-weight:700}.layout-legend-item{color:var(--text);align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.layout-legend-swatch{border:2px solid;border-radius:6px;width:18px;height:18px}.layout-draw-actions{flex-direction:column;gap:10px;display:flex}.layout-draw-actions .secondary-button.is-active{border-color:var(--brand);color:var(--brand);background:#176b8714}.layout-selected-card>span{color:var(--muted);font-size:12px;font-weight:700}.layout-selected-card>strong{color:var(--text);font-size:15px}.layout-status{border:1px solid var(--line);background:#f8fafc;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;padding:12px;display:grid}.layout-status span{color:var(--muted)}.layout-status strong{text-overflow:ellipsis;overflow:hidden}.rect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=800px){.app-shell{width:min(100% - 20px,1480px);padding-top:14px}.topbar,.panel-title{flex-direction:column;align-items:flex-start}.panel-actions{justify-content:flex-start}.metrics-row,.form-grid,.settings-action-grid,.printer-manage-grid,.job-filters,.layout-filters,.preview-meta,.summary-strip,.instance-create-grid,.instance-card-grid,.editor-layout,.layout-editor{grid-template-columns:1fr}.pagination-bar{flex-direction:column;align-items:flex-start}.token-input-row{grid-template-columns:1fr}.image-stage,.image-stage img,.image-loading{min-height:420px}.admin-modal{border-radius:0;width:min(100vw - 12px,1560px);max-height:100dvh}.layout-modal{border-radius:0;width:min(100vw - 12px,1280px);height:100dvh;max-height:100dvh}.instance-card-head{flex-direction:column}.instance-card-statuses{justify-content:flex-start}.settings-action-side{align-items:stretch}.printer-action-row{flex-direction:column;align-items:stretch}}