:root{--bg: #f4f6fb;--surface: #ffffff;--surface-2: #f8fafd;--border: #e6eaf2;--border-strong: #d7dde9;--text-1: #17222e;--text-2: #5b6b7f;--text-3: #8b99ab;--primary: #387ed1;--primary-dark: #2b64a8;--primary-soft: #eaf2fc;--green: #16a34a;--green-dark: #12813c;--red: #dc2626;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .16);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 1}#root{display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cbd4e1;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#b3bfd0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.topbar-container{display:flex;align-items:center;justify-content:space-between;gap:16px;height:58px;padding:0 18px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.indices-container{display:flex;align-items:center;gap:10px}.indices-container .nifty,.indices-container .sensex{display:flex;align-items:baseline;gap:8px;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);cursor:pointer;transition:border-color .15s ease}.indices-container .nifty:hover,.indices-container .sensex:hover{border-color:var(--border-strong)}.index{margin:0;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.index-points{margin:0;font-size:.85rem;font-weight:700;color:var(--green)}.indices-container .percent{margin:0;font-size:.72rem;color:var(--text-3)}.menu-container{flex:1;max-width:760px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-left:18px}.menu-container>img{width:46px;height:auto;object-fit:contain}.menus{display:flex;align-items:center;justify-content:space-between;flex:1;gap:12px}.menus ul{list-style:none;display:flex;align-items:center;gap:2px;margin:0;padding:0}.menus li{display:inline-block}.menu{display:inline-block;padding:7px 13px;border-radius:var(--radius-sm);font-size:.83rem;font-weight:500;color:var(--text-2);text-decoration:none;transition:color .15s ease,background-color .15s ease}.menu:hover{color:var(--primary);background:var(--primary-soft)}.menu.selected{color:var(--primary-dark);background:var(--primary-soft);font-weight:600}.menus>hr{border:none;width:1px;height:26px;background:var(--border-strong);margin:0}.profile{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 5px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.profile:hover{background:var(--surface-2);border-color:var(--border)}.profile .avatar{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.64rem;font-weight:700;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#387ed1,#7c5cd6);border-radius:50%;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--border-strong)}.profile .username{margin:0;font-size:.76rem;font-weight:600;letter-spacing:.03em;color:var(--text-2)}.profile:hover .username{color:var(--text-1)}.dashboard-container{flex:1;min-height:0;display:flex;align-items:stretch}.content{flex:1;min-width:0;overflow-y:auto;padding:22px 26px 36px}.watchlist-container{width:330px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);overflow:hidden}.search-container{display:flex;align-items:center;gap:10px;padding:14px 16px 10px}.search{flex:1;min-width:0;height:38px;padding:0 14px;font-size:.85rem;font-family:inherit;color:var(--text-1);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.search::placeholder{color:var(--text-3)}.search:focus{outline:none;background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px #387ed126}.counts{flex-shrink:0;font-size:.74rem;font-weight:600;color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);padding:5px 10px;border-radius:999px}.list{list-style:none;margin:0;padding:4px 8px;overflow-y:auto;flex:1}.list li{position:relative;border-radius:var(--radius-sm);transition:background-color .12s ease}.list li:hover{background:var(--primary-soft)}.item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer}.item>p{margin:0;font-size:.88rem;font-weight:600;letter-spacing:.01em}.item>p.up{color:var(--text-1)}.item>p.down{color:var(--red)}.itemInfo{display:flex;align-items:center;gap:8px}.itemInfo .percent{font-size:.73rem;font-weight:500;color:var(--text-3)}.itemInfo .price{font-size:.84rem;font-weight:700}.actions{position:absolute;right:12px;top:-14px;opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease;z-index:5}.list li:hover .actions{opacity:1;transform:translateY(0);pointer-events:auto}.actions>span{display:flex;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px;box-shadow:var(--shadow-md)}.buy,.sell,.action{font-family:inherit;font-size:.72rem;font-weight:600;border:none;cursor:pointer;border-radius:999px;transition:background-color .12s ease,color .12s ease}.buy{color:#fff;background:var(--green);padding:5px 13px}.buy:hover{background:var(--green-dark)}.sell{color:#fff;background:var(--red);padding:5px 13px}.sell:hover{filter:brightness(.92)}.action{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;padding:0;color:var(--text-2);background:transparent}.action:hover{background:var(--surface-2);color:var(--text-1)}.watchlist-container .actions .icon,.watchlist-container .actions .down{font-size:1rem}.watchlist-container>div:last-child{padding:8px 18px 16px}.title{margin:0 0 16px;font-size:1.05rem;font-weight:650;color:var(--text-1);letter-spacing:-.01em}.order-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:auto}.order-table table{width:100%;border-collapse:collapse}.order-table tr{border-bottom:1px solid var(--border)}.order-table tr:last-child{border-bottom:none}.order-table th{position:sticky;top:0;background:var(--surface-2);text-align:right;padding:11px 16px;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);white-space:nowrap}.order-table td{padding:12px 16px;text-align:right;font-size:.86rem;font-weight:500;color:var(--text-1);white-space:nowrap}.order-table tbody tr:hover td,.order-table tr:hover td{background:var(--surface-2)}.order-table tr th:first-child,.order-table tr td:first-child{text-align:left;padding-left:20px}.order-table td.profit{color:var(--green);font-weight:600}.order-table td.loss{color:var(--red);font-weight:600}.row{display:flex;align-items:stretch;gap:14px;margin-top:18px}.col{flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 22px}.col h5{margin:0;font-size:1.55rem;font-weight:650;color:var(--text-1);letter-spacing:-.02em}.col h5 span{font-size:1rem;font-weight:500;color:var(--text-2)}.col p{margin:6px 0 0;font-size:.78rem;font-weight:500;color:var(--text-3)}.row .col:last-child h5{color:var(--green)}.funds{display:flex;align-items:center;justify-content:flex-end;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 20px}.funds p{margin:0 auto 0 0;font-size:.85rem;color:var(--text-2)}.table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:8px 22px}.table .data{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}.table .data+.data{border-top:1px dashed var(--border)}.table .data p{margin:0;font-size:.84rem;color:var(--text-2)}.table hr{border:none;height:1px;background:var(--border);margin:4px 0}.imp{font-size:.92rem!important;font-weight:650!important;color:var(--text-1)!important}.colored{color:var(--primary)!important}.commodity{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;min-height:220px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:28px;text-align:center}.commodity p{margin:0;font-size:.9rem;color:var(--text-2);max-width:260px}.username h6{margin:0 0 14px;font-size:1.2rem;font-weight:650;color:var(--text-1);letter-spacing:-.01em}hr.divider,.section>hr,.data>hr{border:none;height:1px;background:var(--border);margin:14px 0}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 24px;margin-bottom:16px}.section>span>p{margin:0 0 12px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.section .data .first h3{margin:0 0 4px;font-size:1.7rem;font-weight:650;color:var(--text-1);letter-spacing:-.02em}.section .data .first h3 small{font-size:.95rem;font-weight:600;color:var(--green)}.section .data .first h3.profit{color:var(--green)}.section .data .first p{margin:0;font-size:.78rem;color:var(--text-3)}.section .data .second p{display:flex;justify-content:space-between;gap:24px;margin:6px 0;font-size:.82rem;color:var(--text-2)}.section .data .second p span{font-weight:600;color:var(--text-1)}.orders{width:100%;min-height:70vh}.no-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:64px 24px}.no-orders .icon{transform:scale(3.4);color:#c4cfdd;margin-bottom:34px}.no-orders p{margin:0 0 14px;font-size:.95rem;font-weight:500;color:var(--text-2)}.btn{display:inline-block;text-decoration:none;text-align:center;font-family:inherit;font-size:.84rem;font-weight:600;letter-spacing:.01em;padding:9px 18px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-blue{color:#fff;background:var(--primary)}.btn-blue:hover{background:var(--primary-dark)}.btn-green{color:#fff;background:var(--green)}.btn-green:hover{background:var(--green-dark)}.btn-grey{color:#fff;background:#94a3b8}@media(max-width:1100px){.watchlist-container{width:280px}}@media(max-width:900px){.menu-container>img{display:none}.indices-container .sensex{display:none}.watchlist-container{width:240px}.content{padding:16px}.row{flex-wrap:wrap}}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.auth-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:34px 32px}.auth-card h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-1)}.auth-sub{margin:-4px 0 8px;font-size:.85rem;color:var(--text-3)}.auth-input{height:42px;padding:0 14px;font-family:inherit;font-size:.9rem;color:var(--text-1);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.auth-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #387ed126;background:var(--surface)}.auth-error{margin:0;font-size:.8rem;color:#dc2626;background:#fdecec;padding:8px 10px;border-radius:8px}.auth-submit{width:100%;margin-top:6px;height:42px;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.92rem;font-weight:600;letter-spacing:.01em;color:var(--primary);background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.auth-submit span{pointer-events:none}.auth-submit:hover:not(:disabled){background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.mode-chip{display:inline-block;min-width:46px;text-align:center;font-size:.66rem;font-weight:700;letter-spacing:.08em;padding:3px 10px;border-radius:999px}.mode-chip.buy{color:#12813c;background:#e8f7ef}.mode-chip.sell{color:#dc2626;background:#fdecec}.dots span{animation:dots-blink 1.2s infinite both}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dots-blink{0%,80%,to{opacity:.2}40%{opacity:1}}.itemInfo .price{transition:color .6s ease,background-color .6s ease;padding:1px 7px;border-radius:6px}.itemInfo .price.flash-up,.order-table td.flash-up{color:#12813c;background-color:#e8f7ee;transition:none}.itemInfo .price.flash-down,.order-table td.flash-down{color:#dc2626;background-color:#fdecec;transition:none}.order-table td{transition:background-color .6s ease,color .6s ease}.insight-card{border-radius:var(--radius-lg);padding:1.5px;margin-bottom:18px;background:linear-gradient(120deg,#387ed1,#9b5cf6,#387ed1);background-size:200% 200%;animation:insight-border-shift 6s ease infinite;box-shadow:var(--shadow-sm)}@keyframes insight-border-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.insight-inner{background:linear-gradient(180deg,#fbfcff,#f5f7ff);border-radius:calc(var(--radius-lg) - 1.5px);padding:16px 20px}.insight-head{display:flex;align-items:center;gap:10px}.insight-head h4{flex:1;min-width:0;margin:0;font-size:.95rem;font-weight:650;color:var(--text-1)}.insight-badge{font-size:.66rem;font-weight:700;letter-spacing:.06em;color:#6d4fd0;background:#f1ecff;border-radius:999px;padding:4px 10px}.insight-btn{font-family:inherit;font-size:.78rem;font-weight:600;color:var(--primary);background:transparent;border:1px solid var(--primary);border-radius:999px;padding:6px 14px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.insight-btn:hover:not(:disabled){background:var(--primary);color:#fff}.insight-btn:disabled{opacity:.55;cursor:wait}.insight-loading{margin:12px 0 0;font-size:.85rem;color:var(--text-2)}.insight-error{margin:12px 0 0;font-size:.82rem;color:#dc2626;background:#fdecec;border-radius:8px;padding:8px 12px}.insight-text{margin:12px 0 0;font-size:.92rem;line-height:1.65;color:var(--text-1);white-space:pre-line}.insight-meta{margin:10px 0 0;font-size:.72rem;color:var(--text-3)}.auth-footer{margin:2px 0 0;font-size:.82rem;color:var(--text-3)}.auth-link{color:var(--primary);font-weight:600;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.auth-link:hover{text-decoration:underline}.logout-btn{margin-left:10px;font-size:.78rem;color:var(--red)}.container#buy-window{--radius: 14px;position:fixed;right:34px;bottom:30px;left:auto;width:380px;max-width:calc(100vw - 40px);height:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1000;cursor:move;overflow:hidden;animation:buy-window-in .18s ease-out}@keyframes buy-window-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.container#buy-window:before{content:"";display:block;height:4px;background:linear-gradient(90deg,#387ed1,#7c5cd6)}.container#buy-window.sell-mode:before{background:linear-gradient(90deg,#dc2626,#f97316)}.order-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 24px;border-bottom:1px solid var(--border, #e6eaf2)}.order-header .order-uid{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.02em;color:var(--text-1, #17222e)}.order-type{font-size:.66rem;font-weight:700;letter-spacing:.08em;padding:3px 10px;border-radius:999px}.order-type.buy{color:#12813c;background:#e8f7ef}.order-type.sell{color:#dc2626;background:#fdecec}.regular-order{padding:20px 24px 8px}.inputs{display:flex;align-items:stretch;gap:12px}.inputs fieldset{flex:1;min-width:0;border:1px solid var(--border-strong);border-radius:10px;margin:0;padding:4px 10px 10px;transition:border-color .15s ease,box-shadow .15s ease}.inputs fieldset:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #387ed126}.inputs fieldset legend{margin-left:4px;padding:0 5px;font-size:.66rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}.inputs fieldset input{width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:1rem;font-weight:600;color:var(--text-1);padding:2px 2px 0}.buttons{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px 20px}.buttons>span{font-size:.76rem;color:var(--text-3)}.buttons .btn{min-width:92px}.btn-red{color:#fff;background:#dc2626}.btn-red:hover{background:#b91c1c}