@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--color-navy:#14283F;--color-navy-dark:#0D1B2A;--color-teal:#0B9A91;--color-teal-hover:#08837B;--color-pale-teal:#EAF8F6;--color-canvas:#F6F8FB;--color-surface:#FFFFFF;--color-subtle:#EEF2F6;--color-border:#E1E7ED;--color-border-subtle:#ECEFF3;--color-positive:#16835B;--color-positive-bg:#E8F5EE;--color-negative:#C84646;--color-negative-bg:#FBEAEA;--color-warning:#C1842C;--color-warning-bg:#FDF6EA;--color-text-primary:#14283F;--color-text-secondary:#586A7E;--color-text-muted:#8A99A8;--shadow-sm:0 1px 3px rgba(20,40,63,0.05);--shadow-card:0 4px 16px rgba(20,40,63,0.06);--shadow-card-hover:0 10px 30px rgba(20,40,63,0.12);--shadow-modal:0 20px 50px rgba(20,40,63,0.20);--radius-sm:10px;--radius-md:10px;--radius-lg:10px;--radius-xl:10px;--radius-full:9999px;--sidebar-width:256px;--topbar-height:72px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-canvas);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade{animation:fadeIn .25s ease-out forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);min-height:44px}.btn-primary{background:linear-gradient(135deg,var(--color-teal) 0,#098880 100%);color:#FFFFFF;box-shadow:0 2px 10px rgba(11,154,145,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-teal-hover) 0,#07746D 100%);transform:translateY(-1px);box-shadow:0 4px 14px rgba(11,154,145,.4)}.btn-secondary{background-color:var(--color-surface);color:var(--color-navy);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-subtle);border-color:var(--color-border)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{background-color:var(--color-subtle);color:var(--color-navy)}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:24px;transition:box-shadow .2s ease,transform .2s ease}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge-positive{background-color:var(--color-positive-bg);color:var(--color-positive)}.badge-negative{background-color:var(--color-negative-bg);color:var(--color-negative)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-teal{background-color:var(--color-pale-teal);color:var(--color-teal)}.badge-neutral{background-color:var(--color-subtle);color:var(--color-text-secondary)}.input-field{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px rgba(11,154,145,.15)}.modal-overlay{position:fixed;inset:0;background:rgba(20,40,63,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-modal);border:1px solid var(--color-border)}.app-sidebar{width:var(--sidebar-width);background-color:var(--color-navy);color:#FFFFFF;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:1000;box-shadow:4px 0 16px rgba(13,27,42,.15);transition:transform .28s cubic-bezier(.16,1,.3,1)}.app-main-pane{flex:1 1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;min-width:0;transition:margin-left .28s ease}.app-topbar{height:var(--topbar-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.app-content{flex:1 1;padding:32px;max-width:var(--es-max-width,1400px);width:100%;margin:0 auto}.menu-toggle-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-navy);background:var(--color-subtle);margin-right:12px;transition:background .15s ease}.menu-toggle-btn:hover{background:var(--color-border)}.sidebar-close-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:#FFFFFF;background:rgba(255,255,255,.1);margin-left:auto}.sidebar-close-btn:hover{background:rgba(255,255,255,.2)}.app-backdrop{display:none;position:fixed;inset:0;background:rgba(13,27,42,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;animation:fadeIn .2s ease-out}.responsive-two-col{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:24px;gap:24px}.responsive-three-col{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.responsive-four-col{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.responsive-form-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}@media (max-width:899px){.app-sidebar{width:min(85vw,300px);transform:translateX(-100%)}.app-sidebar.open{transform:translateX(0)}.app-backdrop.open{display:block}.app-main-pane{margin-left:0!important}.menu-toggle-btn,.sidebar-close-btn{display:inline-flex}.app-topbar{padding:0 16px;height:64px}.app-content{padding:16px 16px 80px}.topbar-subtitle{display:none}.topbar-title{font-size:15px!important}.topbar-actions .btn span{display:none}.topbar-actions .btn{padding:8px 10px;min-height:36px}.responsive-three-col,.responsive-two-col{display:flex!important;flex-direction:column!important;gap:16px!important}.responsive-four-col{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:12px!important;gap:12px!important}.responsive-form-row{display:flex!important;flex-direction:column!important;gap:12px!important}}