:root{--ffg-green: #84a52b;--ffg-green-strong: #6f8e22;--ffg-gold: #c9a54a;--ffg-gold-light: #e2c676;--ffg-cream: #f7f4ef;--ffg-white: #ffffff;--ffg-gray-100: #f4f6f9;--ffg-gray-200: #e0e4ea;--ffg-gray-400: #98a2b3;--ffg-gray-700: #475467;--ffg-shadow: rgba(10, 28, 56, .15);--ffg-font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ffg-font);background-color:var(--ffg-cream);color:var(--ffg-green);line-height:1.6}button{font-family:inherit}img{display:block}#root{min-height:100vh}.app-shell{min-height:100vh;background:var(--ffg-cream)}.header-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 16px 12px;background:var(--ffg-white);color:var(--ffg-green);box-shadow:0 4px 16px var(--ffg-shadow)}.header-brand{display:flex;align-items:center;gap:12px}.header-logo{width:240px;height:56px;object-fit:contain}.header-login{background:var(--ffg-green);color:var(--ffg-white);border:none;border-radius:999px;padding:10px 20px;font-weight:600;cursor:pointer}.header-login:hover{background:var(--ffg-green-strong)}.app-main{padding:24px 32px 48px}.tabs{display:inline-flex;gap:8px;background:var(--ffg-gray-100);border-radius:999px;padding:6px;margin-bottom:24px}.tab{border:none;background:transparent;color:var(--ffg-gray-700);padding:8px 20px;border-radius:999px;font-weight:600;cursor:pointer}.tab-active{background:var(--ffg-green);color:var(--ffg-white);box-shadow:0 4px 10px var(--ffg-shadow)}.app-content{background:var(--ffg-white);border-radius:24px;padding:28px;box-shadow:0 12px 28px var(--ffg-shadow)}.page-title{font-size:28px;margin-bottom:6px}.page-lead{color:var(--ffg-gray-700);margin-bottom:20px}.summary-card,.projects-detail{background:var(--ffg-gray-100);border-radius:18px;padding:20px 24px}.card-title{font-size:18px;margin-bottom:8px}.card-body{color:var(--ffg-gray-700)}.projects-layout{display:grid;grid-template-columns:240px 1fr;gap:24px}.projects-menu{background:var(--ffg-gray-100);border-radius:18px;padding:20px}.menu-title{font-size:16px;margin-bottom:12px}.menu-list{list-style:none;display:flex;flex-direction:column;gap:8px}.menu-item{width:100%;border:none;background:var(--ffg-white);border-radius:12px;padding:10px 14px;text-align:left;color:var(--ffg-gray-700);font-weight:500;cursor:pointer}.menu-item-active{background:var(--ffg-green);color:var(--ffg-white)}.modal-overlay{position:fixed;inset:0;background:#06162c99;display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:var(--ffg-white);border-radius:24px;padding:24px;min-width:320px;max-width:420px;box-shadow:0 16px 40px var(--ffg-shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-title{font-size:20px}.modal-close{border:none;background:transparent;color:var(--ffg-gray-700);cursor:pointer}.modal-text{color:var(--ffg-gray-700);margin-bottom:16px}.modal-actions{display:flex;gap:12px}.primary-button,.secondary-button{border-radius:999px;padding:10px 18px;border:none;font-weight:600;cursor:pointer}.primary-button{background:var(--ffg-green);color:var(--ffg-white)}.secondary-button{background:var(--ffg-gray-200);color:var(--ffg-green)}.primary-button:hover{background:var(--ffg-green-strong)}.secondary-button:hover{background:var(--ffg-gray-400)}@media(max-width:900px){.projects-layout{grid-template-columns:1fr}}