.dhan-app{--green-primary: #24946f;--green-profit: #589b37;--green-light: #e8f5e0;--green-border: #b8d4a8;--bg-page: #f0f0f0;--bg-card: #ffffff;--text-dark: #2c2c2c;--text-muted: #888888;--text-light: #aaaaaa;--border-light: #e0e0e0;--blue-verified: #2196f3;width:100%;min-height:100vh;height:100%;background:var(--bg-page);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column;overflow:hidden;position:relative;font-size:13px;color:var(--text-dark)}.dhan-header{display:flex;align-items:center;gap:12px;padding:12px 16px 0;background:var(--bg-page);flex-shrink:0}.dhan-avatar{width:36px;height:36px;border-radius:50%;background:var(--green-primary);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.5px}.dhan-tabs{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;flex:1}.dhan-tabs::-webkit-scrollbar{display:none}.dhan-tab{background:none;border:none;font-family:inherit;font-size:15px;font-weight:500;color:var(--text-light);padding:8px 0 10px;cursor:pointer;white-space:nowrap;position:relative;flex-shrink:0}.dhan-tab.active{color:var(--text-dark);font-weight:600}.dhan-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--green-primary);border-radius:2px 2px 0 0}.dhan-page-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.dhan-pnl-card{margin:12px 16px 0;background:var(--bg-card);border-radius:12px;box-shadow:0 1px 4px #0000000f;overflow:hidden;position:relative;flex-shrink:0}.dhan-pnl-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.dhan-pnl-wave{position:absolute;bottom:0;left:0;width:100%;height:100%}.dhan-pnl-watermark{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:64px;font-weight:700;color:#589b3712;line-height:1;-webkit-user-select:none;user-select:none}.dhan-pnl-content{position:relative;padding:16px 16px 14px;z-index:1}.dhan-pnl-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.dhan-pnl-label{font-size:12px;color:var(--text-muted);font-weight:400}.dhan-share-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--green-light);color:var(--green-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.dhan-pnl-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin-bottom:12px}.dhan-rupee{font-size:22px;font-weight:700;color:var(--green-profit)}.dhan-pnl-positive .dhan-rupee,.dhan-pnl-positive.dhan-rupee,.dhan-pnl-positive.dhan-pnl-value,.dhan-pnl-positive.dhan-position-pnl{color:var(--green-profit)}.dhan-pnl-negative .dhan-rupee,.dhan-pnl-negative.dhan-rupee,.dhan-pnl-negative.dhan-pnl-value,.dhan-pnl-negative.dhan-position-pnl{color:#e53935}.dhan-pnl-value{font-size:26px;font-weight:700;color:var(--green-profit);letter-spacing:-.5px;transition:color .3s ease}.dhan-pnl-live{transition:none}.dhan-pnl-bump{animation:dhan-pnl-bump .4s ease}@keyframes dhan-pnl-bump{0%{opacity:1;transform:scale(1)}40%{opacity:.72;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.dhan-pnl-positions{font-size:13px;color:var(--text-muted);margin-left:4px}.dhan-pnl-verified{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);line-height:1.4}.dhan-verified-icon{display:flex;flex-shrink:0}.dhan-filters{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;gap:8px;flex-shrink:0}.dhan-filter-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.dhan-filter-chips::-webkit-scrollbar{display:none}.dhan-chip{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1.5px solid var(--border-light);background:var(--bg-card);font-family:inherit;font-size:13px;font-weight:500;color:var(--text-dark);cursor:pointer;white-space:nowrap;flex-shrink:0}.dhan-chip.active{border-color:var(--green-primary);color:var(--text-dark)}.dhan-chip-count{background:var(--green-primary);color:#fff;font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px;min-width:18px;text-align:center}.dhan-chip-count-muted{background:#e8e8e8;color:var(--text-muted)}.dhan-filter-actions{display:flex;align-items:center;border:1.5px solid var(--border-light);border-radius:20px;overflow:hidden;flex-shrink:0;background:var(--bg-card)}.dhan-icon-btn{background:none;border:none;padding:7px 10px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.dhan-icon-btn+.dhan-icon-btn{border-left:1px solid var(--border-light)}.dhan-positions{padding:4px 16px 0;flex:1;overflow-y:auto}.dhan-section-title{font-size:15px;font-weight:700;color:var(--text-dark);margin:0 0 10px}.dhan-position-card{background:var(--bg-card);border-radius:10px;padding:14px 14px 12px;box-shadow:0 1px 3px #0000000d;border:1.5px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.dhan-position-card.tappable{cursor:pointer}.dhan-position-card.selected{border-color:var(--green-primary);box-shadow:0 2px 8px #24946f26}.dhan-position-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px}.dhan-position-name{font-size:13px;font-weight:700;color:var(--text-dark);line-height:1.3;flex:1}.dhan-position-pnl{font-size:14px;font-weight:700;color:var(--green-profit);white-space:nowrap;flex-shrink:0;transition:color .3s ease}.dhan-position-details{display:flex;justify-content:space-between;align-items:center;gap:8px}.dhan-position-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.dhan-buy-badge{width:18px;height:18px;background:var(--green-profit);color:#fff;font-size:10px;font-weight:700;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dhan-normal-tag{font-size:11px;font-weight:500;color:var(--green-primary);background:var(--green-light);border:1px solid var(--green-border);padding:1px 8px;border-radius:4px;flex-shrink:0}.dhan-qty{font-size:11px;color:var(--text-muted);white-space:nowrap}.dhan-status{font-size:11px;color:var(--text-muted);flex-shrink:0}.dhan-status-running{color:var(--green-primary);font-weight:600}.dhan-exit-btn{width:100%;margin-top:12px;padding:10px;border:1.5px solid #e53935;border-radius:8px;background:#fff;color:#e53935;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;animation:dhan-exit-in .2s ease}@keyframes dhan-exit-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dhan-exit-btn:active{background:#fdecea}.dhan-empty-filter{text-align:center;color:var(--text-muted);font-size:13px;padding:32px 16px;background:var(--bg-card);border-radius:10px;box-shadow:0 1px 3px #0000000d}.dhan-orders-summary{display:flex;gap:10px;margin:12px 16px 0;flex-shrink:0}.dhan-orders-stat{flex:1;background:var(--bg-card);border-radius:10px;padding:12px 14px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:4px}.dhan-orders-stat-label{font-size:11px;color:var(--text-muted)}.dhan-orders-stat-value{font-size:18px;font-weight:700;color:var(--text-dark)}.dhan-orders-stat-green{color:var(--green-profit)}.dhan-orders-stat-pending{color:#e6a817}.dhan-orders{padding:4px 16px 0;flex:1;display:flex;flex-direction:column;gap:10px}.dhan-order-card{background:var(--bg-card);border-radius:10px;padding:14px 14px 12px;box-shadow:0 1px 3px #0000000d}.dhan-order-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px}.dhan-order-name{font-size:13px;font-weight:700;color:var(--text-dark);line-height:1.3;flex:1}.dhan-order-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;flex-shrink:0}.dhan-order-status-executed{color:var(--green-primary);background:var(--green-light);border:1px solid var(--green-border)}.dhan-order-status-pending{color:#e6a817;background:#fef9e7;border:1px solid #f0d78c}.dhan-order-status-cancelled{color:#999;background:#f5f5f5;border:1px solid #e0e0e0}.dhan-order-status-rejected{color:#e53935;background:#fdecea;border:1px solid #f5c6c2}.dhan-order-details{display:flex;justify-content:space-between;align-items:center;gap:8px}.dhan-order-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.dhan-side-badge{width:18px;height:18px;background:var(--green-profit);color:#fff;font-size:10px;font-weight:700;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dhan-sell-badge{background:#e53935}.dhan-order-time{font-size:11px;color:var(--text-muted);flex-shrink:0}.dhan-footer-brand{text-align:center;padding:40px 16px 80px;flex-shrink:0}.dhan-tagline{font-size:22px;font-weight:300;color:#b0c4d8;margin:0 0 6px;letter-spacing:-.3px}.dhan-built{font-size:12px;color:var(--text-light);margin:0}.dhan-heart{color:#e53935}.dhan-fab{position:absolute;bottom:72px;right:16px;display:flex;align-items:stretch;border:none;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #00000026;cursor:pointer;z-index:10;font-family:inherit}.dhan-fab-plus{background:var(--green-primary);color:#fff;font-size:22px;font-weight:300;width:44px;display:flex;align-items:center;justify-content:center;line-height:1}.dhan-fab-label{background:#fff;color:var(--text-dark);font-size:14px;font-weight:600;padding:0 18px;display:flex;align-items:center}.dhan-bottom-nav{position:relative;flex-shrink:0;background:#fff;border-top:1px solid var(--border-light);box-shadow:0 -2px 8px #0000000a;padding-bottom:env(safe-area-inset-bottom,0)}.dhan-bottom-nav-inner{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:end;padding:8px 0 10px}.dhan-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;font-family:inherit;font-size:10px;color:var(--text-light);cursor:pointer;padding:4px 0}.dhan-nav-item svg{color:var(--text-light)}.dhan-nav-item.active{color:var(--green-primary)}.dhan-nav-item.active svg{color:var(--green-primary)}.dhan-nav-center-slot{pointer-events:none}.dhan-nav-center{position:absolute;left:50%;top:-22px;transform:translate(-50%);background:none;border:none;padding:0;cursor:pointer;z-index:2}.dhan-nav-logo{width:54px;height:54px;border-radius:50%;background:#fff;border:1px solid #ececec;box-shadow:0 2px 10px #00000014;display:flex;align-items:center;justify-content:center}.dhan-nav-dha{font-size:28px;line-height:1;color:#b5b5b5;font-family:Noto Sans Devanagari,Segoe UI,serif;margin-top:2px}.pin-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#f0f0f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pin-gate-card{width:100%;max-width:360px;background:#fff;border-radius:16px;padding:32px 24px 24px;box-shadow:0 4px 24px #00000014;text-align:center}.pin-gate-shake{animation:pin-shake .45s ease}@keyframes pin-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.pin-gate-logo{width:48px;height:48px;margin:0 auto 20px;border-radius:50%;background:#24946f;color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center}.pin-gate-title{font-size:20px;font-weight:700;color:#2c2c2c;margin-bottom:6px}.pin-gate-subtitle{font-size:13px;color:#888;margin-bottom:28px}.pin-dots{display:flex;justify-content:center;gap:16px;margin-bottom:12px}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid #b8d4a8;background:transparent;transition:background .15s ease,border-color .15s ease}.pin-dot.filled{background:#24946f;border-color:#24946f}.pin-error{font-size:12px;color:#e53935;margin-bottom:12px;min-height:18px}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.pin-key{height:52px;border:none;border-radius:12px;background:#f5f5f5;font-size:22px;font-weight:500;color:#2c2c2c;cursor:pointer;transition:background .15s ease}.pin-key:hover{background:#e8f5e0}.pin-key:active{background:#d4ebc4}.pin-key-empty{background:transparent;pointer-events:none}.pin-key-action{font-size:20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;background:#f0f0f0}