:root{--yes-blue: #13456e;--yes-blue-deep: #0d3252;--yes-blue-soft: #1c5488;--yes-blue-tint-10: #e7edf2;--yes-blue-tint-05: #f3f6f9;--yes-light-blue: #4ac7e9;--yes-light-blue-text: #049ec8;--yes-green: #a1cb45;--yes-green-text: #71a304;--yes-gradient: linear-gradient(90deg, #13456e 0%, #4ac7e9 55%, #a1cb45 100%);--yes-light-blue-oninverse: var(--yes-light-blue);--yes-green-oninverse: var(--yes-green);--shadow-hover: 0 4px 12px rgba(19, 69, 110, .1);--gray-900: #000000;--gray-800: #373737;--gray-700: #4f4f4f;--gray-600: #656565;--gray-500: #9e9f9e;--gray-400: #b1b1b1;--gray-300: #d5d5d5;--gray-200: #e6e6e6;--gray-100: #f0f0f0;--gray-50: #f8f8f8;--success: #0bab43;--info: #049ec8;--alert: #dc9600;--error: #e74b3d;--success-tint: #e6f6ec;--info-tint: #e4f4f9;--alert-tint: #fbf2e0;--error-tint: #fceae8;--font-core: "Satoshi", ui-sans-serif, system-ui, sans-serif;--font-loud: "Manrope", ui-sans-serif, system-ui, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-card: 12px;--radius-lg: 16px;--radius-panel: 28px;--shadow-xs: 0 1px 2px rgba(19, 69, 110, .06);--shadow-sm: 0 1px 3px rgba(19, 69, 110, .08), 0 1px 2px rgba(19, 69, 110, .04);--shadow-md: 0 4px 12px rgba(19, 69, 110, .1);--shadow-lg: 0 12px 32px rgba(19, 69, 110, .14);--shadow-panel: 0 18px 48px rgba(19, 69, 110, .18);--ring-focus: 0 0 0 3px rgba(4, 158, 200, .32);--ease-standard: cubic-bezier(.4, 0, .2, 1);--dur-base: .2s}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;width:100%;overflow-x:hidden;font-family:var(--font-core);font-weight:500;letter-spacing:-.01em;color:var(--gray-800);background:var(--gray-50)}button{font-family:var(--font-loud);font-weight:700;background:#fff;color:var(--yes-blue);border:1px solid var(--gray-200);border-radius:var(--radius-card);padding:8px 16px;font-size:13px;cursor:pointer;transition:background var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}button:hover{background:var(--gray-100)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:var(--ring-focus)}h1,h2,h3{font-family:var(--font-core);font-weight:500;letter-spacing:-.01em;color:var(--yes-blue);margin:0}a{color:var(--yes-light-blue-text)}a:hover{color:var(--yes-blue);text-decoration:underline;text-underline-offset:2px}hr{border:0;height:2px;border-radius:2px;background:var(--yes-blue);opacity:.9;margin:32px 0}.app-shell{min-height:100vh;background:var(--gray-50)}.topbar{background:var(--yes-blue);color:#fff;position:sticky;top:0;z-index:20}.topbar-row{display:flex;align-items:center;gap:22px;height:60px;padding:0 24px;max-width:1360px;margin:0 auto}.topbar-gradient-rule{height:2px;background:var(--yes-gradient);opacity:.9}.topbar-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.topbar-brand-name{font-family:var(--font-loud);font-weight:700;font-size:14.5px;white-space:nowrap}.topbar-brand-name span{color:#8fa9be}.topbar-nav{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.topbar-nav a,.topbar-nav button.nav-toggle{display:flex;align-items:center;gap:8px;border:none;border-radius:9px;padding:9px 13px;font-family:var(--font-core);font-size:13.5px;font-weight:500;cursor:pointer;background:transparent;color:#dde7ef;text-decoration:none;white-space:nowrap}.topbar-nav a svg,.topbar-nav button.nav-toggle svg{flex-shrink:0;opacity:.85}.topbar-nav a.active,.topbar-nav a:hover,.topbar-nav button.nav-toggle:hover,.topbar-nav button.nav-toggle.open{background:#ffffff21;color:#fff}.topbar-nav a.active svg,.topbar-nav button.nav-toggle.open svg{opacity:1;color:var(--yes-light-blue)}.topbar-count{font-family:var(--font-loud);font-weight:700;font-size:10px;padding:2px 6px;border-radius:999px;background:var(--error);color:#fff}.topbar-divider{width:1px;height:22px;background:#fff3;margin:0 4px;flex-shrink:0}.topbar-dropdown-wrap{position:relative}.topbar-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);padding:6px;min-width:200px;z-index:30;display:flex;flex-direction:column;gap:1px}.topbar-dropdown-menu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--gray-800);font-size:13.5px;text-decoration:none}.topbar-dropdown-menu a svg{color:var(--yes-blue);flex-shrink:0;opacity:.85}.topbar-dropdown-menu a:hover{background:var(--yes-blue-tint-05);color:var(--yes-blue)}.topbar-dropdown-menu a.active{background:var(--yes-blue-tint-10);color:var(--yes-blue);font-weight:700}.topbar-user{display:flex;align-items:center;gap:9px;margin-left:auto;flex-shrink:0}.topbar-user-name{font-size:12.5px;white-space:nowrap}.topbar-logout{display:flex;align-items:center;color:#dde7ef;opacity:.85;padding:6px;border-radius:var(--radius-sm)}.topbar-logout:hover{opacity:1;background:#ffffff21;text-decoration:none}.topbar-mobile-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);background:#ffffff1f;color:#fff;cursor:pointer;flex-shrink:0}.topbar-mobile-toggle:hover{background:#fff3}@media (max-width: 860px){.topbar-mobile-toggle{display:flex}.topbar-nav{display:none}.topbar-nav.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:60px;left:0;right:0;background:var(--yes-blue-deep);padding:8px 12px 14px;box-shadow:var(--shadow-lg);z-index:25;gap:2px}.topbar-nav.open a,.topbar-nav.open button.nav-toggle,.topbar-dropdown-wrap{width:100%}.topbar-dropdown-menu{position:static;box-shadow:none;border:none;background:#ffffff0f;margin:2px 0 6px}.topbar-dropdown-menu a{color:#dde7ef}.topbar-dropdown-menu a:hover,.topbar-dropdown-menu a.active{background:#ffffff21;color:#fff}.topbar-user-name{display:none}}.main{padding:30px 34px 60px;max-width:1240px;margin:0 auto}@media (max-width: 640px){.main{padding:18px 16px 40px}}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-card);padding:20px;margin-bottom:16px}.card:hover{box-shadow:var(--shadow-md);transition:box-shadow var(--dur-base) var(--ease-standard)}.button-primary{font-family:var(--font-loud);background:var(--yes-blue);color:#fff;border:none;border-radius:var(--radius-card);padding:10px 18px;cursor:pointer}.button-primary:hover{background:var(--yes-blue-soft)}.button-secondary{background:#fff;color:var(--yes-blue);border:1px solid var(--gray-200);border-radius:var(--radius-card);padding:8px 16px;cursor:pointer;font-size:13px}.button-secondary:hover{background:var(--gray-100)}.segmented-control{display:inline-flex;border:1px solid var(--gray-200);border-radius:var(--radius-card);overflow:hidden;margin-bottom:16px}.segmented-control button{background:#fff;color:var(--gray-600);border:none;padding:8px 18px;cursor:pointer;font-size:13px}.segmented-control button+button{border-left:1px solid var(--gray-200)}.segmented-control button.active{background:var(--yes-blue);color:#fff}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;color:var(--gray-600)}.field input,.field select,.field textarea{padding:10px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-card);font-family:inherit;font-size:14px}.field textarea{resize:vertical}.error-text{color:var(--error);font-size:13px}.badge{display:inline-block;font-family:var(--font-loud);font-weight:700;padding:3px 10px;border-radius:999px;font-size:11px}.badge-overdue{background:var(--error-tint);color:#c33a2c}.badge-due-soon{background:var(--alert-tint);color:#8a6000}.badge-current{background:var(--success-tint);color:var(--yes-green-text)}.empty-state{color:var(--gray-600);font-size:14px}.stat-value{font-family:var(--font-loud);font-weight:700;font-size:28px;color:var(--yes-blue);line-height:1.2}.stat-label{font-size:13px;color:var(--gray-600)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--yes-blue)}.login-card{position:relative;background:#fff;border-radius:var(--radius-panel);padding:40px;width:360px;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--yes-gradient)}.login-brand-mark{margin-bottom:16px}