:root{color-scheme:light dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.container{max-width:640px;margin:2rem auto;padding:1rem}.card{background:#ffffff08;color:#fff;padding:1rem;box-shadow:0 4px 16px #0000000a;margin-bottom:1rem;width:100%}label{font-size:.9rem;color:#fff}input{width:100%;padding:.6rem .8rem;border:1px solid #d1d5db;margin-top:6px;outline:none;background:#fff;color:#000}input:focus{border-color:#2563eb}textarea{background:#fff;color:#000}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;border:0;border-radius:4px;padding:.7rem 1rem;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.75rem;border-radius:10px}.header{display:flex;align-items:center;justify-content:space-between;color:#fff;margin-bottom:1rem}.badge{display:inline-block;font-size:.8rem;padding:.2rem .5rem;border-radius:999px;background:#eef2ff;color:#4338ca}pre{background:#0b1220;color:#e5edff;padding:1rem;border-radius:12px;overflow:auto}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0b1220;color:#e5edff;border-right:1px solid #1f2937;padding:1rem;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-title{font-weight:700;letter-spacing:.02em;opacity:.8;margin-bottom:.75rem}.sb-section{margin-bottom:.75rem}.sb-section-title{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:1px solid #1f2937;color:#e5edff;padding:.5rem .6rem;border-radius:8px;cursor:pointer}.sb-submenu{padding-left:.25rem;margin-top:.4rem;display:grid;gap:.25rem}.sb-item{display:block;padding:.45rem .6rem;border-radius:8px;color:#cbd5e1;text-decoration:none}.sb-item:hover{background:#0f172a;color:#e5edff}.sb-item.active{background:#1e293b;color:#fff}.layout-main{display:flex;flex-direction:column;min-width:0}.app-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #1f2937;background:#0b1220;color:#111827;position:sticky;top:0;z-index:10}.brand{font-weight:700;color:#fff}.spacer{flex:1}.btn-ghost{background:#111827;color:#fff}.btn-ghost:hover{background:#0b1220}.layout-content{padding:1rem;background:#0b1220;min-height:100vh}.page-title{margin:.25rem 0 1rem;font-size:1.3rem;font-weight:700}input[type=text],input[type=email],input[type=password],textarea,input:not([type]),input[type=file],input[type=number],input[type=date]{width:100%;padding:.6rem .7rem;border:1px solid #e5e7eb;border-radius:4px}label{display:block;font-size:.9rem;margin:1rem 0 .35rem}.hint{color:#64748b;font-size:.85rem}.user-name{color:#fff}.field-error{margin-top:6px;font-size:12px;color:#ffb4b4}.char-hint{color:#fff;margin-top:4px;font-size:11px;opacity:.7}.required{color:red;margin-top:4px;font-size:13px}.userbox{display:flex;align-items:center;gap:.5rem}.btn-logout{background:red;color:#fff;outline:0;border:0;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-weight:600}.btn-logout:hover{opacity:.9}.language{display:flex;align-items:center;gap:.4rem;color:#fff;margin-right:2rem}