:root{--bg-primary:#050505;--bg-secondary:#0d0d0d;--bg-card:#151515;--bg-card-hover:#1a1a1a;--bg-input:#0d0d0d;--text-primary:#f2eee6;--text-secondary:#a9a39a;--text-muted:#757068;--accent-main:#d6c4a8;--accent-dark:#a89575;--accent-hover:#e1d2ba;--border-color:#292929;--border-subtle:#1f1f1f;--border-accent:#d6c4a866;--status-approved-bg:#2e7d501f;--status-approved-text:#96ceb4;--status-approved-border:#2e7d504d;--status-pending-bg:#d6c4a81f;--status-pending-text:#d6c4a8;--status-pending-border:#d6c4a84d;--status-due-bg:#b44b4b1f;--status-due-text:#dda7a7;--status-due-border:#b44b4b4d;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--shadow-subtle:0 4px 20px #0009;--shadow-card:0 8px 30px #000000b3}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.font-heading{color:var(--text-primary);letter-spacing:.02em;font-family:Cinzel,Cormorant Garamond,Georgia,serif;font-weight:700}h1{font-size:1.45rem}h2{font-size:1.25rem}h3{font-size:1.1rem}h4{font-size:.98rem}.brand-pill-tag{letter-spacing:.1em;color:var(--accent-main);border-radius:var(--radius-sm);border:1px solid var(--border-accent);text-transform:uppercase;background:#d6c4a81a;padding:3px 8px;font-family:Cinzel,serif;font-size:.65rem;font-weight:700;display:inline-block}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);transition:border-color .2s,transform .15s;overflow:hidden}.glass-card:hover{border-color:#383838}.glass-card-interactive{cursor:pointer}.glass-card-interactive:active{border-color:var(--accent-dark);transform:scale(.985)}.app-container{max-width:760px;padding:12px 16px calc(72px + env(safe-area-inset-bottom,0px)) 16px;width:100%;margin:0 auto}@media (width>=768px){.app-container{max-width:980px;padding:18px 24px calc(76px + env(safe-area-inset-bottom,0px)) 24px}}.app-header-mobile{z-index:800;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;background:#050505f0;justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-main);color:var(--bg-primary);border-color:var(--accent-main)}.btn-primary:hover,.btn-primary:active{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg-primary)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover,.btn-secondary:active{border-color:var(--accent-main);color:var(--text-primary);background:#ffffff0d}.btn-danger{color:var(--status-due-text);border:1px solid var(--status-due-border);background:#b44b4b26}.btn-danger:hover{background:#b44b4b40;border-color:#b44b4b}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:.78rem}.btn-icon{border-radius:var(--radius-sm);width:38px;height:38px;padding:0}.badge{border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-approved{background:var(--status-approved-bg);color:var(--status-approved-text);border:1px solid var(--status-approved-border)}.badge-pending{background:var(--status-pending-bg);color:var(--status-pending-text);border:1px solid var(--status-pending-border)}.badge-overdue,.badge-rejected{background:var(--status-due-bg);color:var(--status-due-text);border:1px solid var(--status-due-border)}.badge-count{color:#f2eee6;border-radius:var(--radius-full);background:#b44b4b;padding:1px 6px;font-size:.62rem;font-weight:700}.form-group{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.form-label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-main)}.auth-nav{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:4px;display:flex}.auth-nav-btn{color:var(--text-secondary);letter-spacing:.05em;border-radius:var(--radius-sm);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:9px;font-family:Cinzel,serif;font-size:.82rem;font-weight:700;transition:all .2s}.auth-nav-btn.active{background:var(--accent-main);color:var(--bg-primary);font-weight:800}.stats-grid-mobile{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.stat-card-mobile{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);flex-direction:column;padding:12px 14px;display:flex}.stat-title-mobile{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-family:Cinzel,serif;font-size:.72rem;font-weight:700}.stat-value-mobile{color:var(--text-primary);margin-top:3px;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700}.segmented-tabs{border:1px solid var(--border-color);scrollbar-width:none;background:#0d0d0d;border-radius:12px;gap:4px;margin-bottom:14px;padding:3px;display:flex;overflow-x:auto}.segmented-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-family:Cinzel,serif;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.segmented-tab-btn.active{background:var(--accent-main);color:#050505;box-shadow:0 2px 8px #0006}.mobile-bottom-nav{height:calc(58px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--border-color);z-index:900;background:#0d0d0df5;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;transition:color .15s;display:flex}.bottom-nav-item.active{color:var(--accent-main);font-weight:700}.bottom-nav-icon{font-size:1.2rem;line-height:1}.bottom-nav-label{letter-spacing:.02em;font-size:.68rem;font-weight:600}.bottom-nav-badge{color:#fff;text-align:center;background:#b44b4b;border-radius:999px;min-width:16px;padding:1px 5px;font-size:.6rem;font-weight:800;position:absolute;top:-4px;right:-8px}.bottom-nav-fab{background:linear-gradient(135deg, var(--accent-main), var(--accent-dark));color:#050505;border:2px solid #0d0d0d;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-top:-12px;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 4px 14px #d6c4a859}.cloud-sync-pill{color:#96ceb4;background:#2e7d501a;border:1px solid #2e7d5040;border-radius:99px;align-items:center;gap:4px;padding:2px 7px;font-size:.68rem;display:inline-flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:14px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;animation:.18s slideUp;overflow-y:auto;box-shadow:0 18px 45px #000000e6}@media (width<=640px){.modal-overlay{align-items:flex-end;padding:0}.modal-content.mobile-bottom-sheet{border-bottom:none;border-radius:20px 20px 0 0;max-height:88vh;padding:8px 16px 24px;animation:.22s cubic-bezier(.16,1,.3,1) bottomSheetSlide}.bottom-sheet-handle{background:#383838;border-radius:99px;width:40px;height:4px;margin:8px auto 12px}.dropdown-backdrop{z-index:1400;-webkit-backdrop-filter:blur(4px);background:#0000008c;display:block;position:fixed;inset:0}.notification-dropdown-panel{top:calc(env(safe-area-inset-top,0px) + 56px)!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:calc(82vh - env(safe-area-inset-top,0px))!important;z-index:1500!important;border-radius:var(--radius-lg)!important;margin:0 auto!important;position:fixed!important;left:12px!important;right:12px!important;box-shadow:0 20px 50px #000000f2,0 0 0 1px #d6c4a840!important}}.dropdown-backdrop{display:none}.notification-dropdown-panel{z-index:1500;border:1px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius-lg);flex-direction:column;width:380px;max-width:90vw;max-height:480px;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 16px 40px #000c,0 0 0 1px #d6c4a826}@media (width<=380px){.logo-sub-text{display:none}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-body{padding:16px 18px}.modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:flex-end;gap:10px;padding:12px 18px;display:flex}.qr-container{border-radius:var(--radius-md);background:#fff;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:12px;display:inline-flex;box-shadow:0 4px 15px #00000080}.upi-pill{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:.88rem;display:flex}.secret-logo-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:opacity .2s;display:flex}.secret-logo-btn:active{opacity:.75}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bottomSheetSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}