.mlops-page{color:#10194a;background:linear-gradient(145deg,#fff,#f5f9ff 55%,#fff);min-height:100vh;padding:18px clamp(18px,4vw,68px) 38px}.mlops-topbar{margin-bottom:28px}.mlops-shell{grid-template-columns:210px minmax(0,1fr);gap:20px;max-width:1540px;margin:auto;display:grid}.mlops-sidebar,.mlops-panel,.mlops-selected{background:#fff;border:1px solid #dbe7f7;border-radius:18px}.mlops-sidebar{height:max-content;padding:14px}.mlops-project-picker{color:#10194a;text-align:right;cursor:pointer;background:#eef5ff;border:0;border-radius:13px;width:100%;padding:13px 34px 13px 12px;position:relative}.mlops-project-picker small,.mlops-project-picker b{display:block}.mlops-project-picker small{color:#7382a6;font-size:var(--text-meta);margin-bottom:5px}.mlops-project-picker b{font-size:var(--text-meta)}.mlops-project-picker>span{color:#174de5;position:absolute;top:22px;left:12px}.mlops-sidebar nav{gap:3px;margin-top:15px;display:grid}.mlops-sidebar nav button{color:#64739a;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px}.mlops-sidebar nav button.active,.mlops-sidebar nav button:hover{color:#174de5;background:#eef5ff}.mlops-workspace{min-width:0}.mlops-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.mlops-heading span{color:#174de5;font-size:var(--text-meta);font-weight:var(--font-weight-bold)}.mlops-heading h1{font-size:var(--text-hero);margin:5px 0}.mlops-heading p{color:#687598;font-size:var(--text-body);margin:0}.mlops-heading-actions{align-items:center;gap:8px;display:flex}.mlops-heading-actions a,.mlops-heading-actions button,.mlops-create-project>button{color:#fff;font-weight:var(--font-weight-semibold);cursor:pointer;background:linear-gradient(110deg,#2430ee,#09c5e7);border:0;border-radius:11px;padding:11px 17px}.mlops-heading-actions a{color:#174de5;background:#fff;border:1px solid #bcd0ef}.mlops-pipeline{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.mlops-pipeline>button{color:#64739a;cursor:pointer;background:#fff;border:1px solid #dbe7f7;border-radius:16px;place-items:center;gap:6px;min-height:120px;padding:12px;display:grid}.mlops-pipeline>button.active{color:#174de5;background:#eef5ff;border-color:#174de5}.mlops-pipeline i{color:#174de5;background:#eef5ff;border-radius:11px;place-items:center;width:35px;height:35px;font-style:normal;display:grid}.mlops-pipeline .done i{color:#fff;background:#15a278}.mlops-pipeline b{font-size:var(--text-meta)}.mlops-pipeline small{font-size:var(--text-meta);text-align:center;line-height:1.7}.mlops-selected{gap:14px;margin:12px 0 18px;padding:12px 15px;display:flex}.mlops-selected b{color:#174de5;font-size:var(--text-meta)}.mlops-selected span{color:#687598;font-size:var(--text-meta)}.mlops-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:16px;display:grid}.mlops-panel{padding:17px}.mlops-panel>header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mlops-panel h2{font-size:var(--text-card);margin:0}.mlops-panel header span{color:#158866;font-size:var(--text-meta);background:#eaf9f4;border-radius:99px;padding:5px 8px}.mlops-table-wrap{overflow-x:auto}.mlops-panel table{border-collapse:collapse;width:100%;font-size:var(--text-meta)}.mlops-panel th,.mlops-panel td{text-align:right;white-space:nowrap;border-bottom:1px solid #e5edf8;padding:10px 7px}.mlops-panel th{color:#7180a4;font-weight:var(--font-weight-regular)}.mlops-model{gap:10px;display:grid}.mlops-model>small{color:#7382a6;font-size:var(--text-meta)}.mlops-model>strong{font-size:var(--text-label)}.mlops-uptime{font-size:var(--text-meta);grid-template-columns:1fr auto;gap:8px;display:grid}.mlops-uptime>i{background:#e6eef9;border-radius:99px;grid-column:1/-1;height:7px;overflow:hidden}.mlops-uptime em{background:linear-gradient(90deg,#174de5,#08bde8);width:96%;height:100%;display:block}.mlops-model code{color:#174de5;font-size:var(--text-meta);overflow-wrap:anywhere;background:#f3f7fc;border-radius:9px;padding:9px}.mlops-model>button{color:#174de5;cursor:pointer;background:#fff;border:1px solid #cfddf2;border-radius:10px;padding:9px}.mlops-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08142a99;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.mlops-modal{background:#fff;border-radius:21px;width:min(520px,100%);max-height:90vh;padding:20px;overflow:auto;box-shadow:0 30px 80px #07142d55}.mlops-modal>header{justify-content:space-between;align-items:center;display:flex}.mlops-modal h2{margin:4px 0 15px}.mlops-modal header small{color:#174de5}.mlops-modal header button{color:#53658f;width:35px;height:35px;font-size:var(--text-button);cursor:pointer;background:#eef3fb;border:0;border-radius:10px}.mlops-existing-project{text-align:right;background:#f3f7ff;border:1px solid #174de5;border-radius:13px;justify-content:space-between;align-items:center;width:100%;padding:13px;display:flex}.mlops-existing-project span>*{display:block}.mlops-existing-project small{color:#7080a4;margin-top:5px}.mlops-existing-project i{color:#15a278}.mlops-create-project{gap:11px;margin-top:18px;display:grid}.mlops-create-project h3{font-size:var(--text-section);margin:0}.mlops-create-project label{color:#53658f;font-size:var(--text-meta);gap:6px;display:grid}.mlops-create-project input,.mlops-create-project select{color:#10194a;width:100%;font:inherit;background:#fff;border:1px solid #cedcf0;border-radius:10px;padding:10px}.mlops-create-project>button:disabled{opacity:.45;cursor:not-allowed}html[data-theme=dark] .mlops-page{color:#edf3ff;background:#080d20}html[data-theme=dark] .mlops-sidebar,html[data-theme=dark] .mlops-panel,html[data-theme=dark] .mlops-selected,html[data-theme=dark] .mlops-pipeline>button,html[data-theme=dark] .mlops-modal{color:#edf3ff;background:#111a31;border-color:#293958}html[data-theme=dark] .mlops-project-picker,html[data-theme=dark] .mlops-sidebar nav button.active,html[data-theme=dark] .mlops-pipeline>button.active,html[data-theme=dark] .mlops-pipeline i{color:#8db0ff;background:#18284b}html[data-theme=dark] .mlops-model code,html[data-theme=dark] .mlops-model>button,html[data-theme=dark] .mlops-create-project input,html[data-theme=dark] .mlops-create-project select{color:#edf3ff;background:#0c1428;border-color:#344563}@media (max-width:900px){.mlops-shell{grid-template-columns:1fr}.mlops-sidebar{display:none}.mlops-pipeline{grid-template-columns:repeat(5,minmax(125px,1fr));padding-bottom:8px;overflow-x:auto}.mlops-grid{grid-template-columns:1fr}}@media (max-width:600px){.mlops-page{padding:10px}.mlops-heading{flex-direction:column;align-items:flex-start}.mlops-heading-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.mlops-heading-actions a,.mlops-heading-actions button{text-align:center}.mlops-selected{flex-direction:column;align-items:flex-start}.mlops-grid{grid-template-columns:1fr}.mlops-pipeline{grid-template-columns:1fr;overflow:visible}}