@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";@media (width<=960px){.sidebar{width:240px;min-width:220px}.row.c3,.row.c4{grid-template-columns:1fr 1fr}.ed-list{grid-template-columns:200px 1fr;padding:10px 12px}.content{padding:11px 12px}.top{padding:8px 12px}.card-b{padding:10px 11px}}@media (width<=760px){.sidebar{width:210px;min-width:200px}.row.c2,.row.c3,.row.c4{grid-template-columns:1fr}.ed-list{grid-template-columns:170px 1fr}.lang-grid{grid-template-columns:repeat(3,1fr)}}@media (height<=600px){.brand{padding:9px 14px}.brand .name{font-size:15px}.section-title{padding:6px 14px 3px}.card{margin-bottom:8px}.card-b{padding:9px 12px}}:root{--bg:#eef2f7;--panel:#fff;--border:#dbe2eb;--muted:#637791;--label:#1f3548;--accent:#0ea5e9;--accent-d:#0284c7;--accent-bg:#eff8fe;--field-bg:#f7fafd;--text:#152234;--ok:#16a34a;--err:#dc2626;--uop:#0ea5e9;--uz:#7c3aed;--soft:#f3f6fa}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--text);background:var(--bg);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:13px}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;min-width:240px;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.brand{border-bottom:1px solid var(--border);cursor:pointer;background:linear-gradient(135deg,#e0f2fe 0%,#dbeafe 100%);padding:13px 16px;transition:background .2s}.brand:hover{background:linear-gradient(135deg,#bae6fd 0%,#bfdbfe 100%)}.brand .name{color:#0c4a6e;letter-spacing:.2px;font-size:17px;font-weight:800}.brand .sub{color:#155e75;opacity:.85;margin-top:2px;font-size:11px}.project-switch{border-bottom:1px solid var(--border);gap:6px;padding:10px;display:flex}.project-btn{border:1px solid var(--border);color:var(--label);background:#f7fafd;border-radius:7px;flex:1;padding:9px 4px;font-size:11px;font-weight:700;transition:all .12s}.project-btn:hover{background:#eff8fe;border-color:#bae6fd}.project-btn.active.uop{background:var(--uop);color:#fff;border-color:var(--uop);box-shadow:0 1px 4px #0ea5e959}.project-btn.active.uz{background:var(--uz);color:#fff;border-color:var(--uz);box-shadow:0 1px 4px #7c3aed59}.section-title{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;padding:10px 14px 4px;font-size:10px;font-weight:800}.lang-grid{grid-template-columns:repeat(5,1fr);gap:4px;padding:0 10px 8px;display:grid}.lang-btn{border:1px solid var(--border);color:var(--label);background:#f7fafd;border-radius:6px;padding:7px 0;font-size:11px;font-weight:700;transition:all .12s}.lang-btn:hover{background:#eff8fe;border-color:#bae6fd}.lang-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.mode-row{gap:4px;padding:0 10px 8px;display:flex}.mode-btn{border:1px solid var(--border);color:var(--label);background:#f7fafd;border-radius:6px;flex:1;padding:7px 0;font-size:11px;font-weight:700;transition:all .12s}.mode-btn:hover{background:#eff8fe;border-color:#bae6fd}.mode-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.doc-list{flex:1;padding:4px 8px 8px;overflow-y:auto}.doc-item{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;align-items:flex-start;gap:7px;margin-bottom:4px;padding:6px 8px;font-size:11px;line-height:1.3;transition:all .1s;display:flex}.doc-item:hover{background:#fafdff;border-color:#bae6fd}.doc-item.on{background:var(--accent-bg);border-color:#7dd3fc}.doc-item input{flex-shrink:0;margin:1px 0 0}.gen-bar{border-top:1px solid var(--border);background:#fafbfd;padding:10px}.btn-gen{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-d) 100%);color:#fff;border:0;border-radius:7px;width:100%;padding:11px;font-size:13px;font-weight:700;transition:all .12s;box-shadow:0 2px 6px #0ea5e94d}.btn-gen:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0ea5e966}.btn-gen:disabled{opacity:.55;cursor:wait;transform:none}.top{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;align-items:center;gap:10px;padding:9px 16px;display:flex}.tab{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .12s}.tab:hover{color:var(--accent);background:#f0f9ff}.tab.active{background:var(--accent-bg);color:#0c4a6e;border-color:#bae6fd}.top .spacer{flex:1}.badge{color:#0369a1;background:#e0f2fe;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}.badge.lock{color:#92400e;cursor:pointer;background:#fef3c7}.badge.lock:hover{background:#fde68a}.content{flex:1;padding:14px 16px;overflow-y:auto}.card{border:1px solid var(--border);background:#fff;border-radius:9px;margin-bottom:11px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.card-h{border-bottom:1px solid var(--border);color:#0c4a6e;background:linear-gradient(#f0f9ff 0%,#e0f2fe 100%);align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:700;display:flex}.card-h .ic{color:#0c4a6e;background:#bae6fd;border-radius:5px;justify-content:center;align-items:center;width:21px;height:21px;font-size:10px;font-weight:800;display:inline-flex}.card-b{padding:11px 14px}.row{gap:9px;margin-bottom:9px;display:grid}.row:last-child{margin-bottom:0}.row.c2{grid-template-columns:1fr 1fr}.row.c3{grid-template-columns:1fr 1fr 1fr}.row.c4{grid-template-columns:1fr 1fr 1fr 1fr}.fld label{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.fld input,.fld select,.fld textarea{background:var(--field-bg);border:1px solid #cdd9e6;border-radius:5px;width:100%;padding:6px 9px;font-size:12px;transition:all .1s}.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 2px #0ea5e92e}.fld .hint{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.35}.fld .hint.pl{color:#0369a1;font-size:11px;font-weight:600}.segmented-control{background:#e2e8f0;border-radius:8px;gap:2px;padding:3px;display:flex}.segmented-control button{color:var(--muted);background:0 0;border:0;border-radius:6px;flex:1;padding:6px 12px;font-size:11px;font-weight:700;transition:all .12s}.segmented-control button:hover{color:var(--text)}.segmented-control button.active{color:var(--text);background:#fff;box-shadow:0 1px 3px #00000014}.ed-list{flex:1;grid-template-columns:260px 1fr;gap:12px;min-height:0;padding:12px 16px;display:grid;overflow:hidden}.ed-keys{border:1px solid var(--border);background:#fff;border-radius:8px;min-height:0;overflow-y:auto}.ed-key{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;transition:background .1s;display:flex}.ed-key:hover{background:#f0f9ff}.ed-key.active{background:var(--accent-bg);color:#0c4a6e;border-left:3px solid var(--accent);padding-left:9px;font-weight:600}.ed-key .del{color:var(--err);opacity:0;padding:2px 6px;font-size:13px;font-weight:700}.ed-key:hover .del{opacity:.7}.ed-key .del:hover{opacity:1}.ed-keys .add{color:var(--accent);cursor:pointer;text-align:center;border-top:1px solid var(--border);background:#f0f9ff;padding:9px 12px;font-size:11px;font-weight:700}.ed-keys .add:hover{background:#e0f2fe}.ed-form{border:1px solid var(--border);background:#fff;border-radius:8px;min-height:0;padding:14px;overflow-y:auto}.ed-form h3{color:#0c4a6e;margin:0 0 10px;font-size:13px}.btn{border:1px solid var(--border);color:var(--label);background:#fff;border-radius:5px;padding:7px 12px;font-size:11px;font-weight:600;transition:all .12s}.btn:hover{color:var(--accent);border-color:var(--accent);background:#f0f9ff}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-d)}.btn.danger{color:var(--err);border-color:#fecaca}.btn.danger:hover{color:var(--err);border-color:var(--err);background:#fee2e2}@media (width<=960px){.sidebar{width:240px;min-width:220px}.row.c3,.row.c4{grid-template-columns:1fr 1fr}.ed-list{grid-template-columns:200px 1fr;padding:10px 12px}.content{padding:11px 12px}.top{padding:8px 12px}.card-b{padding:10px 11px}}@media (width<=760px){.sidebar{width:210px;min-width:200px}.row.c2,.row.c3,.row.c4{grid-template-columns:1fr}.ed-list{grid-template-columns:170px 1fr}.lang-grid{grid-template-columns:repeat(3,1fr)}}@media (height<=600px){.brand{padding:9px 14px}.brand .name{font-size:15px}.section-title{padding:6px 14px 3px}.card{margin-bottom:8px}.card-b{padding:9px 12px}}.settings-fullscreen{background:var(--bg);z-index:1000;flex-direction:column;display:flex;position:fixed;inset:0}.settings-top-bar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:15px 20px;display:flex}.settings-back-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-weight:700;transition:all .2s}.settings-back-btn:hover{background:#e2e8f0}.settings-top-bar h2{color:var(--label);flex:1;margin:0;font-size:18px}.settings-tabs-nav{gap:10px;display:flex}.settings-tabs-nav .tab{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-weight:600}.settings-tabs-nav .tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.settings-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;font-size:20px;transition:background .2s}.settings-btn:hover{background:#e2e8f0}.mode-toggle-inline{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:6px;padding:2px;display:flex}.mode-toggle-inline button{color:#475569;background:0 0;border:none;border-radius:4px;flex:1;padding:6px 10px;font-size:12px;font-weight:600}.mode-toggle-inline button.active{color:var(--accent);background:#fff;box-shadow:0 1px 2px #0000001a}.pos-desc{color:#64748b;border-left:3px solid var(--accent);background:#f8fafc;border-radius:4px;margin-top:6px;padding:6px 8px;font-size:11px;line-height:1.4}