:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0f1115;--surface:#171a21;--surface-hover:#1d2230;--border:#2b3140;--text:#f5f7fb;--text-secondary:#a2acbd;--primary:#7c8cff;--primary-hover:#95a2ff;--danger:#ef4444;--radius:12px;--radius-sm:10px;--shadow-sm:0 2px 10px #0000002e;--shadow-md:0 10px 30px #0000004d;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:radial-gradient(1200px 600px at -10% -20%, #7c8cff1f, transparent 55%), var(--background);min-height:100vh;color:var(--text);margin:0}button,input,textarea{font:inherit}h1,h2,h3{letter-spacing:.2px;margin:0}p{color:var(--text-secondary);margin:0}.layout{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:18px;padding:24px 18px;display:flex}.sidebar h2{color:var(--text);padding:0 8px;font-size:1.05rem;font-weight:700}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar a{color:var(--text-secondary);border-radius:10px;padding:10px 12px;text-decoration:none;transition:all .15s}.sidebar a:hover{background:var(--surface-hover);color:var(--text)}.sidebar a.active{color:#fff;background:var(--primary)}.sidebar button{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;margin-top:auto;padding:10px 12px;transition:all .15s}.sidebar button:hover{background:var(--surface-hover);color:var(--text)}.content{padding:28px}.content>*{max-width:1200px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:10px;padding:20px}.sections-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;margin-top:18px;display:grid}.entity-item{touch-action:none}.entity-list{flex-direction:column;gap:10px;display:flex}.entity-list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;cursor:pointer;align-items:center;gap:8px;width:100%;padding:14px;transition:all .15s;display:flex}.entity-list-item:hover{background:var(--surface-hover)}.entity-list-item.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}.entity-list-item strong{color:var(--text)}.entity-list-item small{color:var(--text-secondary)}.entity-new{border-radius:var(--radius-sm);border:1px dashed var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;margin-top:8px;padding:12px;transition:all .15s}.entity-new:hover{background:var(--surface-hover)}.entity-form,.entity-form-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.entity-form{flex-direction:column;gap:14px;max-width:760px;display:flex}.entity-form-empty{max-width:760px;color:var(--text-secondary)}.entity-form label{color:var(--text);flex-direction:column;gap:6px;font-weight:600;display:flex}.entity-form input,.entity-form textarea{width:100%;color:var(--text);border:1px solid var(--border);background:#10141d;border-radius:10px;outline:none;padding:10px 12px;transition:all .15s}.entity-form input:focus,.entity-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c8cff33}.checkbox-field{width:fit-content;color:var(--text-secondary);align-items:center;gap:10px;font-weight:500!important;display:inline-flex!important}.checkbox-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex:none;margin:0}.readonly-field{border:1px solid var(--border);color:var(--text-secondary);background:#10141d;border-radius:10px;margin:0;padding:10px 12px;font-weight:500}.form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.form-actions button{border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 14px;transition:all .15s}.form-actions button:first-child{color:var(--text-secondary);background:0 0}.form-actions button:first-child:hover{color:#ffd4d4;background:#ef44441a;border-color:#ef444480}.form-actions button:last-child{background:var(--primary);color:#fff;border-color:#0000}.form-actions button:last-child:hover{background:var(--primary-hover)}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.entity-drag-handle{width:32px;height:100%;color:var(--text-secondary);cursor:grab;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.entity-drag-handle:active{cursor:grabbing}.entity-content{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:3px;padding:8px 12px;display:flex}.login-page{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow-md);border-radius:14px;flex-direction:column;gap:14px;padding:24px;display:flex}.login-card h1{margin-bottom:2px;font-size:1.5rem}.login-card input{width:100%;color:var(--text);border:1px solid var(--border);background:#10141d;border-radius:10px;outline:none;padding:11px 12px}.login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c8cff33}.login-card button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:11px 14px;transition:all .15s}.login-card button:hover{background:var(--primary-hover)}.login-error{color:#ffb4b4;font-size:.92rem}.image-preview{border:1px solid var(--border);background:var(--background);border-radius:10px;width:100%;max-width:260px;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:160px;display:block}.image-preview-empty{border:1px dashed var(--border);width:100%;max-width:260px;min-height:80px;color:var(--text-secondary);border-radius:10px;place-items:center;padding:10px;font-size:.9rem;display:grid}@media (width<=960px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.content{padding:20px}.sections-layout{grid-template-columns:1fr}.entity-form,.entity-form-empty{max-width:100%}}