@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;--clay-bg:#f9f6f0;--clay-card:#f9f6f0;--clay-shadow-out:8px 8px 16px #e0ddd7, -8px -8px 16px #fff;--clay-shadow-in:inset 6px 6px 10px #e0ddd7, inset -6px -6px 10px #fff;--clay-shadow-hover:4px 4px 10px #e0ddd7, -4px -4px 10px #fff;--clay-btn-convex:8px 8px 16px #c4c1b9, -8px -8px 16px #fff, inset 2px 2px 5px #fff, inset -2px -2px 5px #0000000d;--clay-btn-convex-hover:4px 4px 8px #c4c1b9, -4px -4px 8px #fff, inset 2px 2px 5px #fff, inset -2px -2px 5px #0000000d;--clay-btn-convex-active:inset 6px 6px 12px #c4c1b9, inset -6px -6px 12px #fff;--clay-radius:24px;--clay-accent:#f7a08c;--clay-accent-soft:#ffb7a8;--clay-green:#90c8a8;--clay-sidebar:#aedbc2;--clay-sidebar-shadow:inset 4px 4px 10px #9dc5af, inset -4px -4px 10px #bfe1d5}*{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:100%;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}.clay-app{background:var(--clay-bg);height:100vh;display:flex;overflow:hidden}.clay-sidebar{background:var(--clay-sidebar);box-shadow:var(--clay-sidebar-shadow);z-index:10;border-radius:0 40px 40px 0;flex-direction:column;padding:20px 0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.clay-sidebar.expanded{width:300px}.clay-sidebar.collapsed{align-items:center;width:90px}.clay-avatar-container{flex-direction:column;align-items:center;margin-bottom:30px;padding:0 20px;display:flex}.clay-sidebar.collapsed .clay-avatar-container{padding:0}.clay-avatar{object-fit:cover;cursor:pointer;border:4px solid #fff;border-radius:50%;width:80px;height:80px;transition:transform .2s;box-shadow:4px 4px 10px #0000001a}.clay-avatar:hover{transform:scale(1.05)}.clay-sidebar.collapsed .clay-avatar{border-width:2px;width:50px;height:50px}.clay-greeting{color:#1a1a1a;text-align:center;white-space:nowrap;margin-top:15px;font-size:24px;font-weight:800}.clay-sidebar.collapsed .clay-greeting{display:none}.clay-nav{flex-direction:column;gap:15px;padding:0 20px;display:flex}.clay-sidebar.collapsed .clay-nav{padding:0 10px}.clay-nav-item{background:var(--clay-sidebar);box-shadow:var(--clay-btn-convex);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:15px;padding:12px 20px;font-weight:700;transition:all .2s;display:flex}.clay-nav-item:hover{box-shadow:var(--clay-btn-convex-hover);transform:translateY(-2px)}.clay-nav-item.active{background:var(--clay-accent);color:#fff;box-shadow:var(--clay-btn-convex-active)}.clay-sidebar.collapsed .clay-nav-item{border-radius:16px;justify-content:center;padding:12px}.clay-sidebar.collapsed .clay-nav-item span{display:none}.clay-main{flex-direction:column;flex:1;padding:30px;display:flex;overflow:auto}.clay-dashboard{width:100%;max-width:1200px;margin:0 auto}.clay-dashboard h1{color:var(--text);margin:0 0 30px;font-size:36px;font-weight:800}.clay-projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid}.clay-project-card{background:var(--clay-card);border-radius:var(--clay-radius);box-shadow:var(--clay-shadow-out);text-align:center;cursor:pointer;flex-direction:column;align-items:center;padding:30px;transition:all .2s;display:flex}.clay-project-card:hover{box-shadow:var(--clay-shadow-hover);transform:translateY(-5px)}.clay-project-card.coming-soon{opacity:.6;cursor:not-allowed}.clay-project-card.coming-soon:hover{box-shadow:var(--clay-shadow-out);transform:none}.clay-project-icon{background:var(--clay-accent);color:#fff;width:80px;height:80px;box-shadow:var(--clay-shadow-out);border-radius:20px;justify-content:center;align-items:center;margin-bottom:20px;font-size:36px;display:flex}.clay-project-card.coming-soon .clay-project-icon{background:#d1d5db}.clay-project-title{margin:0 0 10px;font-size:24px;font-weight:800}.clay-project-desc{color:var(--muted);margin:0;font-size:16px}