/* ApnaReport website, login and console — CompanyKharcha / ApnaExpense design language. */
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&family=Geist+Mono:wght@500;600&display=swap');
:root{
 --font:"Onest",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
 --ground:#FBFAF8;--surface:#fff;--surface-2:#FBF8F4;--line:rgba(20,16,12,.08);--line-2:rgba(20,16,12,.14);--hover:rgba(20,16,12,.05);
 --ink:#121212;--ink-2:#3E3730;--ink-3:#6E6358;
 --accent:#F07A12;--accent-a:#E5700E;--accent-b:#C2560A;--accent-ink:#B4500A;--accent-tint:#FFEBD6;--accent-wash:#FFF6EC;
 --good:#18864B;--good-tint:#E3F4EA;--bad:#C9362B;--bad-tint:#FBE6E3;--info:#3756C8;--info-tint:#E7ECFB;--warn:#A86A00;--warn-tint:#FFF3D6;
 --solid:#1F1B18;--on-solid:#F7F2EC;
 --card:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.82));--card-border:rgba(20,16,12,.075);
 --shadow:inset 0 1px 0 rgba(255,255,255,.95),0 18px 44px -26px rgba(60,30,0,.25),0 2px 6px -3px rgba(60,30,0,.07);
 --r:18px;color-scheme:light;
}
:root[data-theme="dark"]{
 --ground:#0E0D0C;--surface:#1A1816;--surface-2:#151311;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.15);--hover:rgba(255,255,255,.07);
 --ink:#F4F0EA;--ink-2:#D4CCC2;--ink-3:#A39A90;
 --accent:#FF8B2C;--accent-a:#E2690C;--accent-b:#B94F08;--accent-ink:#FFB873;--accent-tint:#3B2413;--accent-wash:#21170F;
 --good:#3CCB7F;--good-tint:#12291C;--bad:#FF6B5E;--bad-tint:#33150F;--info:#7C9CFF;--info-tint:#161D33;--warn:#F4C25B;--warn-tint:#2E2412;
 --solid:#2E2A26;
 --card:linear-gradient(115deg,rgba(255,255,255,.065),rgba(255,255,255,0) 32%,rgba(255,255,255,0) 68%,rgba(255,255,255,.035)),linear-gradient(160deg,rgba(40,36,33,.86),rgba(22,20,18,.82));--card-border:rgba(255,255,255,.09);
 --shadow:inset 1px 1px 0 rgba(255,255,255,.1),inset -1px -1px 0 rgba(255,255,255,.03),0 24px 50px -26px rgba(0,0,0,.85);
 color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font-family:var(--font);font-size:15px;line-height:1.55;color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}
.btn:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line-2))}
.btn:active{transform:translateY(1px)}
.btn-primary{background:linear-gradient(180deg,var(--accent-a),var(--accent-b));border-color:var(--accent-b);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 22px -12px rgba(212,94,10,.9);text-shadow:0 1px 0 rgba(0,0,0,.12)}
.btn-primary:hover{filter:brightness(1.05);border-color:var(--accent-b)}
.btn-lg{height:50px;padding:0 22px;font-size:15px;border-radius:14px}
.btn-ghost{background:transparent;border-color:transparent}
.btn svg{width:17px;height:17px}
.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-ink)}
.chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.chip b{background:var(--accent-tint);color:var(--accent-ink);font-size:11.5px;padding:2px 9px;border-radius:999px}
.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r);box-shadow:var(--shadow)}
.ic{width:20px;height:20px;flex:none}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--ink)}
.logo i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-style:normal;color:#fff;font-size:17px;background:linear-gradient(180deg,var(--accent-a),var(--accent-b));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px -10px rgba(212,94,10,.8)}
.logo em{font-style:normal;color:var(--accent)}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label{font-size:13px;font-weight:600;color:var(--ink-2)}
.input{height:44px;padding:0 13px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-size:14.5px;width:100%;transition:border-color .15s,box-shadow .15s}
.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
.input::placeholder{color:var(--ink-3)}
.pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}
.pill.good{background:var(--good-tint);color:var(--good);border-color:transparent}
.pill.bad{background:var(--bad-tint);color:var(--bad);border-color:transparent}
.pill.accent{background:var(--accent-tint);color:var(--accent-ink);border-color:transparent}
.pill.info{background:var(--info-tint);color:var(--info);border-color:transparent}
.alert{padding:10px 12px;border-radius:12px;font-size:13.5px;background:var(--bad-tint);color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 25%,transparent);margin-bottom:14px}
.alert.ok{background:var(--good-tint);color:var(--good);border-color:color-mix(in srgb,var(--good) 25%,transparent)}
.note{font-size:12.5px;color:var(--ink-3)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.logo i svg{width:22px;height:22px}