: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:100vh;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;flex-direction:column;height:100vh;transition:width .2s,min-width .2s;display:flex;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{padding:var(--space-sm) var(--space-xs);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.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__spacer{flex:1}.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:100vh;padding:24px 28px 32px;overflow-y:auto}.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}.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{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{grid-template-columns:1fr}.category-card__footer,.color-field,.agent-toolbar__row{align-items:stretch}}