:root{--cc-primary: #0b3d6b;--cc-primary-dark: #072a4a;--cc-secondary: #1a5a96;--cc-accent: #2e7d32;--cc-bg: #f4f7fb;--cc-surface: #fff;--cc-text: #1a2332;--cc-muted: #5a6b7d;--cc-border: #d8e2ec;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cc-bg);color:var(--cc-text)}a{color:var(--cc-primary)}.card{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:8px;padding:1rem}.btn{background:var(--cc-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.btn:disabled{opacity:.6}.input{width:100%;padding:.5rem;border:1px solid var(--cc-border);border-radius:6px}.login-wrap{max-width:400px;margin:4rem auto}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-hero{min-height:220px}}.login-hero{background:linear-gradient(145deg,var(--cc-primary-dark) 0%,var(--cc-primary) 45%,var(--cc-secondary) 100%);color:#fff;display:flex;align-items:center;justify-content:center;padding:2rem}.login-hero-inner{max-width:420px;text-align:center}.login-logo{width:88px;height:88px;border-radius:16px;object-fit:cover;border:3px solid rgba(255,255,255,.35);box-shadow:0 8px 24px #0003;margin-bottom:1rem}.login-hero-municipality{font-size:.95rem;opacity:.92;margin:0 0 .35rem}.login-hero-title{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.login-hero-sub{font-size:.95rem;line-height:1.45;opacity:.9;margin:0 0 1rem}.login-lab-badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.35rem .75rem;border-radius:999px;background:#ffffff26;border:1px solid rgba(255,255,255,.25)}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--cc-bg)}.login-card{width:100%;max-width:400px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:12px;padding:1.75rem;box-shadow:0 12px 40px #0b3d6b14}.login-card h2{margin:0 0 .35rem;font-size:1.35rem}.login-card-hint{color:var(--cc-muted);font-size:.9rem;margin:0 0 1.25rem}.login-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;margin-bottom:.85rem}.login-error{color:#b42318;font-size:.9rem;margin:.25rem 0 .5rem;line-height:1.4}.login-submit{width:100%;margin-top:.5rem;padding:.65rem 1rem;font-weight:600}.login-footer-note{margin-top:1.25rem;font-size:.8rem;color:var(--cc-muted)}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.tabs{display:flex;gap:.25rem;margin-bottom:1rem;flex-wrap:wrap}.tab{background:var(--cc-surface);border:1px solid var(--cc-border);padding:.4rem .75rem;border-radius:6px;cursor:pointer}.tab.active{background:var(--cc-primary);color:#fff;border-color:var(--cc-primary)}.form-grid{display:grid;gap:.75rem;max-width:720px}.form-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.success{color:#0d6b3a}.error{color:#b42318}.modal{background:var(--cc-surface);border:1px solid var(--cc-border);padding:1rem;border-radius:8px;margin-top:1rem}.btn.primary{background:var(--cc-secondary)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1rem;padding:.65rem 1rem;background:var(--cc-surface);border-bottom:1px solid var(--cc-border);position:sticky;top:0;z-index:40}.topbar-menu{display:none;background:transparent;border:1px solid var(--cc-border);border-radius:6px;padding:.35rem .6rem;font-size:1.1rem;cursor:pointer}.topbar-brand{display:flex;flex-direction:column;line-height:1.2}.topbar-brand span{font-size:.8rem;color:var(--cc-muted)}.topbar-user{margin-left:auto;display:flex;align-items:center;gap:.75rem}.topbar-name{font-size:.9rem;color:var(--cc-muted)}.layout{display:flex;flex:1;min-height:0}.sidebar{width:260px;flex-shrink:0;background:linear-gradient(180deg,var(--cc-primary-dark) 0%,var(--cc-primary) 100%);color:#fff;padding:1rem .75rem;display:flex;flex-direction:column}.sidebar-head{text-align:center;padding:.5rem .5rem 1rem;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:.75rem}.sidebar-logo{width:56px;height:56px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.25)}.sidebar-muni{font-size:.8rem;opacity:.88;margin:.5rem 0 0}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem;overflow-y:auto}.nav-link{color:#ffffffe0;text-decoration:none;padding:.45rem .65rem;border-radius:8px;font-size:.92rem;transition:background .15s}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#ffffff2e;color:#fff;font-weight:600}.main{flex:1;padding:1.25rem 1.5rem;max-width:1200px;width:100%}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--cc-muted)}.page{display:flex;flex-direction:column;gap:1rem}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.page-header h1{margin:0;font-size:1.5rem;font-weight:700}.page-sub{margin:.35rem 0 0;color:var(--cc-muted);font-size:.92rem;max-width:52rem}.page-sub code{font-size:.85em;background:#e8eef5;padding:.1rem .35rem;border-radius:4px}.btn-primary{background:var(--cc-primary);color:#fff;text-decoration:none;display:inline-flex;align-items:center}.btn-sm{padding:.35rem .65rem;font-size:.85rem}.btn-ghost{background:transparent;color:var(--cc-primary);border:1px solid var(--cc-border)}.btn-ghost:hover{background:var(--cc-bg)}.input:focus{outline:none;border-color:var(--cc-secondary);box-shadow:0 0 0 3px #1a5a9626}.table-card{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0b3d6b0d}.data-table{width:100%;border-collapse:collapse;font-size:.92rem}.data-table th{text-align:left;padding:.65rem 1rem;background:#f0f4f9;color:var(--cc-muted);font-weight:600;font-size:.8rem;border-bottom:1px solid var(--cc-border)}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--cc-border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#fafbfd}.cell-strong{font-weight:600}.cell-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.slug{font-size:.85em;background:#eef3f8;padding:.15rem .4rem;border-radius:4px}.badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:999px;background:#e8eef5;color:var(--cc-text)}.badge-published{background:#e6f4ea;color:#0d6b3a}.badge-draft{background:#f3f4f6;color:#5a6b7d}.badge-in_review{background:#fff4e5;color:#9a6700}.badge-approved{background:#e3f2fd;color:#0b3d6b}.stat-row{display:flex;flex-wrap:wrap;gap:.75rem}.stat-chip{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:10px;padding:.65rem 1rem;min-width:140px}.stat-label{display:block;font-size:.78rem;color:var(--cc-muted);margin-bottom:.2rem}.stat-chip strong{font-size:1.35rem;color:var(--cc-primary)}.empty-panel{background:var(--cc-surface);border:1px dashed var(--cc-border);border-radius:12px;padding:1.5rem;max-width:640px}.empty-panel h2{margin:0 0 .5rem;font-size:1.1rem}.code-block{background:#1a2332;color:#e8eef5;padding:.75rem 1rem;border-radius:8px;font-size:.8rem;overflow-x:auto;margin:.75rem 0}.muted{color:var(--cc-muted);font-size:.9rem}.alert{padding:.75rem 1rem;border-radius:8px;font-size:.92rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.alert-error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.link-btn{background:none;border:none;color:var(--cc-secondary);cursor:pointer;font-weight:600;text-decoration:underline;padding:0}a.link-btn{text-decoration:none;font-weight:500}.form-card{margin-bottom:.5rem}.card-title{margin:0 0 1rem;font-size:1.05rem}@media(max-width:900px){.topbar-menu{display:block}.topbar-name{display:none}.sidebar{position:fixed;left:0;top:52px;bottom:0;z-index:50;transform:translate(-100%);transition:transform .2s ease;box-shadow:8px 0 24px #00000026}.sidebar-open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:52px;right:0;bottom:0;left:0;z-index:45;background:#00000059;border:none;cursor:pointer}.main{padding:1rem}}