:root{--ink: #16213e;--indigo: #2b3a67;--indigo-light: #3d4f8a;--amber: #e8a33d;--amber-dark: #c9861f;--paper: #f1f3f5;--surface: #ffffff;--slate: #6b7280;--slate-light: #9ca3af;--border: #e2e5ea;--success: #2f855a;--success-bg: #e6f4ec;--danger: #c53030;--danger-bg: #fbe9e9;--pending: #b7791f;--pending-bg: #fdf2e0;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--radius: 10px;--shadow-sm: 0 1px 2px rgba(22, 33, 62, .06);--shadow-md: 0 4px 16px rgba(22, 33, 62, .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);margin:0;color:var(--ink)}button{font-family:var(--font-body);cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@keyframes compassSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.compass-spin{animation:compassSpin 60s linear infinite;transform-origin:50% 50%}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--ink);color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:32px}.sidebar__brand{padding:10px 14px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.sidebar__brand img{width:100%;max-width:168px;height:auto;display:block}.sidebar__nav{display:flex;flex-direction:column;gap:4px}.sidebar__link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-decoration:none;color:#c7ccdb;font-size:14px;font-weight:500;transition:background .15s ease,color .15s ease}.sidebar__link:hover{background:#ffffff0f;color:#fff}.sidebar__link.active{background:var(--indigo);color:#fff}.sidebar__footer{margin-top:auto;text-align:center;padding-bottom:4px}.sidebar__tagline{margin:4px 0 0;font-size:11px;letter-spacing:.06em;color:#8a8fa8;text-transform:uppercase}.sidebar__section-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#7f86a3;padding:4px 12px 6px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar__user{display:flex;align-items:center;gap:10px;font-size:14px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--indigo);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;font-family:var(--font-display)}.content{padding:32px;max-width:960px;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.stat-card .stat-value{font-family:var(--font-display);font-size:28px;font-weight:600;margin-top:4px}.stat-card .stat-label{font-size:13px;color:var(--slate)}.btn{border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .1s ease,box-shadow .15s ease}.btn-primary{background:var(--amber);color:var(--ink)}.btn-primary:hover{background:var(--amber-dark)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--ink)}.btn-secondary:hover{background:var(--paper)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-approved,.badge-reimbursed{background:var(--success-bg);color:var(--success)}.badge-pending{background:var(--pending-bg);color:var(--pending)}.badge-rejected{background:var(--danger-bg);color:var(--danger)}.badge-cancelled{background:var(--border);color:var(--slate)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--slate);padding:10px 8px;border-bottom:1px solid var(--border)}td{padding:12px 8px;border-bottom:1px solid var(--border)}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-row label{font-size:13px;font-weight:600;color:var(--ink)}.form-row input,.form-row select,.form-row textarea{border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px;font-family:var(--font-body)}.stepper{display:flex;align-items:center;gap:0}.stepper__step{display:flex;align-items:center;flex:1}.stepper__dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);background:var(--surface);flex-shrink:0}.stepper__dot.done{background:var(--indigo);border-color:var(--indigo)}.stepper__dot.rejected{background:var(--danger);border-color:var(--danger)}.stepper__line{height:2px;flex:1;background:var(--border)}.stepper__line.done{background:var(--indigo)}.stepper__labels{display:flex;justify-content:space-between;font-size:11px;color:var(--slate);margin-top:6px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ink);background-image:radial-gradient(circle at 20% 20%,rgba(232,163,61,.14),transparent 42%),radial-gradient(circle at 80% 78%,rgba(61,79,138,.4),transparent 48%),radial-gradient(circle at 50% 100%,rgba(232,163,61,.08),transparent 55%);perspective:1400px;position:relative;overflow:hidden}.login-card{position:relative;z-index:1;background:linear-gradient(180deg,#fff,#fbfaf7);border-radius:20px;padding:44px 40px 40px;width:380px;text-align:center;box-shadow:0 1px 1px #16213e0f,0 8px 16px #16213e1f,0 28px 56px #16213e47,0 60px 100px #16213e38,inset 0 1px #fffc;transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-4px);box-shadow:0 2px 2px #16213e0f,0 12px 20px #16213e24,0 36px 64px #16213e4d,0 70px 120px #16213e42,inset 0 1px #fffc}@media (prefers-reduced-motion: reduce){.login-card{transition:none}.login-card:hover{transform:none}}.login-card__logo{width:148px;height:auto;margin-bottom:18px;filter:drop-shadow(0 10px 18px rgba(22,33,62,.25));animation:logoFloat 5s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.login-card__logo{animation:none}}.login-card h1{font-size:22px;margin-bottom:6px}.login-card p{color:var(--slate);font-size:14px;margin-bottom:28px}.ms-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:14px;font-weight:600;box-shadow:0 1px 2px #16213e14;transition:box-shadow .2s ease,transform .2s ease}.ms-btn:hover{background:var(--paper);box-shadow:0 4px 10px #16213e24;transform:translateY(-1px)}.empty-state{text-align:center;padding:48px 24px;color:var(--slate)}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.action-card{display:flex;align-items:flex-start;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--amber)}.action-card__icon{font-size:24px;line-height:1;flex-shrink:0}.action-card__label{font-weight:600;font-size:15px;margin-bottom:4px}.action-card__desc{font-size:13px;color:var(--slate);line-height:1.4}