:root{--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", sans-serif;--bg-primary: #0f172a;--bg-surface: #1e293b;--bg-surface-hover: #334155;--bg-card: rgba(30, 41, 59, .9);--border-color: rgba(255, 255, 255, .08);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent-primary: #10b981;--accent-blinkit: #f59e0b;--color-positive: #10b981;--bg-positive-light: rgba(16, 185, 129, .12);--color-negative: #f43f5e;--bg-negative-light: rgba(244, 63, 94, .12);--color-neutral: #94a3b8;--bg-neutral-light: rgba(148, 163, 184, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}*{box-sizing:border-box;margin:0;padding:0;max-width:100%;-webkit-tap-highlight-color:transparent}html,body{width:100%;max-width:100%;overflow-x:hidden;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-body);line-height:1.4;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;max-width:100%;overflow:hidden}.app-main{display:flex;flex:1;overflow:hidden;width:100%}.sidebar-layout{width:240px;background-color:#0f172afa;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1rem;flex-shrink:0}.content-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;font-family:var(--font-body);font-size:.85rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#059669);color:#fff}.btn-blinkit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:700}.btn-secondary{background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color)}.btn-outline-emerald{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-sm{padding:.35rem .65rem;font-size:.775rem;border-radius:var(--radius-sm)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;width:100%;max-width:100%;overflow:hidden;word-break:break-word}.balance-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:9999px;font-size:.775rem;font-weight:600;white-space:nowrap}.balance-tag.positive{color:var(--color-positive);background-color:var(--bg-positive-light)}.balance-tag.negative{color:var(--color-negative);background-color:var(--bg-negative-light)}.balance-tag.neutral{color:var(--color-neutral);background-color:var(--bg-neutral-light)}.form-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem;width:100%}.form-label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.form-input,.form-select{width:100%;padding:.6rem .75rem;background-color:#0f172acc;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-size:.875rem;outline:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172ad9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:.75rem}.modal-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.modal-header{padding:.85rem 1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:1rem;flex:1;overflow-y:auto}.modal-footer{padding:.85rem 1rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.5rem}.tab-group{display:flex;flex-wrap:wrap;background-color:#0f172a99;padding:.2rem;border-radius:var(--radius-md);gap:.2rem;border:1px solid var(--border-color);width:100%}.tab-btn{flex:1 1 auto;padding:.45rem .35rem;text-align:center;font-size:.8rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.tab-btn.active{background-color:var(--bg-surface);color:var(--text-main)}.avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}@media (max-width: 768px){.sidebar-layout{display:none!important}.content-area{padding:.85rem .65rem 4.5rem!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{max-width:100%!important;border-radius:18px 18px 0 0!important;max-height:90vh!important}.card{padding:.85rem!important}}