:root{--ink:#2a2118;--ink-soft:#5b5145;--ink-faint:#6e6455;--cream:#f7f1e3;--cream-deep:#efe3c9;--surface:#fffdf9;--hairline:#e2d5b4;--hairline-soft:#ebe0c6;--gold:#a8823c;--gold-deep:#7e5f27;--gold-light:#e7d5a3;--gold-tint:#f5ecd4;--sage:#5c6b47;--sage-tint:#e8ecdd;--rust:#a14e33;--rust-tint:#f3e1d4;--espresso:#231b13;--radius-sm:4px;--radius-md:8px;--control-h:46px;--sidebar-w:236px;--bottomnav-h:64px;--skeleton-base:#efe3c9;--skeleton-shine:#f9f3e4}@media (width<=880px){.desktop-only{display:none!important}}@media (width>=881px){.mobile-only{display:none!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,system-ui,sans-serif}h1,h2,h3,.serif{letter-spacing:-.01em;margin:0;font-family:Newsreader,Georgia,serif;font-weight:500}a{color:var(--gold-deep);text-decoration:none}a:hover{color:var(--ink)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-family:Manrope,sans-serif;font-size:10.5px;font-weight:700}.btn{height:var(--control-h);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;transition:opacity .12s,background .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--espresso);color:var(--cream)}.btn-primary:hover:not(:disabled){background:#34281a}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--hairline)}.btn-secondary:hover:not(:disabled){border-color:var(--gold)}.btn-decline{color:var(--rust);border-color:var(--hairline);background:0 0}.btn-decline:hover:not(:disabled){border-color:var(--rust)}.btn-ghost{color:var(--gold-deep);background:0 0;border:none;height:auto;padding:0;font-weight:600}.badge{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:20px;align-items:center;height:25px;padding:0 12px;font-family:Manrope,sans-serif;font-size:10.5px;font-weight:700;display:inline-flex}.badge-approved{background:var(--sage-tint);color:var(--sage)}.badge-pending{background:var(--gold-tint);color:var(--gold-deep)}.badge-rejected{background:var(--rust-tint);color:var(--rust)}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md)}.field{height:var(--control-h);border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);outline:none;width:100%;padding:0 14px;font-family:Manrope,sans-serif;font-size:14px}.field:focus{border-color:var(--gold);box-shadow:0 0 0 3px #a8823c26}.field::placeholder{color:#a99d84}textarea.field{resize:vertical;height:auto;padding:12px 14px;font-family:Manrope,sans-serif}select.field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none' stroke='%236E6455' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 7.5l5.5 6 5.5-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}table.data-table{border-collapse:collapse;width:100%}table.data-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid var(--hairline);padding:0 6px 12px;font-family:Manrope,sans-serif;font-size:10.5px;font-weight:700}table.data-table td{border-bottom:1px solid var(--hairline-soft);padding:15px 6px;font-size:13.5px}table.data-table tr:last-child td{border-bottom:none}table.data-table tbody tr{cursor:pointer}table.data-table tbody tr:hover td{background:var(--gold-tint)}.navitem{color:#c9bea9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;height:42px;padding:0 14px;font-family:Manrope,sans-serif;font-size:13.5px;font-weight:600;display:flex}.navitem:hover{color:var(--gold-light)}.navitem-active{color:var(--gold-light);background:#e7d5a31f}.app-shell{width:100%;min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-w);background:var(--espresso);flex-direction:column;flex-shrink:0;padding:28px 16px;display:flex}.app-content{flex:1;min-width:0;padding:40px 48px}.sidebar-nav-list{flex-direction:column;gap:4px;margin-top:40px;display:flex}.sidebar-footer{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}@media (width<=880px){.app-shell{flex-direction:column}.app-sidebar.hide-on-detail{display:none}.app-sidebar{z-index:20;width:100%;padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px));height:auto;position:fixed;bottom:0;left:0;right:0}.sidebar-brand,.sidebar-footer{display:none}.sidebar-nav-list{flex-direction:row;gap:0;margin-top:0}.navitem{text-align:center;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;height:auto;padding:6px 2px;font-size:10px}.navitem-active{background:0 0}.app-content{padding:20px 16px calc(var(--bottomnav-h) + 24px);width:100%}.app-content.no-bottom-nav{padding-bottom:20px}}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}@media (width<=880px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.field-row{gap:18px;display:flex}@media (width<=880px){.field-row{flex-direction:column;gap:22px}}.sticky-footer{gap:10px;display:flex}@media (width<=880px){.sticky-footer{background:var(--surface);border-top:1px solid var(--hairline);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));margin:24px -16px -20px;position:sticky;bottom:0;left:0;right:0}}.password-field-wrap{position:relative}.password-field-wrap .field{padding-right:44px}.eye-toggle{cursor:pointer;color:var(--ink-faint);background:0 0;border:none;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye-toggle:hover{color:var(--ink)}@keyframes shimmer{0%{background-position:-300px 0}to{background-position:300px 0}}.skeleton{background-color:var(--skeleton-base);background-image:linear-gradient(90deg, var(--skeleton-base) 0px, var(--skeleton-shine) 60px, var(--skeleton-base) 120px);background-size:600px 100%;border-radius:6px;animation:1.6s ease-in-out infinite shimmer}@media (width<=880px){.row-card{background:var(--surface);border:1px solid var(--hairline);cursor:pointer;border-radius:10px;padding:14px 16px}.row-card+.row-card{margin-top:10px}}.detail-layout{align-items:flex-start;gap:22px;display:flex}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (width<=880px){.detail-layout{flex-direction:column}.detail-layout>*{width:100%!important}.detail-grid{grid-template-columns:1fr;gap:14px}}.mobile-topbar{display:none}@media (width<=880px){.mobile-topbar{padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px;border-bottom:1px solid var(--hairline);align-items:center;gap:8px;margin:-20px -16px 20px;display:flex}}.apply-card{padding:44px 48px}@media (width<=880px){.apply-card{padding:24px 16px}}.landing-mark-wrap{width:132px;height:135px;margin:0 auto;position:relative}.landing-mark-svg{clip-path:inset(0 100% 0 0);width:100%;height:100%;animation:1.5s cubic-bezier(.65,0,.35,1) .2s forwards landingMarkReveal;display:block}.landing-mark-glint{filter:blur(1px);background:linear-gradient(#e7d5a300 0%,#fffaebf2 50%,#e7d5a300 100%);width:5px;animation:1.5s cubic-bezier(.65,0,.35,1) .2s forwards landingMarkGlint;position:absolute;top:-6%;bottom:-6%;left:-3%;box-shadow:0 0 14px 3px #e7d5a38c}.landing-wordmark{opacity:0;letter-spacing:.5em;animation:.7s ease-out 1.55s forwards landingTrackIn}.landing-subtitle{opacity:0;animation:.6s ease-out 2.05s forwards landingFadeUp}.landing-divider{opacity:0;animation:.6s ease-out 2.25s forwards landingFadeUp}@keyframes landingMarkReveal{to{clip-path:inset(0 -5% 0 0)}}@keyframes landingMarkGlint{0%{opacity:1;left:-3%}92%{opacity:1}to{opacity:0;left:101%}}@keyframes landingTrackIn{0%{opacity:0;letter-spacing:.5em}to{opacity:1;letter-spacing:.08em}}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-mark-svg,.landing-wordmark,.landing-subtitle,.landing-divider{opacity:1;letter-spacing:.08em;clip-path:none;animation:none}.landing-wordmark{letter-spacing:-.01em}.landing-mark-glint{display:none}}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.login-shell{width:100%;min-height:100vh;display:flex}.login-hero{background:var(--espresso);flex-direction:column;flex-shrink:0;justify-content:space-between;width:440px;padding:56px;display:flex;position:relative;overflow:hidden}@media (width<=880px){.login-shell{flex-direction:column;min-height:auto}.login-hero{width:100%;height:260px;padding:28px}}.scroll-x{scrollbar-width:none;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.chip{border:1px solid var(--hairline);height:32px;color:var(--ink-soft);cursor:pointer;background:var(--surface);white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;padding:0 15px;font-size:12.5px;font-weight:600;display:inline-flex}.chip-active{background:var(--espresso);color:var(--cream);border-color:var(--espresso)}