:root{--navy: #0C2340;--accent: #3A606E;--green: #31BD6D;--teal: #2A6E7F;--indigo: #4F46E5;--slate: #334155;--mid-grey: #708090;--light-grey: #E2E8F0;--off-white: #F8FAFC;--white: #FFFFFF;--callout-bg: #EEF4F1;--callout-border: #C6DFD0;--work-badge-bg: #EEF4F1;--personal-badge-bg: #EEEAFA;--error-red: #E53E3E;--page-bg: #D6DCE4;--row-border: #F1F5F9;--meta-light: #A0AEC0;--font: Arial, sans-serif;--radius-card: 8px;--radius-input: 6px;--radius-pill: 9999px;--shadow-app: 0 0 40px rgba(12, 35, 64, .18);--transition: all .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--page-bg);font-family:var(--font);color:var(--slate);-webkit-font-smoothing:antialiased}input,select,button,textarea{font-family:var(--font)}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:-1px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}