:root {
  --paper:#f3f1eb; --surface:#fbfaf7; --ink:#18231f; --muted:#66716c; --line:#d9ddd6;
  --nav:#18231f; --nav-soft:#27342f; --accent:#b98b3e; --good:#2d8a68; --warn:#c07a2b;
  --bad:#b44f52; --info:#5474b8; --radius:14px; --shadow:0 12px 35px rgba(26,34,30,.09);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--ink); background:var(--paper); font-synthesis:none;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--paper)} button,input,select,textarea{font:inherit} button{cursor:pointer}
[hidden]{display:none!important}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--nav);color:#eef1ee;padding:24px 16px;display:flex;flex-direction:column;z-index:20}
.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;padding:2px 10px 28px}.brand strong{display:block;font-size:17px}.brand small{display:block;color:#9eaaa5;margin-top:2px;font-size:12px}
.brand-mark{width:48px;height:48px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:5px;background:#1d2b25;border-radius:14px}.brand-mark span{border-radius:5px;background:#d3ad62}.brand-mark span:nth-child(2){background:#70af94}.brand-mark span:nth-child(3){background:#738cc7}.brand-mark span:nth-child(4){background:#b48ac7}.brand-mark.small{width:36px;height:36px;border-radius:10px;padding:4px}
nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#cbd2ce;display:flex;width:100%;align-items:center;gap:11px;border-radius:10px;padding:11px 12px;text-align:left}.nav-item i{font-style:normal;font-size:19px;width:22px;text-align:center;color:#96a39d}.nav-item span{flex:1}.nav-item b{font-size:11px;font-weight:650;min-width:24px;text-align:center;padding:3px 6px;border-radius:999px;background:#31423b;color:#cad3ce}.nav-item:hover,.nav-item:focus-visible{background:#223029;color:white}.nav-item.active{background:#f0ede5;color:#18231f}.nav-item.active i{color:#8a682f}.nav-item.active b{background:#d7d1c4;color:#3a443f}.sidebar-footer{margin-top:auto;display:grid;gap:12px}.server-mini{display:flex;gap:10px;align-items:center;padding:12px;color:#d6ddd9;border-top:1px solid #34423d}.server-mini strong,.server-mini small{display:block}.server-mini strong{font-size:12px}.server-mini small{font-size:11px;color:#929e99;margin-top:2px}.status-dot{width:9px;height:9px;border-radius:50%;background:#929e99;box-shadow:0 0 0 4px rgba(146,158,153,.12)}.status-dot.good{background:#55c69d;box-shadow:0 0 0 4px rgba(85,198,157,.14)}
.workspace{margin-left:244px;min-height:100vh;padding:34px 42px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1520px;margin:auto}.topbar h1{font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.05;margin:4px 0;font-weight:500;letter-spacing:-.02em}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:#7d8782;font-weight:750}.top-actions{display:flex;gap:10px;align-items:center}.search-box{height:42px;width:min(320px,28vw);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:9px}.search-box input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}.button{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:0 16px;background:var(--surface);color:var(--ink);font-weight:650}.button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(24,35,31,.08)}.button.primary{background:var(--nav);border-color:var(--nav);color:white}.button.ghost{background:transparent}.button.danger{background:var(--bad);border-color:var(--bad);color:white}.button.wide{width:100%}.button.small{min-height:34px;padding:0 11px;font-size:12px}.icon-button{border:0;background:transparent;color:inherit;padding:8px;border-radius:8px}.freshness{max-width:1520px;margin:22px auto 14px;color:var(--muted);font-size:12px}#content{max-width:1520px;margin:auto}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 1px 0 rgba(255,255,255,.8)}.panel.dark{background:var(--nav);color:#f4f5f2;border-color:var(--nav);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head h2,.section-head h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:21px;margin:0}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.dark .panel-head p{color:#9daaa4}
.health-layout{display:flex;align-items:center;gap:26px}.health-number{width:136px;height:136px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#63bd92 var(--score),#34423d 0)}.health-number:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--nav)}.health-number div{position:relative;z-index:1;text-align:center}.health-number strong{font-size:35px;font-weight:500}.health-number span{display:block;color:#9faaa5;font-size:11px;margin-top:2px}.health-copy{flex:1}.health-copy h3{font-size:18px;margin:0 0 7px}.health-copy p{margin:0;color:#b7c0bc;line-height:1.55;font-size:13px}.mini-bars{height:48px;display:flex;gap:4px;align-items:end;margin-top:18px}.mini-bars span{display:block;flex:1;border-radius:2px 2px 0 0;background:#41534b;min-height:5px}.mini-bars span.good{background:#63bd92}
.metric-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.metric{background:var(--surface);padding:17px}.metric span{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.metric strong{font-size:25px;font-weight:560;letter-spacing:-.03em}.metric small{display:block;color:var(--muted);margin-top:5px}
.bot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.bot-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:.18s ease}.bot-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.bot-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--bot)}.bot-top{display:flex;align-items:center;gap:11px}.bot-avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--bot) 20%,white);color:color-mix(in srgb,var(--bot) 80%,black);font-family:Georgia,serif;font-size:20px}.bot-top h3{margin:0;font-size:15px}.bot-top small{color:var(--muted)}.pill{margin-left:auto;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;background:#e7f3ed;color:var(--good)}.pill.bad{background:#f6e6e5;color:var(--bad)}.pill.warn{background:#f7eddc;color:var(--warn)}.bot-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 14px}.bot-stats div{border-top:1px solid var(--line);padding-top:11px}.bot-stats strong,.bot-stats span{display:block}.bot-stats strong{font-size:16px}.bot-stats span{font-size:10px;color:var(--muted);margin-top:3px}.bot-actions{display:flex;gap:7px;flex-wrap:wrap}
.section-block{margin-top:28px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:auto;background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);font-weight:650;background:#f0efeb;padding:11px 13px;white-space:nowrap}td{padding:12px 13px;border-top:1px solid var(--line);vertical-align:top}tr:hover td{background:#faf9f5}.table-primary{font-weight:650}.table-secondary{display:block;color:var(--muted);font-size:10px;margin-top:3px;max-width:360px}.state{display:inline-flex;align-items:center;gap:6px}.state:before{content:"";width:7px;height:7px;border-radius:50%;background:#8b9691}.state.good:before{background:var(--good)}.state.bad:before{background:var(--bad)}.state.warn:before{background:var(--warn)}
.notice-list{display:grid;gap:8px}.notice{display:flex;gap:12px;border:1px solid var(--line);border-radius:11px;padding:13px;background:var(--surface)}.notice-mark{width:9px;min-width:9px;border-radius:99px;background:#86908b}.notice.critical .notice-mark,.notice.high .notice-mark{background:var(--bad)}.notice.medium .notice-mark{background:var(--warn)}.notice h3{font-size:13px;margin:0 0 4px}.notice p{font-size:12px;color:var(--muted);margin:0;line-height:1.45}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.chip{border:1px solid var(--line);background:var(--surface);padding:7px 11px;border-radius:999px;font-size:11px}.chip.active{background:var(--nav);color:white;border-color:var(--nav)}
.detail-hero{display:flex;align-items:center;gap:16px}.detail-hero .bot-avatar{width:62px;height:62px;font-size:25px}.detail-hero h2{margin:0;font-family:Georgia,serif;font-size:26px;font-weight:500}.detail-hero p{margin:5px 0 0;color:var(--muted)}.detail-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.memory-grid{display:grid;grid-template-columns:220px 1fr;gap:14px}.memory-nav{display:grid;align-content:start;gap:6px}.memory-nav button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:11px}.memory-nav button.active{background:var(--nav);color:white}.memory-content{white-space:pre-wrap;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;max-height:620px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.search-result{padding:14px 0;border-bottom:1px solid var(--line)}.search-result:last-child{border-bottom:0}.search-result h3{margin:0;font-size:13px}.search-result p{margin:6px 0;color:var(--muted);font-size:12px;line-height:1.5}.search-result small{color:#87918c}
.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.report-card{padding:20px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.report-card h3{margin:0 0 7px;font-family:Georgia,serif;font-size:19px;font-weight:500}.report-card p{min-height:54px;color:var(--muted);font-size:12px;line-height:1.5}.report-icon{width:38px;height:38px;border-radius:10px;background:#ece7dc;display:grid;place-items:center;margin-bottom:17px;font-weight:750;color:#7b663f}
.loading-panel{height:340px;display:grid;place-items:center;align-content:center;color:var(--muted)}.spinner{width:28px;height:28px;border:3px solid #d4d8d2;border-top-color:var(--nav);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#fbfaf6 0,#f2f0e9 42%,#e6e8e2 100%)}.login-card{width:min(440px,100%);padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.login-card h1{font:500 33px/1.1 Georgia,serif;margin:15px 0 10px}.login-card .muted{font-size:13px;line-height:1.55;margin-bottom:26px}.login-card label{font-size:12px;font-weight:650;display:block;margin-bottom:7px}.password-row{display:flex;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;background:white}.password-row input{border:0;outline:0;background:transparent;padding:12px;flex:1;min-width:0}.form-error{color:var(--bad);font-size:12px;min-height:18px;margin:10px 0 0}.muted{color:var(--muted)}
dialog{width:min(560px,calc(100% - 28px));padding:0;border:0;border-radius:16px;box-shadow:0 30px 90px rgba(13,20,17,.3);background:var(--surface)}dialog::backdrop{background:rgba(18,27,23,.57);backdrop-filter:blur(3px)}.dialog-card{padding:24px}.dialog-head{display:flex;justify-content:space-between;gap:20px}.dialog-head h2{font:500 25px Georgia,serif;margin:5px 0 18px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.field{display:grid;gap:6px;margin:13px 0}.field label{font-size:11px;color:var(--muted);font-weight:650}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:white;color:var(--ink)}.field textarea{min-height:130px;resize:vertical}.warning-box{padding:12px;border-radius:10px;background:#f7eddc;color:#765027;font-size:12px;line-height:1.45}.toast{position:fixed;right:24px;bottom:24px;max-width:380px;padding:13px 16px;border-radius:10px;background:var(--nav);color:white;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.2s;z-index:80;font-size:12px}.toast.show{transform:none;opacity:1}.toast.error{background:var(--bad)}.mobile-bar{display:none}
@media(max-width:1100px){.bot-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:repeat(2,1fr)}.workspace{padding:28px}.top-actions .search-box{width:220px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:min(280px,86vw);top:54px}.sidebar.open{transform:none}.mobile-bar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--nav);color:white;position:sticky;top:0;z-index:30}.workspace{margin:0;padding:20px 14px 50px}.topbar{display:block}.topbar h1{font-size:29px}.top-actions{margin-top:18px;display:grid;grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1!important;width:100%!important}.freshness{margin-top:15px}.hero-grid,.bot-grid,.report-grid{grid-template-columns:1fr}.health-layout{align-items:flex-start}.health-number{width:108px;height:108px;min-width:108px}.metric-list{grid-template-columns:1fr 1fr}.section-head{align-items:start;display:block}.section-head .filters{margin-top:12px}.detail-hero{align-items:flex-start;flex-wrap:wrap}.detail-actions{width:100%;margin:0}.memory-grid{grid-template-columns:1fr}.memory-nav{grid-template-columns:repeat(2,1fr)}.panel{padding:16px}.table-wrap{border-radius:10px}th,td{padding:10px;min-width:100px}.toast{left:14px;right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}