@import "https://fonts.googleapis.com/css2?family=Patrick+Hand&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:17px}.section-title{padding:6px 14px 3px}.card{margin-bottom:8px}.card-b{padding:9px 12px}}input:not([type=checkbox]):not([type=radio]),select{box-sizing:border-box;height:30px}textarea{min-height:60px}:root{--bg:#f4f1ea;--panel:#fffcf5;--border:#1a1a1a;--muted:#4a5568;--label:#1a1a1a;--accent:#0ea5e9;--accent-d:#0284c7;--accent-bg:#eff8fe;--field-bg:#f4f1ea;--text:#1a1a1a;--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:Patrick Hand,Comic Sans MS,cursive,sans-serif;font-size:16px}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:2px 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{background:var(--accent-bg);border-bottom:2px solid var(--border);cursor:pointer;padding:13px 16px;transition:background .2s}.brand:hover{background:#bae6fd}.brand .name{color:var(--text);letter-spacing:.2px;font-size:20px;font-weight:800}.brand .sub{color:var(--text);opacity:.85;margin-top:2px;font-size:14px}.project-switch{border-bottom:2px solid var(--border);gap:6px;padding:10px;display:flex}.project-btn{border:2px solid var(--border);background:var(--panel);color:var(--label);box-shadow:3px 3px 0px var(--border);border-radius:4px;flex:1;padding:9px 4px;font-size:14px;font-weight:700;transition:all .12s}.project-btn:hover{box-shadow:0px 0px 0px var(--border);background:#eff8fe;transform:translate(3px,3px)}.project-btn.active{background:var(--accent);color:#fff;box-shadow:0px 0px 0px var(--border);transform:translate(3px,3px)}.project-btn.active.uop{background:var(--uop);color:#fff;box-shadow:0px 0px 0px var(--border);transform:translate(3px,3px)}.project-btn.active.uz{background:var(--uz);color:#fff;box-shadow:0px 0px 0px var(--border);transform:translate(3px,3px)}.toggle-group{gap:6px;padding:10px 16px 0;display:flex}.toggle-group .project-btn{flex:1}.section-title{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;padding:10px 14px 4px;font-size:13px;font-weight:800}.lang-grid{grid-template-columns:repeat(5,1fr);gap:6px;padding:0 10px 8px;display:grid}.lang-btn{border:2px solid var(--border);background:var(--panel);color:var(--label);box-shadow:2px 2px 0px var(--border);border-radius:4px;padding:7px 0;font-size:14px;font-weight:700;transition:all .12s}.lang-btn:hover{box-shadow:0px 0px 0px var(--border);background:#eff8fe;transform:translate(2px,2px)}.lang-btn.active{background:var(--accent);color:#fff;box-shadow:0px 0px 0px var(--border);transform:translate(2px,2px)}.mode-row{gap:6px;padding:0 10px 8px;display:flex}.mode-btn{border:2px solid var(--border);background:var(--panel);color:var(--label);box-shadow:2px 2px 0px var(--border);border-radius:4px;flex:1;padding:7px 0;font-size:14px;font-weight:700;transition:all .12s}.mode-btn:hover{box-shadow:0px 0px 0px var(--border);background:#eff8fe;transform:translate(2px,2px)}.mode-btn.active{background:var(--accent);color:#fff;box-shadow:0px 0px 0px var(--border);transform:translate(2px,2px)}.doc-list{flex:1;padding:4px 8px 8px;overflow-y:auto}.doc-item{border:2px solid var(--border);background:var(--panel);cursor:pointer;box-shadow:3px 3px 0px var(--border);border-radius:4px;align-items:flex-start;gap:7px;margin-bottom:6px;padding:6px 8px;font-size:14px;line-height:1.3;transition:all .1s;display:flex}.doc-item:hover{box-shadow:0px 0px 0px var(--border);background:#fafdff;transform:translate(3px,3px)}.doc-item.on{background:var(--accent-bg);box-shadow:0px 0px 0px var(--border);transform:translate(3px,3px)}.doc-item input{flex-shrink:0;margin:1px 0 0}.gen-bar{border-top:2px solid var(--border);background:var(--panel);padding:10px}.btn-gen{border:2px solid var(--border);background:var(--accent);color:#fff;width:100%;box-shadow:4px 4px 0px var(--border);border-radius:4px;padding:11px;font-size:16px;font-weight:700;transition:all .12s}.btn-gen:hover{box-shadow:0px 0px 0px var(--border);transform:translate(4px,4px)}.btn-gen:disabled{opacity:.55;cursor:wait;box-shadow:4px 4px 0px var(--border);transform:none}.top{background:var(--panel);border-bottom:2px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:9px 16px;display:flex}.tab{color:var(--muted);background:0 0;border:2px solid #0000;border-radius:4px;padding:7px 14px;font-size:15px;font-weight:600;transition:all .12s}.tab:hover{color:var(--accent);background:#f0f9ff}.tab.active{background:var(--accent-bg);color:var(--text);border-color:var(--border);box-shadow:2px 2px 0px var(--border)}.top .spacer{flex:1}.badge{color:#0369a1;border:2px solid var(--border);background:#e0f2fe;border-radius:20px;padding:3px 9px;font-size:13px;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{background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px 0px var(--border);border-radius:4px;margin-bottom:14px;overflow:hidden}.card-h{background:var(--panel);border-bottom:2px solid var(--border);color:var(--text);align-items:center;gap:8px;padding:9px 14px;font-size:15px;font-weight:700;display:flex}.card-h .ic{width:24px;height:24px;color:var(--text);border:2px solid var(--border);background:#bae6fd;border-radius:4px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.card-b{padding:11px 14px}.row{gap:12px;margin-bottom:12px;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:4px;font-size:13px;font-weight:700;display:block}.fld input,.fld select,.fld textarea{border:2px solid var(--border);background:var(--field-bg);border-radius:4px;width:100%;padding:6px 9px;font-size:15px;transition:all .1s;box-shadow:inset 3px 3px #0000000f}.fld input:focus,.fld select:focus,.fld textarea:focus{background:#fff;outline:none;box-shadow:inset 3px 3px #0000001a}.fld .hint{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.35}.fld .hint.pl{color:#0369a1;font-size:14px;font-weight:600}.segmented-control{background:var(--border);border-radius:6px;gap:2px;padding:3px;display:flex}.segmented-control button{background:var(--panel);color:var(--muted);border:2px solid #0000;border-radius:4px;flex:1;padding:6px 12px;font-size:14px;font-weight:700;transition:all .12s}.segmented-control button:hover{color:var(--text)}.segmented-control button.active{background:var(--accent);color:#fff;border-color:var(--border)}.ed-list{flex:1;grid-template-columns:260px 1fr;gap:12px;min-height:0;padding:12px 16px;display:grid;overflow:hidden}.ed-keys{background:var(--panel);border:2px solid var(--border);min-height:0;box-shadow:4px 4px 0px var(--border);border-radius:4px;overflow-y:auto}.ed-key{border-bottom:2px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:15px;transition:background .1s;display:flex}.ed-key:hover{background:#f0f9ff}.ed-key.active{background:var(--accent-bg);color:var(--text);border-left:4px solid var(--accent);padding-left:9px;font-weight:600}.ed-key .del{color:var(--err);opacity:0;padding:2px 6px;font-size:16px;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:2px solid var(--border);background:#f0f9ff;padding:9px 12px;font-size:14px;font-weight:700}.ed-keys .add:hover{background:#e0f2fe}.ed-form{background:var(--panel);border:2px solid var(--border);min-height:0;box-shadow:4px 4px 0px var(--border);border-radius:4px;padding:14px;overflow-y:auto}.ed-form h3{color:var(--text);margin:0 0 10px;font-size:16px}.btn{border:2px solid var(--border);background:var(--panel);color:var(--text);box-shadow:3px 3px 0px var(--border);border-radius:4px;padding:7px 12px;font-size:14px;font-weight:600;transition:all .12s}.btn:hover{color:var(--accent);box-shadow:0px 0px 0px var(--border);background:#f0f9ff;transform:translate(3px,3px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-d)}.btn.danger{color:var(--err);background:#fee2e2}.btn.danger:hover{background:#fecaca}@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:17px}.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:2px solid var(--border);align-items:center;gap:20px;padding:15px 20px;display:flex}.settings-back-btn{background:var(--panel);border:2px solid var(--border);color:var(--text);cursor:pointer;box-shadow:3px 3px 0px var(--border);border-radius:4px;padding:8px 12px;font-weight:700;transition:all .2s}.settings-back-btn:hover{box-shadow:0px 0px 0px var(--border);background:#e2e8f0;transform:translate(3px,3px)}.settings-top-bar h2{color:var(--text);flex:1;margin:0;font-size:20px}.settings-tabs-nav{gap:10px;display:flex}.settings-tabs-nav .tab{background:var(--panel);border:2px solid var(--border);color:var(--text);box-shadow:2px 2px 0px var(--border);border-radius:4px;padding:8px 16px;font-weight:600}.settings-tabs-nav .tab.active{background:var(--accent);color:#fff;box-shadow:0px 0px 0px var(--border);transform:translate(2px,2px)}.settings-btn{border:2px solid var(--border);cursor:pointer;box-shadow:2px 2px 0px var(--border);background:0 0;border-radius:4px;padding:8px;font-size:20px;transition:all .2s}.settings-btn:hover{box-shadow:0px 0px 0px var(--border);background:#e2e8f0;transform:translate(2px,2px)}.db-tab{text-align:center;background:var(--panel);color:var(--label);border:2px solid var(--border);cursor:pointer;box-shadow:2px 2px 0px var(--border);border-radius:4px;flex:1 1 0;justify-content:center;align-items:center;padding:8px 4px;font-size:13px;font-weight:700;line-height:1.2;transition:all .12s;display:flex}.db-tab:hover{box-shadow:0px 0px 0px var(--border);background:#eff8fe;transform:translate(2px,2px)}.db-tab.active{background:var(--accent);color:#fff;box-shadow:0px 0px 0px var(--border);transform:translate(2px,2px)}.mode-toggle-inline{background:var(--border);border:2px solid var(--border);border-radius:4px;padding:2px;display:flex}.mode-toggle-inline button{background:var(--panel);color:var(--text);border:2px solid #0000;border-radius:2px;flex:1;padding:6px 10px;font-size:14px;font-weight:600}.mode-toggle-inline button.active{background:var(--accent);color:#fff;border:2px solid var(--border)}.pos-desc{color:var(--muted);background:var(--panel);border:2px solid var(--border);border-left:4px solid var(--accent);border-radius:4px;margin-top:6px;padding:6px 8px;font-size:14px;line-height:1.4}.dash-card{transform:translateY(0)}.dash-card:not(.disabled):hover{box-shadow:0px 0px 0px var(--border);transform:translate(4px,4px)}.admin-side-btn{cursor:pointer;background:var(--panel);color:var(--label);border:2px solid var(--border);box-shadow:3px 3px 0px var(--border);border-radius:4px;align-items:center;gap:10px;padding:14px 15px;font-size:14px;font-weight:600;transition:all .12s;display:flex}.admin-side-btn:hover{box-shadow:0px 0px 0px var(--border);background:#eff8fe;transform:translate(3px,3px)}.admin-side-btn.active{background:var(--accent);color:#fff;box-shadow:0px 0px 0px var(--border);transform:translate(3px,3px)}.fld input[type=file]{text-align:center;margin:0 auto;padding:10px;display:block}
