:root{--color-bg: #f4f6f8;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-border: #dfe4ea;--color-border-strong: #c7ced8;--color-text: #17202b;--color-text-muted: #637083;--color-primary: #136a60;--color-primary-hover: #0f584f;--color-primary-soft: #e8f5f2;--color-danger: #b42318;--color-danger-soft: #fef3f2;--color-warning: #9a6700;--color-warning-soft: #fff8e1;--color-info: #175cd3;--color-info-soft: #eff8ff;--shadow-panel: 0 1px 2px rgb(16 24 40 / 5%);--radius: 6px;--sidebar-width: 248px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--color-text);background:var(--color-bg);font-size:14px}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}input,select,textarea{width:100%;min-height:38px;padding:8px 10px;color:var(--color-text);background:#fff;border:1px solid var(--color-border-strong);border-radius:var(--radius);outline:none}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #136a601f}label{display:grid;gap:6px;color:#344054;font-size:13px;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.page{min-width:0;padding:28px 32px 48px}.page-stack{display:grid;min-width:0;gap:20px}.panel{min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:12px 18px;border-bottom:1px solid var(--color-border)}.panel-header h2{margin:0;font-size:15px}.panel-body{padding:18px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar .search{width:min(320px,100%)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 12px;border:1px solid transparent;border-radius:var(--radius);font-weight:650}.button svg{width:16px;height:16px}.button-primary{color:#fff;background:var(--color-primary)}.button-primary:hover{background:var(--color-primary-hover)}.button-secondary{color:#344054;background:#fff;border-color:var(--color-border-strong)}.button-danger{color:var(--color-danger);background:#fff;border-color:#f5b8b2}.button-ghost{color:#475467;background:transparent;padding-inline:8px}.button:disabled{opacity:.5;cursor:not-allowed}.icon-button{width:34px;height:34px;padding:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .full{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.field-check{display:flex;align-items:center;gap:9px;min-height:38px}.field-check input{width:16px;min-height:16px;margin:0}.field-hint{color:var(--color-text-muted);font-size:12px;font-weight:400}.field-hint--block{display:block;min-height:34px;margin:4px 0 6px;line-height:1.4}.settings-context{align-self:end;margin:0 0 9px;color:var(--color-text-muted);font-size:12px;line-height:1.5}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{padding:17px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius)}.metric-label{color:var(--color-text-muted);font-size:12px;font-weight:650;text-transform:uppercase}.metric-value{margin-top:10px;font-size:25px;font-weight:750;font-variant-numeric:tabular-nums}.metric-meta{margin-top:5px;color:var(--color-text-muted);font-size:12px}.metric--warning{border-color:#f79009;background:#fffaeb}.metric-value--text{font-size:18px;text-transform:capitalize}.notice{padding:11px 13px;color:#344054;background:var(--color-info-soft);border:1px solid #b2ddff;border-radius:var(--radius)}.error{padding:10px 12px;color:var(--color-danger);background:var(--color-danger-soft);border:1px solid #fecdca;border-radius:var(--radius)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--color-border);color:var(--color-text-muted)}.detail-list{display:grid;grid-template-columns:140px 1fr;gap:12px 18px;margin:0}.detail-list dt{color:var(--color-text-muted)}.detail-list dd{margin:0;font-weight:600;word-break:break-word}.inline-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.thumbnail{width:38px;height:52px;object-fit:cover;background:#eef1f4;border:1px solid var(--color-border);border-radius:4px}.cell-subtext{display:block;max-width:420px;margin-top:3px;overflow:hidden;color:var(--color-text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.cell-subtext--error{max-width:300px;color:var(--color-danger);white-space:normal}.modal-section-title{margin:24px 0 10px;font-size:14px}.operation-box{display:flex;align-items:end;gap:10px;margin-top:20px;padding:14px;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius)}.operation-box label{flex:1}.operations-navigation{display:grid;gap:14px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.operations-navigation-copy{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.operations-kicker{color:var(--color-text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.operations-navigation-copy p{margin:0;color:var(--color-text-muted);font-size:12px}.operations-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.operations-tab{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:11px 12px;color:#475467;text-align:left;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius)}.operations-tab:hover{color:var(--color-primary);border-color:#9bd2c9;background:#f3fbf9}.operations-tab--active{color:var(--color-primary);background:var(--color-primary-soft);border-color:#79bdb3;box-shadow:inset 3px 0 0 var(--color-primary)}.operations-tab svg{flex:0 0 auto;width:17px;height:17px;margin-top:1px}.operations-tab-copy{display:grid;gap:3px;min-width:0}.operations-tab-copy strong{color:inherit;font-size:13px;line-height:1.25}.operations-tab-copy small{color:var(--color-text-muted);font-size:11px;font-weight:400;line-height:1.35}.operations-active-section{display:flex;align-items:center;gap:7px;margin:-4px 0 0;color:var(--color-text-muted);font-size:12px}.operations-active-section strong{color:var(--color-text);font-weight:700}.operations-worker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.operations-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.operations-worker-grid{grid-template-columns:1fr}}@media(max-width:760px){.page{padding:20px 16px 40px}.form-grid,.metric-grid{grid-template-columns:1fr}.panel-header{align-items:flex-start;flex-direction:column}.operations-navigation{padding:13px}.operations-navigation-copy{align-items:flex-start;flex-direction:column;gap:5px}.operations-tabs{display:flex;overflow-x:auto;margin-inline:-2px;padding:2px;scroll-snap-type:x proximity}.operations-tab{flex:0 0 182px;scroll-snap-align:start}}
