:root{--bg-base:#f3f6fb;--bg-surface-1:#fff;--bg-surface-2:#f8fafc;--bg-surface-3:#eef2ff;--brand-primary:#2563eb;--brand-primary-hover:#1d4ed8;--brand-primary-light:#2563eb1f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#dbe5f0;--border-color-light:#e6edf5;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--space-xs:8px;--space-sm:10px;--space-md:14px;--space-lg:20px;--space-xl:28px;--shadow-sm:0 10px 30px #0f172a0d;--shadow-md:0 18px 48px #0f172a1a;--font-family:"Fira Sans","PingFang SC",sans-serif;--font-mono:"Fira Code","SF Mono",monospace;--sidebar-width:252px;--sidebar-collapsed:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:14px}body{font-family:var(--font-family);color:var(--text-primary);background:radial-gradient(circle at top,#fff 0,#f7f9fc 45%,#eef3f9 100%);min-height:100vh;line-height:1.6}#root{min-height:100vh}a{color:var(--brand-primary);text-decoration:none}a:hover{color:var(--brand-primary-hover)}.auth-page{min-height:100vh;padding:var(--space-lg);background:linear-gradient(135deg,#eef4ff,#f8fbff,#eef2ff);justify-content:center;align-items:center;display:flex}.auth-card{border-radius:var(--radius-xl);width:420px;max-width:100%;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #fffc;padding:32px}.auth-card__title{color:var(--text-primary);text-align:center;margin-bottom:4px;font-size:20px;font-weight:700}.auth-card__subtitle{color:var(--text-secondary);text-align:center;margin-bottom:var(--space-lg);font-size:13px}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-form__footer{text-align:center;color:var(--text-secondary);margin-top:var(--space-sm);font-size:13px}.auth-link{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;font-weight:500}.auth-link:hover{color:var(--brand-primary-hover)}.auth-error{border-radius:var(--radius-sm);color:#be123c;text-align:center;background:#fff1f2;border:1px solid #fecdd3;padding:8px 12px;font-size:12px}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.02em;font-size:12px;font-weight:600}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;height:44px;color:var(--text-primary);background:#fff;outline:none;padding:0 14px;font-size:14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:block}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-light)}.form-input::placeholder{color:var(--text-muted)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 12px 24px #2563eb38}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-2);color:var(--text-primary)}.btn-sm{height:32px;padding:0 14px;font-size:12px}.btn-full{width:100%}.layout-sidebar{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border-right:1px solid #e2e8f0cc;grid-template-rows:auto minmax(0,1fr) auto auto;height:100dvh;transition:width .2s,min-width .2s;display:grid;position:sticky;top:0;overflow:hidden}.layout-sidebar.is-collapsed .sidebar{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.sidebar__brand{border-bottom:1px solid var(--border-color-light);cursor:pointer;flex-shrink:0;align-items:center;gap:12px;padding:22px 18px 16px;display:flex}.sidebar__title{color:var(--text-primary);white-space:nowrap;font-size:16px;font-weight:700}.sidebar__nav{height:100%;min-height:0;padding:var(--space-sm) var(--space-xs);scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;align-self:stretch;gap:2px;display:flex;overflow-y:auto}.sidebar__nav::-webkit-scrollbar{width:8px}.sidebar__nav::-webkit-scrollbar-track{background:0 0}.sidebar__nav::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}.sidebar__nav:hover{scrollbar-color:#64748b99 transparent}.sidebar__nav:hover::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b8e6,#64748bd9) padding-box padding-box;border:2px solid #0000;border-radius:999px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748bf2,#475569f2) padding-box padding-box;border:2px solid #0000;border-radius:999px}.sidebar__nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:13px;transition:all .15s;display:flex}.sidebar__nav-item:hover{color:var(--text-primary);background:#eef4ff}.sidebar__nav-item.is-active{color:var(--brand-primary);background:linear-gradient(135deg,#eff6ff,#eef2ff);font-weight:700;box-shadow:inset 0 0 0 1px #2563eb1f}.sidebar__nav-icon{opacity:.7;flex-shrink:0;align-items:center;display:flex}.sidebar__nav-item.is-active .sidebar__nav-icon{opacity:1}.sidebar__nav-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar__dock{background:linear-gradient(#eff6ffeb,#f8fafcfa);border:1px solid #bfdbfee6;border-radius:18px;margin:0 12px 12px;padding:14px;box-shadow:0 12px 24px #2563eb14}.sidebar__dock-label{color:var(--brand-primary);letter-spacing:.06em;font-size:11px;font-weight:800}.sidebar__dock-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.sidebar__dock-btn{height:34px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border:none;border-radius:12px;font-size:12px;font-weight:700;transition:transform .15s,color .15s,background .15s}.sidebar__dock-btn:hover{color:var(--brand-primary);background:#eff6ff;transform:translateY(-1px)}.sidebar__dock-note{color:var(--text-secondary);margin-top:10px;font-size:11px;line-height:1.6}.sidebar__user{border-top:1px solid var(--border-color);background:#f8fafcb3;flex-shrink:0;align-items:center;gap:10px;padding:14px;display:flex}.sidebar__user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.sidebar__user-info{flex-direction:column;gap:4px;min-width:0;display:flex}.sidebar__username{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.sidebar__security{color:#b45309;font-size:11px;font-weight:700}.sidebar__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sidebar__action{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.sidebar__action:hover{color:#1d4ed8}.sidebar__logout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.sidebar__logout:hover{color:#dc2626}.security-notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:12px}.security-notice__title{color:#9a3412;margin-bottom:4px;font-size:13px;font-weight:800}.security-notice__desc{color:#9a3412;font-size:12px;line-height:1.6}.layout-main{flex:1;min-width:0;height:100dvh;padding:24px 28px 32px;overflow-y:auto}.layout-main,.modal__body,.chat-messages,.service-log-list,.deployments-workbench__detail,.services-workbench__detail,.prompt-compare__text,.create-tabs__list{scrollbar-width:thin;scrollbar-color:transparent transparent}.layout-main::-webkit-scrollbar{width:8px;height:8px}.modal__body::-webkit-scrollbar{width:8px;height:8px}.chat-messages::-webkit-scrollbar{width:8px;height:8px}.service-log-list::-webkit-scrollbar{width:8px;height:8px}.deployments-workbench__detail::-webkit-scrollbar{width:8px;height:8px}.services-workbench__detail::-webkit-scrollbar{width:8px;height:8px}.prompt-compare__text::-webkit-scrollbar{width:8px;height:8px}.create-tabs__list::-webkit-scrollbar{width:8px;height:8px}.layout-main::-webkit-scrollbar-track{background:0 0}.modal__body::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-track{background:0 0}.service-log-list::-webkit-scrollbar-track{background:0 0}.deployments-workbench__detail::-webkit-scrollbar-track{background:0 0}.services-workbench__detail::-webkit-scrollbar-track{background:0 0}.prompt-compare__text::-webkit-scrollbar-track{background:0 0}.create-tabs__list::-webkit-scrollbar-track{background:0 0}.layout-main::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}.modal__body::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}.chat-messages::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}.service-log-list::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}.deployments-workbench__detail::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}.services-workbench__detail::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}.prompt-compare__text::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}.create-tabs__list::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}.layout-main:hover,.modal__body:hover,.chat-messages:hover,.service-log-list:hover,.deployments-workbench__detail:hover,.services-workbench__detail:hover,.prompt-compare__text:hover,.create-tabs__list:hover{scrollbar-color:#64748b8c transparent}.layout-main:hover::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b8d1,#64748bc7) padding-box padding-box;border:2px solid #0000;border-radius:999px}.modal__body:hover::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b8d1,#64748bc7) padding-box padding-box;border:2px solid #0000;border-radius:999px}.chat-messages:hover::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b8d1,#64748bc7) padding-box padding-box;border:2px solid #0000;border-radius:999px}.service-log-list:hover::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b8d1,#64748bc7) padding-box padding-box;border:2px solid #0000;border-radius:999px}.deployments-workbench__detail:hover::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b8d1,#64748bc7) padding-box padding-box;border:2px solid #0000;border-radius:999px}.services-workbench__detail:hover::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b8d1,#64748bc7) padding-box padding-box;border:2px solid #0000;border-radius:999px}.prompt-compare__text:hover::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b8d1,#64748bc7) padding-box padding-box;border:2px solid #0000;border-radius:999px}.create-tabs__list:hover::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b8d1,#64748bc7) padding-box padding-box;border:2px solid #0000;border-radius:999px}.layout-main::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748beb,#475569eb) padding-box padding-box;border:2px solid #0000;border-radius:999px}.modal__body::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748beb,#475569eb) padding-box padding-box;border:2px solid #0000;border-radius:999px}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748beb,#475569eb) padding-box padding-box;border:2px solid #0000;border-radius:999px}.service-log-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748beb,#475569eb) padding-box padding-box;border:2px solid #0000;border-radius:999px}.deployments-workbench__detail::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748beb,#475569eb) padding-box padding-box;border:2px solid #0000;border-radius:999px}.services-workbench__detail::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748beb,#475569eb) padding-box padding-box;border:2px solid #0000;border-radius:999px}.prompt-compare__text::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748beb,#475569eb) padding-box padding-box;border:2px solid #0000;border-radius:999px}.create-tabs__list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#64748beb,#475569eb) padding-box padding-box;border:2px solid #0000;border-radius:999px}.page-header{border-radius:var(--radius-xl);justify-content:space-between;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff,#f4f8ff);border:1px solid #e2e8f0e6;flex-wrap:wrap;margin-bottom:18px;padding:24px 26px;display:flex}.page-title{color:var(--text-primary);font-size:24px;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:13px}.panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#ffffffeb;border:1px solid #e2e8f0e6;padding:18px 20px}.grid-3{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.model-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.chat-container{border:1px solid var(--border-color);border-radius:var(--radius-xl);height:calc(100vh - 200px);box-shadow:var(--shadow-sm);background:#fffffff2;flex-direction:column;display:flex;overflow:hidden}.chat-messages{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-msg{gap:10px;max-width:80%;display:flex}.chat-msg.user{flex-direction:row-reverse;align-self:flex-end}.chat-msg__av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.chat-msg__av.user{background:var(--brand-primary);color:#fff}.chat-msg__av.agent{color:var(--text-primary);background:#e2e8f0}.chat-msg__b{border-radius:var(--radius-md);word-break:break-word;padding:10px 14px;font-size:13px;line-height:1.6}.chat-msg.user .chat-msg__b{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-bottom-right-radius:4px}.chat-msg.agent .chat-msg__b{background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-color-light);border-bottom-left-radius:4px}.chat-in{gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--border-color);background:#f8fbff;display:flex}.chat-in textarea{border:1px solid var(--border-color-light);border-radius:var(--radius-sm);height:44px;color:var(--text-primary);resize:none;background:#fff;outline:none;flex:1;padding:12px 14px;font-size:13px}.chat-in textarea:focus{border-color:var(--brand-primary)}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;border-bottom:1px solid var(--border-color-light);color:var(--text-muted);letter-spacing:.04em;padding:12px;font-size:11px;font-weight:700}.tbl td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:12px}.tbl tr:hover td{background:#f8fbff}.tbl .mono{font-family:var(--font-mono);font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;background:#0f172a3d;justify-content:center;align-items:flex-start;padding:60px 16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border-color-light);border-radius:var(--radius-xl);width:680px;max-width:100%;max-height:calc(100vh - 48px);box-shadow:var(--shadow-md);background:#fffffffa;flex-direction:column;display:flex;overflow:hidden}.modal__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.modal__title{color:var(--text-primary);font-size:16px;font-weight:700}.modal__subtitle{color:var(--text-secondary);margin-top:4px;font-size:12px}.modal__body{flex-direction:column;gap:12px;max-height:calc(100vh - 190px);padding:16px 18px;display:flex;overflow-y:auto}.modal__footer{border-top:1px solid var(--border-color);background:#f8fbff;justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid .form-field{margin:0}.form-textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);min-height:100px;color:var(--text-primary);resize:vertical;background:#fff;outline:none;padding:12px 14px;font-size:13px}.form-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-light)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.select{border:1px solid var(--border-color);border-radius:var(--radius-sm);height:44px;color:var(--text-primary);background:#fff;outline:none;padding:0 12px;font-size:13px}.select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-light)}.loading{justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty{text-align:center;color:var(--text-muted);padding:60px 20px}.badge{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-ok{background:var(--brand-primary-light);color:var(--brand-primary)}.badge-warn{color:#c2410c;background:#fff7ed}.badge-err{color:#be123c;background:#fff1f2}.ops-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px;display:grid}.ops-metrics--compact{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ops-metric-card{box-shadow:var(--shadow-sm);background:linear-gradient(#fff,#f8fbff);border:1px solid #e2e8f0e6;border-radius:18px;padding:18px}.ops-metric-card__label{color:var(--text-muted);letter-spacing:.03em;font-size:12px;font-weight:700}.ops-metric-card__value{color:var(--text-primary);margin-top:8px;font-size:28px;font-weight:800}.ops-metric-card__hint{color:var(--text-secondary);margin-top:8px;font-size:12px;line-height:1.6}.ops-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:16px;display:grid}.ops-panel__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.ops-panel__title{color:var(--text-primary);font-size:16px;font-weight:800}.ops-panel__desc{color:var(--text-secondary);margin-top:4px;font-size:12px}.ops-summary{flex-wrap:wrap;gap:8px;display:flex}.ops-service-list{flex-direction:column;gap:10px;display:flex}.ops-service-card{border:1px solid var(--border-color-light);background:#f8fbff;border-radius:16px;padding:14px}.ops-service-card__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ops-service-card__title{color:var(--text-primary);font-size:14px;font-weight:800}.ops-service-card__meta{color:var(--text-muted);margin-top:4px;font-size:12px}.ops-service-card__desc{color:var(--text-secondary);margin:10px 0;font-size:12px;line-height:1.6}.ops-service-card__stats{color:var(--text-secondary);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.ops-service-card__updated{color:var(--text-muted);margin-top:8px;font-size:11px}.ops-event-list{flex-direction:column;gap:12px;display:flex}.ops-event-item{border:1px solid var(--border-color-light);background:#f8fbff;border-radius:14px;align-items:flex-start;gap:12px;padding:12px;display:flex}.ops-event-item__dot{background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:999px;flex-shrink:0;width:10px;height:10px;margin-top:5px}.ops-event-item__label{color:var(--text-primary);font-size:13px;font-weight:700}.ops-event-item__value{color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:1.6}.consumption-list{flex-direction:column;gap:12px;display:flex}.consumption-row{border:1px solid var(--border-color-light);background:#f8fbff;border-radius:16px;grid-template-columns:minmax(180px,260px) 1fr 110px;align-items:center;gap:14px;padding:14px;display:grid}.consumption-row__title{color:var(--text-primary);font-size:14px;font-weight:800}.consumption-row__meta{color:var(--text-secondary);margin-top:4px;font-size:12px}.consumption-row__bar{background:#dbeafe;border-radius:999px;height:12px;overflow:hidden}.consumption-row__bar-fill{background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:999px;height:100%}.consumption-row__bar-fill--violet{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.consumption-row__value{color:var(--text-primary);text-align:right;font-size:13px;font-weight:700}.consumption-presets{flex-wrap:wrap;gap:8px;display:flex}.consumption-preset{height:38px;padding:0 12px}.consumption-preset.is-active{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.consumption-trend{flex-direction:column;gap:12px;display:flex}.consumption-trend__row{grid-template-columns:110px minmax(0,1fr) 190px;align-items:center;gap:12px;display:grid}.consumption-trend__date{color:var(--text-secondary);font-size:12px;font-weight:700}.consumption-trend__bar{background:#e5eefc;border-radius:999px;height:12px;overflow:hidden}.consumption-trend__bar-fill{background:linear-gradient(135deg,#0f766e,#34d399);border-radius:999px;height:100%}.consumption-trend__meta{color:var(--text-secondary);text-align:right;font-size:12px}.dashboard-trend__bar-fill--risk{background:linear-gradient(135deg,#dc2626,#fb7185)}.dashboard-trend__bar-fill--token{background:linear-gradient(135deg,#2563eb,#60a5fa)}.dashboard-alerts{flex-direction:column;gap:12px;display:flex}.dashboard-alert-card{border:1px solid var(--border-color-light);background:#f8fbff;border-radius:16px;padding:14px}.dashboard-alert-card__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.dashboard-alert-card__title{color:var(--text-primary);font-size:14px;font-weight:800}.dashboard-alert-card__meta{color:var(--text-muted);margin-top:6px;font-size:12px}.dashboard-alert-card__desc{color:var(--text-secondary);margin-top:8px;font-size:12px;line-height:1.7}.alerts-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;display:flex}.services-workbench{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:16px;display:grid}.services-workbench__list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.services-workbench__card{cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.services-workbench__card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.services-workbench__card.is-active{border-color:#2563eb59;box-shadow:0 14px 30px #2563eb1f}.services-workbench__detail{min-height:420px}.services-workbench__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.service-log-list{flex-direction:column;gap:12px;display:flex}.service-log-item{border:1px solid var(--border-color-light);background:#f8fbff;border-radius:16px;padding:14px}.service-log-item__top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.service-log-item__time{color:var(--text-muted);font-size:12px}.service-log-item__content{color:var(--text-secondary);font-size:13px;line-height:1.75}.deployments-workbench{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:16px;display:grid}.deployments-workbench__list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.deployments-workbench__card{cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.deployments-workbench__card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.deployments-workbench__card.is-active{border-color:#0f766e59;box-shadow:0 14px 30px #0f766e1f}.deployments-workbench__detail{min-height:420px}.deployments-workbench__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.consumption-summary{flex-direction:column;gap:12px;display:flex}.consumption-summary__item{border:1px solid var(--border-color-light);background:#f8fbff;border-radius:16px;padding:14px}.consumption-summary__label{color:var(--text-muted);font-size:12px;font-weight:700}.consumption-summary__value{color:var(--text-primary);margin-top:8px;font-size:20px;font-weight:800}.consumption-summary__meta{color:var(--text-secondary);margin-top:6px;font-size:12px;line-height:1.6}.audit-summary{border:1px solid var(--border-color-light);background:#f8fbff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.audit-summary__text{color:var(--text-secondary);font-size:12px}.audit-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.audit-pagination__status{color:var(--text-secondary);padding:0 6px;font-size:12px;font-weight:700}.agent-hub{background:linear-gradient(#061224,#08172d);border:1px solid #12233f;border-radius:24px;margin-bottom:16px;padding:18px;box-shadow:0 18px 48px #02061747}.agent-hub__top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.agent-hub__title{color:#f8fbff;font-size:22px;font-weight:800}.agent-hub__desc{color:#8ea4c7;margin-top:6px;font-size:13px}.agent-hub__stats{flex-wrap:wrap;gap:10px;display:flex}.agent-hub__stat{background:#0a182ee6;border:1px solid #173158;border-radius:14px;flex-direction:column;gap:4px;min-width:92px;padding:10px 12px;display:flex}.agent-hub__stat span{color:#8ea4c7;font-size:11px}.agent-hub__stat strong{color:#f8fbff;font-size:20px}.agent-hub__toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.agent-toolbar__row{flex-wrap:wrap;gap:10px;width:100%;display:flex}.agent-toolbar__select{min-width:140px}.agent-hub__search{color:#f8fbff;background:#09182e;border-color:#173158;max-width:360px}.agent-hub__search::placeholder{color:#6f86ab}.agent-hub__error{color:#fca5a5;font-size:12px}.agent-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.agent-tab{color:#aabbd6;cursor:pointer;background:#0b1930;border:1px solid #1b3155;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.agent-tab__dot{border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 2px #ffffff14}.agent-tab em{color:#6f86ab;font-size:11px;font-style:normal}.agent-tab.is-active{color:#062312;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e}.agent-tab.is-active em{color:#062312}.agent-board{flex-direction:column;gap:18px;display:flex}.agent-board__section{flex-direction:column;gap:12px;display:flex}.agent-board__header{justify-content:space-between;align-items:center;display:flex}.agent-board__title-wrap{align-items:center;gap:8px;display:flex}.agent-board__category-dot{border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 3px #ffffff0f}.agent-board__title{color:#f8fbff;font-size:15px;font-weight:800}.agent-board__subtitle{color:#88a0c4;margin-top:4px;font-size:12px}.agent-board__grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px;display:grid}.agent-board__card{background:linear-gradient(#0a1730,#09152b);border:1px solid #13284a;border-radius:14px;flex-direction:column;gap:10px;padding:14px 14px 12px;display:flex;box-shadow:0 12px 30px #02061733}.agent-board__card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.agent-board__card-title{color:#f8fbff;font-size:14px;line-height:1.5}.agent-board__card-actions{flex-shrink:0;gap:8px;display:flex}.agent-check{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:inline-flex;position:relative}.agent-check input{opacity:0;cursor:pointer;position:absolute;inset:0}.agent-check span{background:#09152b;border:1px solid #30507d;border-radius:6px;width:18px;height:18px;display:block}.agent-check input:checked+span{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:inset 0 0 0 3px #08172df2}.agent-link{color:#9fb2d1;cursor:pointer;background:0 0;border:none;font-size:12px}.agent-link:hover{color:#f8fbff}.agent-link--danger{color:#f87171}.agent-board__card-desc{color:#90a3c3;min-height:38px;font-size:12px;line-height:1.6}.agent-board__tags{flex-wrap:wrap;gap:6px;display:flex}.agent-pill{border-radius:999px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.agent-pill--green{color:#86efac;background:#22c55e29}.agent-pill--amber{color:#fcd34d;background:#fbbf2429}.agent-pill--slate{color:#9bb0d1;background:#12253f}.agent-board__footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.agent-board__model{color:#9fb2d1;height:24px;font-size:11px;font-family:var(--font-mono);background:#081428;border:1px solid #244169;border-radius:8px;align-items:center;padding:0 10px;display:inline-flex}.agent-board__footer-actions{gap:8px;display:flex}.create-tabs{border:1px solid var(--border-color-light);background:#f8fbff;border-radius:16px;padding:14px}.create-tabs__label{color:var(--text-secondary);margin-bottom:10px;font-size:12px;font-weight:700}.create-tabs__list{flex-wrap:wrap;gap:8px;max-height:132px;margin-bottom:12px;display:flex;overflow:auto}.create-tab{border:1px solid var(--border-color);height:34px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:999px;padding:0 12px;font-size:12px;font-weight:700}.create-tab.is-active{color:var(--brand-primary);background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2563eb3d}.create-tabs__creator{align-items:center;gap:10px;margin-bottom:12px;display:flex}.create-tabs__creator .form-input{flex:1}.create-tabs__hint{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:12px 14px}.create-tabs__hint-title{color:var(--text-primary);font-size:14px;font-weight:800}.create-tabs__hint-desc{color:var(--text-secondary);margin-top:4px;font-size:12px}.create-tabs__hint-meta{color:var(--text-muted);margin-top:4px;font-size:12px}.form-section{border:1px solid var(--border-color-light);background:#fff;border-radius:16px;padding:14px 14px 4px}.form-section__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.form-section__title{color:var(--text-primary);margin-bottom:10px;font-size:13px;font-weight:800}.form-section__header .form-section__title{margin-bottom:0}.form-section__helper{color:var(--text-muted);margin:-2px 0 10px;font-size:12px}.prompt-optimize__presets{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.prompt-optimize__chip{height:32px;color:var(--brand-primary);cursor:pointer;background:#eff6ff;border:1px solid #2563eb2e;border-radius:999px;padding:0 12px;font-size:12px;font-weight:700}.prompt-optimize__chip:hover{background:#dbeafe}.prompt-optimize__chip.is-favorite{color:#c2410c;background:#fff7ed;border-color:#ea580c38}.prompt-history{border-top:1px dashed var(--border-color);margin-top:12px;padding-top:12px}.prompt-favorites{border-top:none;margin-top:0;margin-bottom:14px;padding-top:0}.prompt-history__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.prompt-history__title{color:var(--text-primary);font-size:13px;font-weight:800}.prompt-history__count{color:var(--text-muted);font-size:12px}.prompt-history__list{flex-direction:column;gap:8px;display:flex}.prompt-history__item{border:1px solid var(--border-color-light);background:#f8fbff;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.prompt-history__meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.prompt-history__badge{color:var(--brand-primary);background:#dbeafe;border-radius:999px;padding:2px 8px;font-weight:700}.prompt-history__badge.is-favorite{color:#c2410c;background:#fff7ed}.prompt-history__preview{color:var(--text-secondary);font-size:12px;line-height:1.6}.prompt-history__actions{flex-wrap:wrap;gap:8px;display:flex}.prompt-compare{border:1px solid var(--border-color-light);background:#f8fbff;border-radius:14px;margin-top:12px;padding:14px}.prompt-compare__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.prompt-compare__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.prompt-compare__panel{border:1px solid var(--border-color-light);background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.prompt-compare__panel.is-history{border-color:#2563eb3d;box-shadow:0 0 0 1px #2563eb0f}.prompt-compare__label{color:var(--text-primary);font-size:13px;font-weight:800}.prompt-compare__block{flex-direction:column;gap:6px;display:flex}.prompt-compare__block-title{color:var(--text-secondary);font-size:12px;font-weight:700}.prompt-compare__text{border:1px solid var(--border-color-light);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;background:#f8fafc;border-radius:10px;max-height:220px;margin:0;padding:10px;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:auto}.category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.category-card{cursor:grab;flex-direction:column;gap:12px;display:flex}.category-card.is-dragging{opacity:.55;transform:scale(.98)}.category-card__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.category-card__dot{border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 4px #2563eb1f}.category-card__title{color:var(--text-primary);font-size:16px;font-weight:800}.category-card__meta{color:var(--text-muted);margin-top:4px;font-size:12px}.category-card__desc{color:var(--text-secondary);min-height:44px;font-size:13px;line-height:1.7}.category-card__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.category-card__time{color:var(--text-muted);font-size:12px}.color-field{align-items:center;gap:10px;display:flex}.color-field__picker{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:12px;width:48px;height:44px;padding:0}@media (width<=768px){.layout-sidebar .sidebar{z-index:300;position:fixed;top:0;left:0}.layout-sidebar.is-collapsed .sidebar{transform:translate(-100%)}.layout-main{padding:var(--space-md) var(--space-sm)}.chat-msg{max-width:95%}.grid-3,.model-grid,.agent-board__grid,.ops-grid{grid-template-columns:1fr}.agent-hub__top,.agent-hub__toolbar{flex-direction:column;align-items:flex-start}.create-tabs__creator{flex-direction:column;align-items:stretch}.prompt-compare__grid,.category-grid,.consumption-row{grid-template-columns:1fr}.consumption-row__value{text-align:left}.consumption-trend__row{grid-template-columns:1fr}.consumption-trend__meta{text-align:left}.audit-pagination,.alerts-actions{justify-content:flex-start}.services-workbench{grid-template-columns:1fr}.services-workbench__actions{justify-content:flex-start}.deployments-workbench{grid-template-columns:1fr}.deployments-workbench__actions{justify-content:flex-start}.category-card__footer,.color-field,.agent-toolbar__row{align-items:stretch}}