* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial; background:#0b0f14; color:#e6eef8; }
a { color:#7dc4ff; text-decoration:none; }
.nav { background:#0f1420; border-bottom:1px solid #203045; padding:10px 16px; display:flex; gap:12px; align-items:center; }
.nav .brand { font-weight:700; letter-spacing:0.5px; }
.nav .right { margin-left:auto; display:flex; gap:10px; align-items:center; }
.container { max-width:1100px; margin:24px auto; padding:0 16px; }
.card { background:#111827; border:1px solid #21324a; border-radius:10px; padding:18px; margin-bottom:16px; }
.btn { display:inline-block; padding:10px 14px; border-radius:8px; border:1px solid #274a7a; background:#132235; color:#d8e8ff; cursor:pointer; }
.btn:hover { background:#16304d; }
.btn.primary { background:#1f4b99; border-color:#2c6bff; }
.grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap:16px; }
input, select, textarea { width:100%; padding:10px; border-radius:8px; border:1px solid #2b3f5e; background:#0e1624; color:#e6eef8; }
label { display:block; margin-bottom:6px; font-size:13px; color:#b9c7da; }
table { width:100%; border-collapse:collapse; }
th, td { padding:10px; border-bottom:1px solid #1e2a40; }
.badge { padding:3px 8px; border-radius:999px; font-size:12px; background:#1e2a40; display:inline-block; }
.flash { padding:10px 12px; border-radius:8px; margin:10px 0; }
.flash.success { background:#0f3b1e; color:#b5ffcf; border:1px solid #1e7f44; }
.flash.danger { background:#3b0f0f; color:#ffc1c1; border:1px solid #7f1e1e; }
.footer { text-align:center; padding:30px; color:#9bb0c9; border-top:1px solid #203045; margin-top:40px; }
.hero { display:grid; grid-template-columns: 1.3fr 1fr; gap:24px; align-items:center; }
.hero h1 { font-size:40px; line-height:1.1; margin:0 0 12px; }
.hero .kpis { display:flex; gap:16px; }
.kpi { background:#10192a; padding:12px; border-radius:8px; border:1px solid #21324a; }
.section { margin:60px 0; }
.section h2 { margin-bottom:10px; }
.small { font-size:12px; color:#9bb0c9; }
.editor-canvas { min-height:240px; padding:12px; background:#0e1624; border:1px dashed #3b557e; border-radius:8px; }
.block { background:#0f1829; border:1px solid #233656; border-radius:8px; padding:10px; margin:10px 0; }
.flex { display:flex; gap:12px; align-items:center; }
.avatar { width:28px; height:28px; border-radius:50%; background:#0e1624; border:1px solid #203045; }
.calendar { display:grid; grid-template-columns: repeat(7, 1fr); gap:8px; }
.calendar .day { border:1px solid #233656; border-radius:8px; min-height:120px; padding:8px; background:#0f1829; }
.calendar .day .d { font-size:12px; color:#9bb0c9; }
.tag { font-size:12px; padding:4px 8px; border:1px solid #284a7a; border-radius:999px; margin-right:6px; }
code.inline { background:#0e1624; padding:2px 6px; border-radius:6px; border:1px solid #1b2a44; }