:root{--bg-0:#02080d;--glass-1:#0a1e2a85;--glass-2:#0e2a389e;--glass-3:#143c4ead;--border:#78dcf01a;--border-strong:#78dcf038;--text:#e7fbff;--text-dim:#93bfcc;--text-faint:#527384;--accent:#5fd8e0;--accent-rgb:95, 216, 224;--accent-soft:#5fd8e024;--danger:#ff8b8b;--danger-rgb:255, 139, 139;--ok:#7be0a3;--glow-1:#021622c7;--glow-2:#010a10eb;--ambient-glow:radial-gradient(900px 580px at 15% 0%, #5fd8e01f, transparent 58%), radial-gradient(700px 500px at 95% 100%, #3c8cc81a, transparent 62%);--active-glow:0 0 10px #5fd8e073;--hover-hint:#5fd8e012;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-label:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--display-size:30px;--display-weight:500;--display-tracking:-.02em;--display-style:italic;--display-leading:1.05;--body-size:14px;--body-weight:400;--body-tracking:.005em;--label-size:10px;--label-weight:500;--label-tracking:.22em;--label-transform:uppercase;--topbar-h:48px;--sidebar-w:184px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#000}.app{min-height:100vh;font-family:var(--font-body);font-size:var(--body-size);font-weight:var(--body-weight);letter-spacing:var(--body-tracking);background:var(--ambient-glow,transparent), linear-gradient(180deg, var(--glow-1), var(--glow-2)), url(https://mcp.lifeandlogic.ai/assets/login-bg.jpg) center/cover fixed no-repeat, var(--bg-0);position:relative}@media (prefers-reduced-transparency:reduce){:root{--glass-1:#071a24;--glass-2:#0a2532;--glass-3:#0d3040}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.topbar{z-index:20;height:var(--topbar-h);-webkit-backdrop-filter:blur(22px)saturate(150%);border-bottom:1px solid var(--border);background:#04101899;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #ffffff08,0 8px 20px #00000080,0 18px 40px #0006}.topbar-left{align-items:center;gap:28px;height:100%;display:flex}.brand{align-items:center;gap:10px;height:100%;display:flex}.brand-name{font-family:var(--font-display);font-size:22px;font-weight:var(--display-weight);letter-spacing:-.01em;font-style:var(--display-style);color:var(--text);align-items:center;gap:8px;line-height:1;display:inline-flex}.brand-version{font-family:var(--font-label);color:var(--text-dim);border:1px solid var(--border);letter-spacing:.12em;text-transform:uppercase;background:#ffffff0a;border-radius:999px;padding:2px 7px;font-size:10px;font-style:normal;font-weight:500}.top-nav{align-items:center;gap:2px;height:100%;display:flex}.top-nav-item{height:100%;font-family:var(--font-label);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 14px;font-size:11px;font-weight:500;transition:color .16s,text-shadow .2s;display:inline-flex;position:relative}.top-nav-item:hover{color:var(--text)}.top-nav-item.active{color:var(--text);text-shadow:var(--active-glow,none)}.top-nav-item.active:after{content:"";border-bottom:1.5px dotted rgba(var(--accent-rgb), .9);height:0;position:absolute;bottom:6px;left:14px;right:14px}.top-right{align-items:center;gap:8px;display:flex}.icon-ghost{width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .14s,background .16s;display:inline-flex}.icon-ghost:hover{color:var(--text);background:#ffffff0a}.icon-ghost svg{width:16px;height:16px}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:calc(100vh - var(--topbar-h));grid-template-areas:"side workspace";display:grid}.sidebar{-webkit-backdrop-filter:blur(8px)saturate(110%);top:var(--topbar-h);height:calc(100vh - var(--topbar-h));z-index:5;background:linear-gradient(#ffffff06,#ffffff01 40%,#fff0 100%);border-right:1px solid #ffffff0a;flex-direction:column;grid-area:side;gap:4px;padding:32px 20px;display:flex;position:sticky;box-shadow:inset 1px 0 #ffffff05,18px 0 40px -20px #0009,4px 0 16px -8px #00000080}.sidebar-group{flex-direction:column;gap:2px;display:flex}.sidebar-group+.sidebar-group{border-top:1px solid #ffffff0a;margin-top:18px;padding-top:18px}.sidebar-group-label{font-family:var(--font-label);letter-spacing:.24em;text-transform:uppercase;color:var(--text-faint);padding:0 4px 10px;font-size:9px;font-weight:500}.nav-item{color:var(--text-dim);cursor:pointer;font-family:var(--font-label);letter-spacing:.16em;text-transform:uppercase;text-align:left;background:0 0;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:10px;padding:6px 8px 6px 4px;font-size:10px;font-weight:500;transition:color .16s,background .18s;display:inline-flex;position:relative}.nav-item:hover{color:var(--text);background:var(--hover-hint)}.nav-item:hover .nav-icon{color:var(--accent)}.nav-item.active{color:var(--text);text-shadow:var(--active-glow,none)}.nav-item.active .nav-icon{color:var(--accent)}.nav-item.active:after{content:"";border-bottom:1.5px dotted rgba(var(--accent-rgb), .9);height:0;box-shadow:0 1px 8px rgba(var(--accent-rgb), .4);position:absolute;bottom:2px;left:24px;right:8px}.nav-icon{width:14px;height:14px;color:var(--text-faint);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.nav-icon svg{width:13px;height:13px;display:block}.workspace{grid-area:workspace;min-width:0;padding:28px 28px 64px}.workspace-header{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.workspace-header-left{flex:1;min-width:0}.workspace-eyebrow{font-family:var(--font-label);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);margin:0 0 6px;font-size:10px;font-weight:500}.workspace-title{font-family:var(--font-display);font-size:var(--display-size);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);font-style:var(--display-style);line-height:var(--display-leading);color:var(--text);margin:0}.workspace-subtitle{font-family:var(--font-body);color:var(--text-dim);max-width:560px;margin:6px 0 0;font-size:13px}.workspace-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.statusbar{left:var(--sidebar-w);z-index:15;font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);pointer-events:none;background:linear-gradient(#020a1000 0%,#020a10cc 100%);align-items:center;gap:18px;padding:10px 28px;font-size:11px;display:flex;position:fixed;bottom:0;right:0}.statusbar b{color:var(--text);font-weight:600}.status-spacer{flex:1}@media (width<=1280px){:root{--sidebar-w:168px}}@media (width<=820px){:root{--sidebar-w:64px}.topbar-left{gap:14px}.brand-version{display:none}.sidebar{padding:20px 10px}.sidebar-group-label{display:none}.nav-item{letter-spacing:.1em;font-size:9px}.top-nav{gap:0}.top-nav-item{padding:0 10px}}@media (width<=640px){body{overflow:auto}.shell{grid-template-columns:1fr;grid-template-areas:"workspace"}.sidebar,.top-nav{display:none}.workspace{padding:18px 14px 80px}.statusbar{padding:10px 14px;left:0;right:0}}.btn-glass{min-height:38px;font-family:var(--font-body);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(130%);background:linear-gradient(#ffffff0d,#ffffff05),#0a16208c;border:1px solid #ffffff17;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:transform .12s,background .16s,border-color .16s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 8px 18px #00000073,0 2px 6px #00000059}.btn-glass:hover{background:linear-gradient(#ffffff14,#ffffff08),#0e1c2899;border-color:#ffffff24}.btn-glass:active{transform:translateY(1px)}.btn-glass:disabled{opacity:.55;cursor:default;transform:none}.btn-glass.primary{background:linear-gradient(#ffffff17,#ffffff08),#0e202c99;border-color:#ffffff24}.btn-glass.primary:hover{background:linear-gradient(#ffffff1f,#ffffff0a),#122634a6;border-color:#fff3}.btn-glass.btn-danger{color:#ffb3b3;background:linear-gradient(#ff646417,#ff646405),#2810128c;border-color:#ff787838}.btn-glass.btn-danger:hover{color:#ffd0d0;border-color:#ff8c8c59}.btn-glass.compact{min-height:30px;padding:7px 12px;font-size:12px}.btn-glass svg{width:14px;height:14px}.input-glass{width:100%;font-family:var(--font-body);color:var(--text);border:1px solid var(--border);background:#0410188c;border-radius:10px;outline:none;padding:11px 14px;font-size:14px;transition:border-color .16s,box-shadow .16s}.input-glass::placeholder{color:var(--text-faint)}.input-glass:focus{border-color:rgba(var(--accent-rgb), .5);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .12)}.input-glass:disabled{opacity:.6}select.input-glass{appearance:none;background-color:#0410188c;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%2393bfcc' d='M6 8 0 0h12z'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}textarea.input-glass{resize:vertical;min-height:80px;font-family:var(--font-body);line-height:1.5}.field-label{font-family:var(--font-label);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px;font-size:10px;font-weight:500;display:block}.field-row{flex-wrap:wrap;gap:12px;display:flex}.field-row>.field{flex:200px;min-width:0}.field-help{color:var(--text-faint);margin:6px 0 0;font-size:12px;line-height:1.5}.card-glass{background:var(--glass-1);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px)saturate(135%);border-radius:18px;padding:26px 28px;box-shadow:inset 0 1px #ffffff0d,0 40px 90px #0000008c,0 18px 40px #00000073,0 4px 10px #00000059}.card-glass+.card-glass{margin-top:20px}.card-title{font-family:var(--font-display);font-size:18px;font-weight:var(--display-weight);font-style:var(--display-style);letter-spacing:-.01em;color:var(--text);margin:0 0 6px}.card-subtitle{color:var(--text-dim);margin:0 0 18px;font-size:13px;line-height:1.55}.card-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.badge{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .28);border-radius:999px;align-items:center;padding:3px 10px;font-size:10px;font-weight:500;display:inline-flex}.badge.muted{color:var(--text-faint);border-color:var(--border);background:#ffffff0a}.badge.warn{color:#f0c674;background:#f0c67414;border-color:#f0c67447}.badge.danger{background:rgba(var(--danger-rgb), .08);color:var(--danger);border-color:rgba(var(--danger-rgb), .3)}.badge.ok{color:var(--ok);background:#7be0a314;border-color:#7be0a347}.status-message{font-family:var(--font-body);color:var(--text-dim);margin:0;font-size:13px;line-height:1.55}.status-message.error{color:var(--danger)}.status-message.success{color:var(--ok)}.records-table{border-collapse:separate;border-spacing:0;width:100%}.records-table thead th{font-family:var(--font-label);text-align:left;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border);background:#ffffff04;padding:12px 14px;font-size:10px;font-weight:500}.records-table tbody td{color:var(--text);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px;font-size:13px}.records-table tbody td.mono{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.records-table tbody td.tight{white-space:nowrap}.records-table tbody tr{transition:background .14s}.records-table tbody tr.is-clickable{cursor:pointer}.records-table tbody tr.is-clickable:hover{background:rgba(var(--accent-rgb), .04)}.records-table tbody tr:last-child td{border-bottom:none}.records-empty{text-align:center;color:var(--text-faint);padding:28px 0;font-size:13px}.kv{grid-template-columns:max-content 1fr;gap:10px 18px;margin:0;display:grid}.kv dt{font-family:var(--font-label);letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);align-self:center;font-size:10px;font-weight:500}.kv dd{color:var(--text);font-size:13px;font-family:var(--font-mono);word-break:break-all;margin:0}.progress{border:1px solid var(--border);background:#02080d99;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s,background .3s}.progress-fill.warn{background:#f0c674}.progress-fill.danger{background:var(--danger)}pre.json{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text);white-space:pre;background:#02080d99;border-radius:10px;max-height:420px;padding:14px 16px;font-size:12px;line-height:1.5;overflow:auto}code{font-family:var(--font-mono);color:var(--text);background:#5fd8e014;border-radius:4px;padding:2px 6px;font-size:12px}.muted{color:var(--text-faint);font-size:12px}.error-text{color:var(--danger);margin-top:8px;font-size:13px}.ok-text{color:var(--ok);margin-top:8px;font-size:13px}.tag{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--border-strong);color:var(--text-dim);border-radius:999px;padding:2px 8px;font-size:10px;display:inline-block}.tag.ok{color:var(--ok);border-color:#7be0a34d}.tag.warn{color:#f0c674;border-color:#f0c6744d}.tag.err{color:var(--danger);border-color:rgba(var(--danger-rgb), .3)}.row{align-items:center;gap:12px;display:flex}.row.wrap{flex-wrap:wrap}.login{background:var(--ambient-glow,transparent), linear-gradient(180deg, var(--glow-1), var(--glow-2)), url(https://mcp.lifeandlogic.ai/assets/login-bg.jpg) center/cover fixed no-repeat, var(--bg-0);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.login-brand{z-index:2;align-items:center;gap:10px;display:inline-flex;position:fixed;top:24px;left:28px}.login-brand-name{font-family:var(--font-display);font-size:22px;font-style:italic;font-weight:var(--display-weight);letter-spacing:-.01em;color:var(--text);align-items:baseline;gap:8px;line-height:1;display:inline-flex}.login-brand-tag{font-family:var(--font-label);letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);background:#ffffff0a;border-radius:999px;padding:3px 9px;font-size:10px;font-style:normal;font-weight:500}.login-card{background:var(--glass-1);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px)saturate(135%);border-radius:18px;width:min(940px,100%);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 40px 90px #0000008c,0 18px 40px #00000073,0 4px 10px #00000059}.login-split{grid-template-columns:1.05fr 1fr;min-height:520px;display:grid}.login-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:320px;position:relative}.login-hero:before{content:"";background:linear-gradient(#020c141a 0%,#020c14a6 100%),linear-gradient(90deg,#020c140d 60%,#020c1459 100%);position:absolute;inset:0}.login-hero-overlay{color:var(--text);position:absolute;bottom:32px;left:32px;right:32px}.login-hero-eyebrow{font-family:var(--font-label);letter-spacing:.28em;text-transform:uppercase;color:#e7fbffbf;margin:0 0 10px;font-size:10px;font-weight:500}.login-hero-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);text-shadow:0 2px 16px #00000073;margin:0;font-size:32px;font-style:italic;font-weight:500;line-height:1.08}.login-hero-sub{font-family:var(--font-body);color:#e7fbffc7;max-width:30ch;margin:14px 0 0;font-size:13px;line-height:1.55}.login-panel{background:linear-gradient(#ffffff08,#fff0 60%);justify-content:center;align-items:center;padding:40px;display:flex}.login-panel-inner{flex-direction:column;gap:14px;width:100%;max-width:320px;display:flex}.login-eyebrow{font-family:var(--font-label);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin:0;font-size:10px;font-weight:500}.login-title{font-family:var(--font-display);font-size:34px;font-weight:var(--display-weight);letter-spacing:-.015em;color:var(--text);margin:0;font-style:italic;line-height:1.05}.login-helper{color:var(--text-dim);margin:0;font-size:13px;line-height:1.55}.login-helper code{font-size:11px}.login-field{flex-direction:column;gap:6px;margin-top:6px;display:flex}.login-field-label{font-family:var(--font-label);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);font-size:10px;font-weight:500}.login-submit{width:100%;margin-top:4px}.login-fineprint{color:var(--text-faint);font-size:11px;line-height:1.5;font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;margin:4px 0 0}@media (width<=760px){.login-split{grid-template-columns:1fr}.login-hero{min-height:180px}.login-panel{padding:28px}.login-brand{top:18px;left:20px}}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);background:#02080d9e;justify-content:center;align-items:flex-start;padding:64px 24px 24px;animation:.16s ease-out modalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-shell{border:1px solid var(--border);-webkit-backdrop-filter:blur(22px)saturate(140%);background:linear-gradient(#081822f0,#040e16f0);border-radius:18px;width:100%;max-width:880px;animation:.2s ease-out modalSlideIn;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 0 1px #78dcf00a}.modal-header{border-bottom:1px solid var(--border);background:linear-gradient(#5fd8e00a,#0000);justify-content:space-between;align-items:flex-start;padding:22px 28px 18px;display:flex}.modal-title{font-family:var(--font-display);color:var(--text);margin:0 0 4px;font-size:26px;font-style:italic;font-weight:500;line-height:1.1}.modal-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:11px}.modal-subtitle{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.modal-close{border:1px solid var(--border);width:32px;height:32px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.modal-close svg{width:14px;height:14px}.modal-close:hover{color:var(--text);background:#5fd8e00f;border-color:#78dcf052}.modal-body{max-height:calc(100vh - 200px);padding:22px 28px 28px;overflow-y:auto}.modal-body>.card-glass{background:#ffffff06;margin-top:16px}.modal-body>.card-glass:first-child{margin-top:0}@media (width<=720px){.modal-backdrop{padding:24px 12px 12px}.modal-shell{border-radius:14px}.modal-header,.modal-body{padding-left:18px;padding-right:18px}}.cred-row{border:1px solid var(--border);background:#ffffff04;border-radius:10px;margin-top:14px;padding:14px}.cred-row+.cred-row{margin-top:10px}.cred-row-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.cred-row-head .field-label{margin-bottom:0}.cred-row-modes{border:1px solid var(--border);background:#0000002e;border-radius:8px;gap:6px;padding:3px;display:flex}.cred-row-mode{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:11px;transition:color .12s,background .12s}.cred-row-mode.is-active{color:var(--accent);background:#5fd8e024}.cred-row-mode:not(.is-active):hover{color:var(--text)}