:root{--ink:#17283d;--blue:#123d6a;--paper:#f7f5ef;--line:#d9e0e5;--muted:#66758a;--green:#176b4d;--amber:#9a6700;--red:#a13636}
    *{box-sizing:border-box}body{margin:0;font-family:"Libre Franklin",sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}.app-shell{width:100%;min-height:calc(100 * min(var(--vh,1vh),1vh));display:flex}.sidebar{width:258px;background:#102f52;color:#eaf2fa;flex:none;position:sticky;top:0;height:calc(100 * min(var(--vh,1vh),1vh));overflow:auto;transition:transform .2s}.main-area{min-width:0;flex:1}.nav-item,.subnav{display:flex;align-items:center;gap:.7rem;width:100%;padding:.66rem .85rem;border-radius:.55rem;text-align:left;color:#c8d7e7;font-size:.86rem;background:transparent;border:0;cursor:pointer}.subnav{padding:.42rem .85rem .42rem 2.5rem;font-size:.78rem}.nav-item:hover,.nav-item.active,.subnav.active{background:#24547f;color:#fff}.topbar{height:70px;background:#fffdf9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;gap:1rem;position:sticky;top:0;z-index:20}.page{display:none;padding:1.7rem 2rem 3rem;max-width:1500px;margin:auto}.page.active{display:block;animation:rise .2s ease-out}@keyframes rise{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}.panel{background:#fffdf9;border:1px solid var(--line);border-radius:.75rem;box-shadow:0 2px 8px rgba(23,40,61,.04)}.kpi{padding:1rem;border-left:4px solid var(--blue);text-align:left;transition:.15s}.kpi:hover{transform:translateY(-2px);box-shadow:0 7px 18px #173e6814}.label{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:.5rem;padding:.62rem .84rem;font-size:.82rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:.15s}.btn:focus-visible,.nav-item:focus-visible,.subnav:focus-visible,.kpi:focus-visible{outline:3px solid #8db9df;outline-offset:2px}.btn-primary{background:#123d6a;color:#fff}.btn-primary:hover{background:#0c3158}.btn-secondary{background:#fffdf9;border-color:#b9c5ce;color:#1e3b5c}.btn-danger{background:#a13636;color:#fff}.field{width:100%;border:1px solid #c6d0d8;background:#fff;border-radius:.45rem;padding:.61rem .68rem;font-size:.84rem;color:var(--ink)}.field:focus{outline:3px solid #bdd5ee;border-color:#326899}.status{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border-radius:99px;font-size:.71rem;font-weight:700;white-space:nowrap}.ok{color:#176b4d;background:#e7f5ee}.warn{color:#855900;background:#fff2cf}.danger{color:#992e2e;background:#fbe8e8}.info{color:#215882;background:#e8f1f8}.neutral{color:#526174;background:#eef1f3}.proposal{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;padding:.23rem .46rem;border-radius:.3rem;color:#73520c;background:#fcf4dc;border:1px solid #edd890}.view-title{font-size:1.55rem;font-weight:700;letter-spacing:-.025em}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:.78rem}th{text-align:left;padding:.68rem .72rem;background:#f1f5f7;color:#526174;font-size:.67rem;text-transform:uppercase;letter-spacing:.035em}td{padding:.72rem;border-top:1px solid #e2e8ec;vertical-align:middle}.table-wrap{overflow:auto}.table-action{font-weight:700;color:#123d6a;background:transparent;border:0;cursor:pointer;font-size:.76rem}.modal-wrap{display:none;position:fixed;inset:0;background:#0c1c2d7d;z-index:60;align-items:center;justify-content:center;padding:1rem}.modal-wrap.open{display:flex}.modal{width:min(640px,100%);max-height:90%;overflow:auto;background:#fffdf9;border-radius:.8rem;box-shadow:0 18px 45px #0005}.toast{position:fixed;right:1rem;bottom:1rem;z-index:80;display:none;max-width:390px;padding:1rem;border-radius:.65rem;background:#173e68;color:white;box-shadow:0 12px 30px #17283d55}.toast.show{display:flex}.drawer{position:fixed;right:0;top:0;height:100%;width:min(420px,100%);background:#fffdf9;z-index:65;transform:translateX(100%);transition:.2s;box-shadow:-8px 0 28px #0003;padding:1.4rem;overflow:auto}.drawer.open{transform:none}.mobile-nav{display:none}.empty{padding:2.5rem;text-align:center;color:var(--muted)}.step{border-left:3px solid #d6e0e7;padding:.25rem .75rem}.step.active{border-color:var(--blue);background:#edf4fa}.help-panel{display:none;position:absolute;right:1rem;top:62px;width:min(350px,calc(100vw - 2rem));z-index:40}.help-panel.open{display:block}@media(max-width:900px){.sidebar{position:fixed;z-index:50;transform:translateX(-100%);box-shadow:5px 0 22px #0003}.sidebar.open{transform:none}.mobile-nav{display:inline-flex}.topbar{padding:0 1rem}.page{padding:1.25rem 1rem}}@media(max-width:620px){.top-search{display:none}.topbar{height:60px}.view-title{font-size:1.28rem}.page{padding:.95rem}.kpi-grid{grid-template-columns:1fr 1fr!important}.hide-mobile{display:none}}
    /* LOGIN */
  .login-page{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:1.5rem;
    background:var(--paper);
  }

  .login-card{
    width:min(420px,100%);
    background:#fffdf9;
    border:1px solid var(--line);
    border-radius:.9rem;
    box-shadow:0 10px 30px rgba(23,40,61,.08);
    padding:2rem;
  }

  .login-brand{
    display:flex;
    align-items:center;
    gap:.8rem;
    margin-bottom:1.8rem;
  }

  .login-brand-icon{
    width:48px;
    height:48px;
    border-radius:.7rem;
    background:#123d6a;
    color:#fff;
    display:grid;
    place-items:center;
  }

  .login-error{
    display:none;
    color:#992e2e;
    background:#fbe8e8;
    border:1px solid #efcaca;
    border-radius:.45rem;
    padding:.65rem .75rem;
    font-size:.8rem;
    margin-top:.8rem;
  }

  .login-error.show{
    display:block;
  }