:root{--hdr-a: #2D5F8E;--hdr-b: #193F64;--bg: #F1F4F7;--panel: #FFFFFF;--line: #CBD4DE;--line-soft: #E2E7ED;--btn: #2F70B5;--btn-h: #285F9B;--ink: #1E2B38;--ink-2: #4B5B6B;--ink-3: #74828F;--sel: #E3EDF8;--hover: #F3F7FB;--ok: #2E7D4F;--ok-bg: #E7F3EC;--warn: #8A5A00;--warn-bg: #FFF4DC;--bad: #A33A3A;--bad-bg: #FBEAEA;--info-bg: #EAF1F9}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font:12px/1.4 Arial,Liberation Sans,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--btn)}:focus-visible{outline:2px solid #6FA3DA;outline-offset:1px}.app{display:grid;grid-template-rows:34px 22px 1fr 20px;height:100dvh;min-width:1024px}.hdr{background:linear-gradient(180deg,var(--hdr-a),var(--hdr-b));color:#eaf2fa;display:flex;align-items:center;padding:0 10px;gap:14px;border-bottom:1px solid #10304D}.logo{display:flex;align-items:center;gap:7px;font-weight:700;font-size:14px;letter-spacing:.2px;color:#fff;text-decoration:none}.logo-sq{width:22px;height:22px;background:#f1f4f7;color:var(--hdr-b);display:grid;place-items:center;font-size:10px;font-weight:700;border:1px solid #9FB8D1}.menus{display:flex;position:relative}.menus>div{position:relative}.menu-btn{background:none;border:1px solid transparent;color:#e1ecf7;padding:3px 8px;cursor:default}.menu-btn:hover,.menu-btn[aria-expanded=true]{background:#ffffff1f;border-color:#ffffff2e}.dropdown{position:absolute;top:100%;left:0;z-index:50;background:#fff;color:var(--ink);border:1px solid #9AA9B8;min-width:210px;box-shadow:2px 3px 6px #14283c2e;padding:2px 0}.dropdown button{display:flex;justify-content:space-between;width:100%;text-align:left;background:none;border:0;padding:4px 14px 4px 22px;cursor:default;gap:16px}.dropdown button:hover:not(:disabled),.dropdown button:focus-visible{background:var(--btn);color:#fff;outline:none}.dropdown button:disabled{color:#9aa6b2}.dropdown hr{border:0;border-top:1px solid var(--line-soft);margin:2px 0}.dropdown .hint{color:var(--ink-3);font-size:11px}.hdr-right{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11px;color:#c9daeb}.env{border:1px solid rgba(255,255,255,.3);padding:1px 6px;font-size:10px;letter-spacing:.5px}.avatar{width:24px;height:24px;border-radius:50%;background:#c7d7e8;color:var(--hdr-b);display:grid;place-items:center;font-weight:700;font-size:10px;border:1px solid #fff}.toolbar{background:#e4e9ef;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 8px;gap:4px;font-size:11px;color:var(--ink-2)}.toolbar .crumb a{color:var(--ink-2);text-decoration:none}.toolbar .crumb a:hover{text-decoration:underline}.toolbar .sep{color:#a0adba;margin:0 2px}.body{display:grid;grid-template-columns:196px 1fr;min-height:0}.tree{background:#f8fafc;border-right:1px solid var(--line);padding:6px 0;overflow:auto}.tree h3{margin:6px 0 2px;padding:2px 8px;font-size:11px;font-weight:700;color:var(--ink-2);display:flex;align-items:center;gap:4px}.tree h3:before{content:"";border:4px solid transparent;border-top:5px solid var(--ink-3);margin-top:4px}.tree ul{list-style:none;margin:0;padding:0 0 4px}.tree a{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 24px;color:var(--ink);text-decoration:none;border-left:2px solid transparent}.tree a .ico{width:10px;height:10px;border:1px solid #7E95AC;background:#dde7f1;flex:none}.tree a:hover{background:var(--hover)}.tree a.on{background:var(--sel);border-left-color:var(--btn);font-weight:700}.tree a.sub{padding-left:40px;font-size:11px}.tree .count{margin-left:auto;font-size:10px;color:var(--ink-3)}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.tabs{display:flex;gap:0;padding:6px 10px 0;border-bottom:1px solid var(--line);background:var(--bg)}.tabs a,.tabs button{padding:5px 14px;border:1px solid transparent;border-bottom:0;margin-bottom:-1px;color:var(--ink-2);text-decoration:none;background:none;cursor:pointer}.tabs a:hover,.tabs button:hover{color:var(--ink);background:#e8edf2}.tabs .on{background:var(--panel)!important;border-color:var(--line);color:var(--ink);font-weight:700}.subtabs{padding:4px 0 0;background:none}.content{flex:1;overflow:auto;padding:10px}.panel{background:var(--panel);border:1px solid var(--line);margin-bottom:10px}.panel-h{display:flex;align-items:center;gap:8px;padding:5px 8px;border-bottom:1px solid var(--line);background:linear-gradient(#fafbfc,#eef2f6);font-weight:700}.panel-h .r{margin-left:auto;display:flex;gap:6px;font-weight:400}.panel-b{padding:8px}.page-title{display:flex;align-items:baseline;gap:10px;margin:0 0 8px}.page-title h1{font-size:16px;margin:0}.page-title .meta{color:var(--ink-3);font-size:11px}.page-title .r{margin-left:auto;display:flex;gap:6px}.btn{background:var(--btn);color:#fff;border:1px solid #23598F;padding:3px 12px;min-height:23px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;text-decoration:none}.btn:hover:not(:disabled){background:var(--btn-h)}.btn.sec{background:linear-gradient(#fdfdfe,#e9eef3);color:var(--ink);border-color:#a8b6c4}.btn.sec:hover:not(:disabled){background:#e2e8ee}.btn:disabled{background:#d9dfe5;border-color:#c3ccd5;color:#8995a1;cursor:not-allowed}.btn.sm{padding:1px 8px;min-height:20px;font-size:11px}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,170px));gap:8px;margin-bottom:10px}.sbox{background:#fff;border:1px solid var(--line);border-top:3px solid var(--btn);padding:5px 8px}.sbox .n{font-size:18px;font-weight:700}.sbox .l{color:var(--ink-2);font-size:11px}.sbox.warn{border-top-color:#c9962c}.sbox.bad{border-top-color:#b85c5c}.sbox.ok{border-top-color:#4e9a6b}.search{display:flex;gap:6px;align-items:center;padding:6px 8px;border-bottom:1px solid var(--line-soft);background:#fafbfc}.search label{font-weight:700}input[type=text],input[type=url],input[type=email],input[type=search],select,textarea{border:1px solid #A8B6C4;background:#fff;padding:3px 5px;min-height:23px;border-radius:0}input:focus,select:focus,textarea:focus{border-color:var(--btn);outline:1px solid #9CC0E6}textarea{width:100%;resize:vertical;font-family:Arial,sans-serif}table.grid{width:100%;border-collapse:collapse}.grid th,.grid td{border:1px solid var(--line-soft);padding:3px 6px;text-align:left;white-space:nowrap}.grid th{background:#eef2f6;font-weight:700;color:var(--ink-2);border-color:var(--line)}.grid tbody tr:nth-child(2n) td{background:#fafbfd}.grid tbody tr:hover td{background:var(--hover)}.grid td.wrap{white-space:normal}.grid .mono,.mono{font-family:Courier New,monospace;font-size:11.5px}.empty{padding:18px;text-align:center;color:var(--ink-3)}.empty b{display:block;color:var(--ink-2);margin-bottom:2px}.pill{display:inline-block;padding:0 6px;border:1px solid;font-size:11px;line-height:15px;border-radius:8px}.pill.ok{color:var(--ok);background:var(--ok-bg);border-color:#b7d9c4}.pill.bad{color:var(--bad);background:var(--bad-bg);border-color:#e3baba}.pill.warn{color:var(--warn);background:var(--warn-bg);border-color:#e8cf93}.pill.info{color:#2b5884;background:var(--info-bg);border-color:#bcd1e7}.pill.neutral{color:var(--ink-2);background:#eef1f4;border-color:#d2d9e0}dl.kv{display:grid;grid-template-columns:170px 1fr;margin:0}dl.kv dt{font-weight:700;padding:3px 6px;background:#f5f7fa;border-bottom:1px solid var(--line-soft)}dl.kv dd{margin:0;padding:3px 6px;border-bottom:1px solid var(--line-soft)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cols3{display:grid;grid-template-columns:2fr 1fr;gap:10px}.alert{border:1px solid;padding:6px 8px;margin-bottom:8px;display:flex;gap:8px}.alert b{white-space:nowrap}.alert.warn{background:var(--warn-bg);border-color:#e3c77f;color:#5c3d00}.alert.ok{background:var(--ok-bg);border-color:#a9d2b8;color:#1f5536}.alert.info{background:var(--info-bg);border-color:#b5cbe3;color:#22476b}.alert.bad{background:var(--bad-bg);border-color:#ddafaf;color:#6e2222}.steps{display:flex;border-bottom:1px solid var(--line);background:#f7f9fb}.steps div{padding:5px 14px;color:var(--ink-3);border-right:1px solid var(--line-soft)}.steps div.on{color:var(--ink);font-weight:700;background:#fff;box-shadow:inset 0 -2px 0 var(--btn)}.steps div.done{color:var(--ok)}.form-row{display:grid;grid-template-columns:150px 1fr;gap:8px;align-items:start;margin-bottom:6px}.form-row>label{font-weight:700;padding-top:4px}.form-row .help{color:var(--ink-3);font-size:11px;margin-top:2px}.form-row input[type=text],.form-row input[type=email]{width:100%;max-width:420px}.err{color:var(--bad);font-size:11px;margin-top:2px}.actions{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line-soft);background:#fafbfc}.actions .r{margin-left:auto;display:flex;gap:6px}.check{display:flex;gap:6px;align-items:flex-start}.mail{border:1px solid var(--line);background:#fcfdfe}.mail .hdrs{padding:6px 8px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:80px 1fr;gap:2px 8px}.mail .hdrs span:nth-child(odd){color:var(--ink-3)}.mail pre{margin:0;padding:10px;white-space:pre-wrap;font:12px/1.5 Arial,sans-serif}.mail .att{border-top:1px solid var(--line-soft);padding:6px 8px;display:flex;align-items:center;gap:8px}.demo-band{background:repeating-linear-gradient(135deg,#fff8e6,#fff8e6 8px,#fcf1d4 8px 16px);border:1px solid #E8D29A;color:#6a4a00;padding:3px 8px;font-size:11px;margin-bottom:8px}.status{background:#e4e9ef;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 8px;font-size:11px;color:var(--ink-2)}.status .r{margin-left:auto}.rowlink{background:none;border:0;padding:0;color:var(--btn);cursor:pointer;text-decoration:underline}.actmenu{position:relative;display:inline-block}.actmenu .dropdown{left:auto;right:0}.muted{color:var(--ink-3)}