:root{color-scheme:light;--bg: #eef0f4;--surface: #ffffff;--surface-2: #f5f7fa;--surface-3: #e9edf3;--text: #16202e;--text-muted: #5a6779;--text-faint: #8793a5;--line: #d5dbe4;--line-strong: #b8c1ce;--accent: #1f5fa8;--accent-hover: #17497f;--accent-soft: #e6effa;--accent-text: #ffffff;--error: #b3261e;--error-soft: #fbeae9;--warning: #8a5a00;--warning-soft: #fdf4e3;--ok: #1f6b45;--ok-soft: #e8f4ee;--info: #1f5fa8;--info-soft: #e6effa;--radius: 7px;--radius-lg: 11px;--shadow-1: 0 1px 2px rgba(16, 32, 46, .07), 0 1px 3px rgba(16, 32, 46, .05);--shadow-2: 0 6px 20px rgba(16, 32, 46, .12);--font: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "Cascadia Mono", Consolas, "Liberation Mono", monospace;--sidebar-width: 15rem;--context-width: 21rem;--ohad-surface: #ffffff;--ohad-text: #16202e;--ohad-edge: #64748b;--ohad-edge-label: #475569;--ohad-internet-fill: #eef2f7;--ohad-internet-line: #94a3b8;--ohad-client-fill: #eef7f4;--ohad-client-line: #5eaa93;--ohad-dmz-fill: #fdf1e7;--ohad-dmz-line: #e08a3c;--ohad-server-fill: #eaf1fb;--ohad-server-line: #3b74c4;--ohad-vdi-fill: #f0edfb;--ohad-vdi-line: #7a63cc;--ohad-management-fill: #eef6f9;--ohad-management-line: #4f92ad;--ohad-identity-fill: #f7eef4;--ohad-identity-line: #a8558a;--ohad-database-fill: #f2f4e9;--ohad-database-line: #7f9438;--ohad-storage-fill: #f4f1ea;--ohad-storage-line: #a08a52;--ohad-backup-fill: #f0f0f2;--ohad-backup-line: #7c7f8a;--ohad-application-fill: #eaf4f2;--ohad-application-line: #3f9c8a;--ohad-neutral-fill: #f2f3f5;--ohad-neutral-line: #98a0ad}:root[data-theme=dark]{color-scheme:dark;--bg: #0d1218;--surface: #151b24;--surface-2: #1b2330;--surface-3: #232d3c;--text: #e6ecf3;--text-muted: #9aa8bb;--text-faint: #6f7d92;--line: #28323f;--line-strong: #3a4757;--accent: #6aa6ec;--accent-hover: #86baf3;--accent-soft: #16283d;--accent-text: #0d1218;--error: #ff8a80;--error-soft: #351d1d;--warning: #f0c070;--warning-soft: #322715;--ok: #7fd6a5;--ok-soft: #132c1e;--info: #6aa6ec;--info-soft: #16283d;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 26px rgba(0, 0, 0, .5);--ohad-surface: #151b24;--ohad-text: #e6ecf3;--ohad-edge: #8093ab;--ohad-edge-label: #a9b8cb;--ohad-internet-fill: #1c242e;--ohad-internet-line: #7b8a9d;--ohad-client-fill: #16281f;--ohad-client-line: #5aa98a;--ohad-dmz-fill: #302217;--ohad-dmz-line: #d08a45;--ohad-server-fill: #172436;--ohad-server-line: #5a8fd0;--ohad-vdi-fill: #221d33;--ohad-vdi-line: #8f79dd;--ohad-management-fill: #16262d;--ohad-management-line: #5fa2bd;--ohad-identity-fill: #2a1a24;--ohad-identity-line: #c274a2;--ohad-database-fill: #222617;--ohad-database-line: #9bb04a;--ohad-storage-fill: #26221a;--ohad-storage-line: #b89e63;--ohad-backup-fill: #1f2126;--ohad-backup-line: #8b8f9c;--ohad-application-fill: #14282a;--ohad-application-line: #4fb3a0;--ohad-neutral-fill: #1d232c;--ohad-neutral-line: #79839a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.25;font-weight:650}h1{font-size:1.4rem}h2{font-size:1.12rem}h3{font-size:.98rem}h4{font-size:.84rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}p{margin:.4rem 0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--font-mono);font-size:.9em}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100%}.shell.with-context{grid-template-columns:var(--sidebar-width) 1fr var(--context-width)}.sidebar{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar-brand{padding:.85rem .9rem;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.55rem}.sidebar-brand .mark{width:1.7rem;height:1.7rem;border-radius:6px;flex:none;background:linear-gradient(140deg,var(--accent),var(--ohad-vdi-line));display:grid;place-items:center;color:#fff;font-weight:700;font-size:.78rem}.sidebar-brand b{display:block;font-size:.86rem;line-height:1.2}.sidebar-brand small{color:var(--text-muted);font-size:.72rem}.sidebar-scroll{flex:1;overflow:auto;padding:.6rem .5rem 1.5rem}.sidebar-foot{border-top:1px solid var(--line);padding:.55rem .7rem;font-size:.78rem}.nav-group{margin-bottom:.9rem}.nav-group>h4{padding:0 .4rem .25rem;font-size:.68rem}.nav-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.32rem .5rem;border-radius:6px;border:0;background:none;color:var(--text);font:inherit;font-size:.85rem;cursor:pointer;text-align:left}.nav-item:hover{background:var(--surface-2);text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item .count{margin-left:auto;font-size:.72rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.nav-item.has-error .count{color:var(--error);font-weight:700}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:.7rem;padding:.6rem 1.1rem;border-bottom:1px solid var(--line);background:var(--surface);min-height:3.1rem}.topbar .title{min-width:0}.topbar .title b{display:block;font-size:.98rem}.topbar .title small{color:var(--text-muted);font-size:.76rem}.topbar .spacer{flex:1}.content{flex:1;overflow:auto;padding:1.1rem 1.3rem 3rem}.content.narrow{max-width:62rem}.context-panel{background:var(--surface);border-left:1px solid var(--line);overflow:auto;padding:.9rem .85rem 2rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);margin-bottom:1rem;overflow:hidden}.card>header{padding:.65rem .9rem;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.6rem;background:var(--surface-2)}.card>header .spacer{flex:1}.card>.body{padding:.9rem}.card>.body.flush{padding:0}button,.btn{font:inherit;font-size:.84rem;padding:.36rem .72rem;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}button:hover:not(:disabled),.btn:hover{background:var(--surface-2);text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.ghost{border-color:transparent;background:none}button.ghost:hover:not(:disabled){background:var(--surface-2)}button.danger{color:var(--error);border-color:var(--error)}button.small{padding:.2rem .45rem;font-size:.78rem}input,select,textarea{font:inherit;font-size:.86rem;padding:.35rem .5rem;width:100%;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}textarea{min-height:4.4rem;resize:vertical}input[type=checkbox]{width:auto}label{font-size:.8rem;font-weight:600}.field{margin-bottom:.85rem}.field>.label-row{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.2rem}.field .help{font-size:.76rem;color:var(--text-muted);margin-top:.18rem}.field.inline{display:flex;align-items:center;gap:.5rem}.field.inline>.label-row{margin:0}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:0 1rem}.field-grid.wide{grid-template-columns:1fr}.tip{position:relative;display:inline-flex}.tip>.dot{width:.95rem;height:.95rem;border-radius:50%;border:1px solid var(--line-strong);color:var(--text-muted);font-size:.62rem;display:grid;place-items:center;cursor:help;-webkit-user-select:none;user-select:none;font-weight:700}.tip>.bubble{position:absolute;left:50%;bottom:130%;transform:translate(-50%);min-width:15rem;max-width:24rem;background:var(--surface-3);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius);padding:.5rem .6rem;font-size:.78rem;font-weight:400;line-height:1.45;box-shadow:var(--shadow-2);z-index:40;display:none;white-space:normal}.tip:hover>.bubble,.tip:focus-within>.bubble{display:block}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:.1rem .4rem;border-radius:4px;background:var(--surface-3);color:var(--text-muted);text-transform:uppercase}.badge.error{background:var(--error-soft);color:var(--error)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.plain{text-transform:none;letter-spacing:0;font-weight:600}table.data{border-collapse:collapse;width:100%;font-size:.82rem}table.data th,table.data td{border-bottom:1px solid var(--line);padding:.35rem .5rem;text-align:left;vertical-align:top}table.data thead th{position:sticky;top:0;background:var(--surface-2);z-index:1;border-bottom:1px solid var(--line-strong);font-weight:620;white-space:nowrap}table.data tbody tr:hover td{background:var(--surface-2)}table.data td.nowrap,table.data th.nowrap{white-space:nowrap}.table-scroll{overflow:auto;max-height:70vh}.empty{padding:1.6rem;text-align:center;color:var(--text-muted);font-size:.86rem}.toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.8rem}.toolbar input[type=search],.toolbar input[type=text]{max-width:22rem}.finding{display:flex;gap:.55rem;padding:.5rem .15rem;border-bottom:1px solid var(--line)}.finding:last-child{border-bottom:0}.finding .body{min-width:0}.finding .body b{display:block;font-size:.83rem}.finding .body p{margin:.15rem 0 0;font-size:.79rem;color:var(--text-muted)}.finding .body .fix{font-size:.78rem;margin-top:.2rem}.meter{height:.42rem;background:var(--surface-3);border-radius:3px;overflow:hidden}.meter>span{display:block;height:100%;background:var(--accent)}.meter.low>span{background:var(--error)}.meter.medium>span{background:var(--warning)}.meter.high>span{background:var(--ok)}.score-row{display:grid;grid-template-columns:1fr auto;gap:.3rem .6rem;align-items:center;margin-bottom:.5rem;font-size:.8rem}.score-row .meter{grid-column:1 / -1}.save-state{font-size:.78rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:.3rem}.save-state .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--ok)}.save-state.saving .dot,.save-state.unsaved .dot{background:var(--warning)}.save-state.error .dot{background:var(--error)}.diagram-frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:.5rem;overflow:auto}.diagram-frame svg{display:block}.diagram-frame .ohad-node{cursor:pointer}.diagram-frame .ohad-node:hover rect.node{stroke-width:2.6}.split{display:grid;grid-template-columns:1fr 20rem;gap:1rem;align-items:start}.login-page{min-height:100%;display:grid;place-items:center;padding:2rem;background:radial-gradient(1200px 600px at 50% -10%,var(--accent-soft),var(--bg))}.login-card{width:min(26rem,100%)}.tabs{display:flex;gap:.2rem;border-bottom:1px solid var(--line);margin-bottom:.9rem}.tabs button{border:0;border-bottom:2px solid transparent;background:none;border-radius:0;padding:.4rem .7rem;color:var(--text-muted);font-size:.85rem}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:620}.toast-stack{position:fixed;right:1rem;bottom:1rem;display:grid;gap:.5rem;z-index:80}.toast{background:var(--surface);border:1px solid var(--line-strong);border-left-width:4px;border-radius:var(--radius);padding:.55rem .75rem;box-shadow:var(--shadow-2);max-width:26rem;font-size:.84rem}.toast.error{border-left-color:var(--error)}.toast.ok{border-left-color:var(--ok)}.toast.info{border-left-color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e1680;display:grid;place-items:center;z-index:90;padding:1.5rem}.modal{width:min(38rem,100%);max-height:85vh;overflow:auto;margin:0}.kv-list{display:grid;grid-template-columns:minmax(9rem,14rem) 1fr;gap:0;font-size:.83rem}.kv-list dt{padding:.3rem .5rem;background:var(--surface-2);border-bottom:1px solid var(--line);font-weight:600}.kv-list dd{padding:.3rem .5rem;margin:0;border-bottom:1px solid var(--line)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.7rem}.stat{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:.55rem .7rem}.stat b{display:block;font-size:1.3rem;font-variant-numeric:tabular-nums}.stat span{font-size:.75rem;color:var(--text-muted)}.list-rows{display:grid}.list-row{display:flex;align-items:center;gap:.7rem;padding:.55rem .9rem;border-bottom:1px solid var(--line);cursor:pointer;background:none;border-left:0;border-right:0;border-top:0;border-radius:0;text-align:left;width:100%}.list-row:hover{background:var(--surface-2)}.list-row.selected{background:var(--accent-soft)}.list-row .main{flex:1;min-width:0}.list-row .main b{display:block;font-size:.87rem}.list-row .main small{color:var(--text-muted);font-size:.76rem}@media (max-width: 78rem){.shell.with-context{grid-template-columns:var(--sidebar-width) 1fr}.context-panel{display:none}}@media (max-width: 56rem){.shell,.shell.with-context{grid-template-columns:1fr}.sidebar{display:none}}