@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;right:auto!important;z-index:2147483647!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;-moz-transform:translateZ(0)!important;-ms-transform:translateZ(0)!important;-o-transform:translateZ(0)!important;margin:0!important;padding:24px 20px!important;width:280px!important;height:100vh!important;max-height:100vh!important;min-height:100vh!important;box-sizing:border-box!important;contain:none!important;isolation:auto!important;will-change:auto!important;display:flex!important;flex-direction:column!important;translate:none!important;scale:none!important;rotate:none!important;clip:auto!important;clip-path:none!important;mask:none!important;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;visibility:visible!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;perspective:none!important;-webkit-perspective:none!important}.sidebar.collapsed{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:80px!important;padding:24px 16px!important;z-index:999999!important;transform:translateZ(0)!important;margin:0!important}@media (max-width: 768px){.sidebar.collapsed{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:80px!important;z-index:2147483647!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;margin:0!important;padding:16px 24px!important;contain:none!important;isolation:auto!important;will-change:auto!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important;perspective:none!important;-webkit-perspective:none!important;clip:auto!important;clip-path:none!important;mask:none!important;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;visibility:visible!important}}.sidebar{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.95) 100%)!important;color:#1e293b!important;box-shadow:0 0 0 1px #94a3b814,0 8px 32px #00000014,0 4px 16px #0000000a!important;border-right:1px solid rgba(226,232,240,.8)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}@media (max-width: 768px){.sidebar:not(.collapsed){left:0!important;height:100vh!important;max-height:100vh!important;bottom:0!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:20px!important;overflow-y:auto!important;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.95) 100%)!important}}@media (max-width: 768px){.sidebar.collapsed{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;box-shadow:0 4px 20px #00000026!important;border-bottom:1px solid rgba(226,232,240,.8)!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.95) 100%)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background-attachment:fixed!important}.sidebar.collapsed .user-profile,.sidebar.collapsed .sidebar-links,.sidebar.collapsed .sidebar-bottom{display:none!important}.sidebar:not(.collapsed) .user-profile{display:flex!important;margin-bottom:20px!important;padding-bottom:20px!important;border-bottom:1px solid rgba(226,232,240,.7)!important}.sidebar:not(.collapsed) .sidebar-links{display:flex!important;flex-direction:column!important;gap:8px!important;flex:1!important;overflow-y:auto!important;margin:0!important;padding:0!important}.sidebar:not(.collapsed) .sidebar-bottom{display:block!important;margin-top:auto!important;padding-top:20px!important;border-top:1px solid rgba(226,232,240,.7)!important}.sidebar.collapsed .top-section{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}.sidebar:not(.collapsed) .sidebar-link{padding:16px 20px!important;border-radius:12px!important;font-size:16px!important;font-weight:500!important;margin-bottom:4px!important;min-height:56px!important;display:flex!important;align-items:center!important}.sidebar.collapsed .logo-section{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important;justify-content:flex-start!important}.sidebar.collapsed .logo{display:block!important;font-size:28px!important;font-weight:800!important;color:#1e293b!important;margin:0!important;letter-spacing:-.5px!important;line-height:1!important}.sidebar.collapsed .toggle-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;border-radius:12px!important;background:rgba(30,41,59,.1)!important;border:2px solid rgba(30,41,59,.2)!important;cursor:pointer!important;transition:all .3s ease!important;flex-shrink:0!important}.sidebar.collapsed .toggle-btn:hover{background:rgba(30,41,59,.15)!important;border-color:#1e293b4d!important;transform:scale(1.05)!important}.sidebar.collapsed .toggle-btn svg{width:24px!important;height:24px!important;color:#1e293b!important;stroke-width:2.5!important}.sidebar:not(.collapsed) .logo-section{display:flex!important;align-items:center!important;gap:12px!important}.sidebar:not(.collapsed) .logo{display:block!important;font-size:28px!important;font-weight:700!important;color:#1e293b!important;margin:0!important}}.top-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;width:100%;padding-bottom:16px;border-bottom:1px solid rgba(226,232,240,.7);flex-shrink:0;position:relative;z-index:100}.toggle-btn{width:40px;height:40px;border:none;background:rgba(59,130,246,.05);border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;overflow:hidden}.toggle-btn:hover{background:rgba(59,130,246,.1);transform:scale(1.05)}.logo-section{display:flex;align-items:center;gap:12px;flex:1;margin-left:12px}.logo{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-profile{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(59,130,246,.05);border-radius:12px;margin-bottom:24px;border:1px solid rgba(59,130,246,.1)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#10b981);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.avatar-symbol{font-size:1.2rem;color:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.user-info{flex:1;min-width:0}.user-name{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:#64748b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-links{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden}.sidebar-links li{margin-bottom:4px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#64748b;text-decoration:none;border-radius:10px;transition:all .2s ease;font-size:.875rem;font-weight:500;position:relative;overflow:hidden;border:none!important;outline:none!important}.sidebar-link:focus{outline:none!important;border:none!important;box-shadow:none!important}.sidebar-link:hover{background:rgba(59,130,246,.08);color:#3b82f6;transform:translate(2px)}.sidebar-link.active{background:rgba(59,130,246,.1);color:#3b82f6;font-weight:600}.sidebar-link svg{width:18px;height:18px;flex-shrink:0}.sidebar.collapsed .sidebar-link span{display:none}.sidebar.collapsed .user-profile{flex-direction:column;text-align:center;gap:8px}.sidebar.collapsed .user-info,.sidebar.collapsed .logo-section{display:none}.sidebar-bottom{margin-top:auto;padding-top:16px;border-top:1px solid rgba(226,232,240,.7)}.sidebar-actions{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.logout-btn{background:none;border:none;width:100%;text-align:left;cursor:pointer}.logout-btn:hover{color:#ef4444;background:rgba(239,68,68,.08)}.sidebar-footer{text-align:center;padding-top:12px}.copyright,.version{font-size:.75rem;color:#94a3b8;margin:2px 0}.sidebar-voice-btn{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #10b9814d;position:relative;overflow:hidden}.sidebar-voice-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b98166}.sidebar-voice-btn svg{width:16px;height:16px;z-index:2}.sidebar-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border-radius:8px;font-size:10px;font-weight:600;line-height:1;padding:0 4px;box-shadow:0 2px 4px #0003;z-index:1;animation:notificationPulse 2s infinite}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}[data-theme=dark] .sidebar{background:linear-gradient(180deg,rgba(15,23,42,.98) 0%,rgba(30,41,59,.95) 100%)!important;color:#e2e8f0!important;border-right:1px solid rgba(51,65,85,.8)!important;box-shadow:0 0 0 1px #33415533,0 8px 32px #0000004d,0 4px 16px #0003!important}[data-theme=dark] .logo{color:#14f195!important}[data-theme=dark] .user-name{color:#e2e8f0!important}[data-theme=dark] .user-role{color:#94a3b8!important}[data-theme=dark] .sidebar-link{color:#cbd5e1!important}[data-theme=dark] .sidebar-link:hover{background:rgba(51,65,85,.5)!important;color:#14f195!important}[data-theme=dark] .sidebar-link.active{background:linear-gradient(135deg,rgba(20,241,149,.15) 0%,rgba(16,185,129,.1) 100%)!important;color:#14f195!important}[data-theme=dark] .toggle-btn{color:#cbd5e1!important;background:rgba(51,65,85,.3)!important}[data-theme=dark] .toggle-btn:hover{background:rgba(51,65,85,.6)!important;color:#14f195!important}[data-theme=dark] .copyright,[data-theme=dark] .version{color:#64748b!important}[data-theme=dark] .logout-btn:hover{background:rgba(239,68,68,.1)!important;color:#ef4444!important}[data-theme=dark] .notification-badge{background:#14f195}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.show{opacity:1;visibility:visible}.main-content{margin-left:0;transition:margin-left .3s ease;min-height:100vh}@media (min-width: 769px){.main-content.with-sidebar{margin-left:280px}.main-content.with-sidebar.sidebar-collapsed{margin-left:80px}}@media (max-width: 768px){.main-content{margin-left:0!important}}.search-input-container{position:relative;width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s ease;overflow:hidden}.search-input-wrapper:hover{border-color:var(--accent-primary);box-shadow:0 0 0 1px #3b82f61a}.search-input-wrapper.focused{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;background:var(--bg-primary)}.search-input-wrapper.disabled{opacity:.6;cursor:not-allowed;background:var(--disabled-bg)}.search-icon{position:absolute;left:12px;color:var(--text-secondary);font-size:16px;pointer-events:none;z-index:1;transition:color .2s ease}.search-input-wrapper.focused .search-icon{color:var(--accent-primary)}.search-input{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding-left:40px;padding-right:40px;transition:all .2s ease}.search-input::placeholder{color:var(--text-secondary);font-weight:var(--font-weight-normal)}.search-input:disabled{cursor:not-allowed}.search-actions{position:absolute;right:8px;display:flex;align-items:center;gap:4px;z-index:1}.search-loading{color:var(--accent-primary);font-size:16px}.search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.search-clear:hover{background:var(--hover-bg);color:var(--text-primary)}.search-clear:disabled{cursor:not-allowed;opacity:.5}.search-input-container.size-sm .search-input-wrapper{height:36px}.search-input-container.size-sm .search-input{font-size:var(--font-size-xs);padding-left:32px;padding-right:32px}.search-input-container.size-sm .search-icon{left:10px;font-size:14px}.search-input-container.size-md .search-input-wrapper{height:44px}.search-input-container.size-lg .search-input-wrapper{height:52px}.search-input-container.size-lg .search-input{font-size:var(--font-size-base);padding-left:48px;padding-right:48px}.search-input-container.size-lg .search-icon{left:16px;font-size:18px}.search-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:4px;max-height:400px;overflow-y:auto}.section-header{padding:8px 16px 4px;border-bottom:1px solid var(--border-color);background:var(--secondary-bg)}.section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.history-section{border-bottom:1px solid var(--border-color)}.history-list{padding:4px 0}.history-item-wrapper{cursor:pointer;transition:background-color .1s ease}.search-history-item{padding:10px 16px;display:flex;align-items:center;gap:10px}.history-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.history-icon{color:var(--text-secondary);font-size:14px;flex-shrink:0}.history-text{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-time{color:var(--text-tertiary);font-size:var(--font-size-xs);flex-shrink:0}.suggestions-list{padding:8px 0}.suggestion-item-wrapper,.history-item-wrapper{cursor:pointer;transition:background-color .1s ease}.suggestion-item-wrapper.selected,.history-item-wrapper.selected{background-color:var(--accent-primary);color:var(--text-inverse)}.suggestion-item-wrapper.selected .suggestion-text,.suggestion-item-wrapper.selected .suggestion-subtitle,.history-item-wrapper.selected .history-text,.history-item-wrapper.selected .history-time,.history-item-wrapper.selected .history-icon{color:var(--text-inverse)}.search-suggestion-item{padding:12px 16px;display:flex;align-items:center;gap:12px}.suggestion-content{flex:1;min-width:0}.suggestion-text{display:block;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4}.suggestion-subtitle{display:block;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:1.3;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestions-dropdown::-webkit-scrollbar{width:6px}.search-suggestions-dropdown::-webkit-scrollbar-track{background:var(--secondary-bg);border-radius:3px}.search-suggestions-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.search-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme=dark] .search-input-wrapper{background:var(--secondary-bg);border-color:var(--border-color)}[data-theme=dark] .search-input-wrapper:hover{border-color:var(--accent-primary);box-shadow:0 0 0 1px #14f1951a}[data-theme=dark] .search-input-wrapper.focused{border-color:var(--accent-primary);box-shadow:0 0 0 3px #14f1951a;background:var(--bg-primary)}[data-theme=dark] .search-suggestions-dropdown{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.global-search-input .search-suggestions-dropdown{min-width:400px}.global-search-suggestion .suggestion-content{display:flex;flex-direction:column;gap:2px}.global-search-suggestion .suggestion-symbol{font-weight:var(--font-weight-semibold);color:var(--accent-primary)}.global-search-suggestion .suggestion-name{font-size:var(--font-size-xs);color:var(--text-secondary)}.global-search-suggestion .suggestion-exchange{font-size:11px;color:var(--text-tertiary);background:var(--secondary-bg);padding:2px 6px;border-radius:var(--radius-sm);align-self:flex-start}.trading-search-input,.watchlist-search-input,.charts-search-input,.orders-search-input,.news-search-input{width:100%}.watchlist-search-suggestion .suggestion-badge{font-size:10px;background:var(--accent-primary);color:var(--text-inverse);padding:2px 6px;border-radius:var(--radius-sm);margin-left:auto}.loading-state,.empty-state{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--text-secondary);font-size:var(--font-size-sm)}.loading-icon,.empty-icon{font-size:18px}@media (max-width: 768px){.search-input-container.size-lg .search-input-wrapper{height:44px}.search-input-container.size-lg .search-input{font-size:var(--font-size-sm);padding-left:40px;padding-right:40px}.search-input-container.size-lg .search-icon{left:12px;font-size:16px}.search-suggestions-dropdown{max-height:250px}.global-search-input .search-suggestions-dropdown{min-width:300px}}@media (max-width: 480px){.search-suggestion-item{padding:10px 12px}.suggestion-text{font-size:var(--font-size-xs)}.suggestion-subtitle{font-size:11px}.global-search-input .search-suggestions-dropdown{min-width:280px}}.search-highlight{background:var(--accent-primary);color:var(--text-inverse);padding:1px 3px;border-radius:2px;font-weight:var(--font-weight-semibold)}.search-highlight-secondary{background:var(--accent-secondary);color:var(--text-inverse);padding:1px 3px;border-radius:2px;font-weight:var(--font-weight-medium)}.search-snippet{line-height:1.4;color:var(--text-secondary)}.search-snippet .search-highlight,[data-theme=dark] .search-highlight{background:var(--accent-primary);color:var(--text-inverse)}[data-theme=dark] .search-highlight-secondary{background:var(--accent-secondary);color:var(--text-inverse)}.global-search-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}.global-search-modal{position:fixed;top:20%;left:50%;transform:translate(-50%);width:90%;max-width:600px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);z-index:10000;overflow:hidden}.global-search-header{padding:16px 20px 0;border-bottom:1px solid var(--border-color)}.search-type-tabs{display:flex;gap:4px;margin-bottom:16px}.search-type-tab{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.search-type-tab:hover{background:var(--hover-bg);border-color:var(--accent-primary);color:var(--text-primary)}.search-type-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.tab-icon{font-size:16px}.tab-label{flex:1}.tab-shortcut{background:rgba(255,255,255,.2);color:inherit;padding:2px 6px;border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-weight-semibold);min-width:20px;text-align:center}.search-type-tab.active .tab-shortcut{background:rgba(255,255,255,.3)}.global-search-input-container{padding:20px}.global-search-input{width:100%}.global-search-input .search-input-wrapper{height:56px;border:2px solid var(--border-color);border-radius:var(--radius-lg)}.global-search-input .search-input-wrapper.focused{border-color:var(--accent-primary);box-shadow:0 0 0 4px #3b82f61a}.global-search-input .search-input{font-size:var(--font-size-lg);padding-left:52px;padding-right:52px}.global-search-input .search-icon{left:18px;font-size:20px}.global-search-input .search-suggestions-dropdown{margin-top:8px;max-height:350px;border:2px solid var(--border-color)}.global-search-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--secondary-bg);border-top:1px solid var(--border-color)}.search-shortcuts{display:flex;align-items:center;gap:16px}.shortcut-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:var(--font-size-xs)}.shortcut-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--text-primary);box-shadow:0 1px 2px #0000001a}.search-branding{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.shortcut-badge{display:flex;align-items:center;gap:2px;padding:4px 6px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:11px;font-weight:var(--font-weight-semibold)}.command-icon{font-size:12px}[data-theme=dark] .global-search-modal{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 25px 50px -12px #00000080}[data-theme=dark] .global-search-backdrop{background:rgba(0,0,0,.7)}[data-theme=dark] .search-type-tab.active{background:var(--accent-primary);color:var(--text-inverse)}[data-theme=dark] .global-search-input .search-input-wrapper.focused{border-color:var(--accent-primary);box-shadow:0 0 0 4px #14f1951a}@media (max-width: 768px){.global-search-modal{top:10%;width:95%;max-width:none}.search-type-tabs{flex-direction:column;gap:8px}.search-type-tab{justify-content:flex-start}.global-search-input-container{padding:16px}.global-search-input .search-input-wrapper{height:48px}.global-search-input .search-input{font-size:var(--font-size-base);padding-left:44px;padding-right:44px}.global-search-input .search-icon{left:14px;font-size:18px}.search-shortcuts{gap:12px}.shortcut-item{gap:4px}.global-search-footer{padding:10px 16px;flex-direction:column;gap:8px;align-items:flex-start}}@media (max-width: 480px){.global-search-modal{top:5%;width:98%}.search-shortcuts{display:none}.global-search-footer{justify-content:center}}.global-search-modal{animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.voice-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.voice-modal{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:20px;padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 0 0 1px #94a3b81a,0 20px 60px #00000026,0 8px 32px #0000001a;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.voice-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(226,232,240,.8)}.voice-modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.voice-modal-close{background:none;border:none;padding:8px;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s ease}.voice-modal-close:hover{background:rgba(239,68,68,.1);color:#dc2626}.voice-status{text-align:center;margin-bottom:24px}.voice-indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;font-size:2rem;margin-bottom:16px;animation:pulse 2s infinite}.voice-indicator.listening{animation:listening 1.5s infinite}.pulse-ring{position:absolute;border:3px solid #10b981;border-radius:50%;width:100px;height:100px;opacity:0;animation:pulseRing 2s infinite}.voice-status-text{font-size:1.1rem;color:#475569;margin:0;font-weight:500}.voice-transcript{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px;margin-bottom:24px;text-align:center}.voice-transcript p{margin:0;color:#1e40af;font-size:.95rem}.voice-commands-list h4{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#374151}.commands-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:20px}.command-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(248,250,252,.8);border:1px solid rgba(226,232,240,.6);border-radius:8px;transition:all .2s ease}.command-item:hover{background:rgba(59,130,246,.05);border-color:#3b82f633}.command-text{font-weight:600;color:#1e293b;font-size:.9rem}.command-desc{color:#64748b;font-size:.85rem}.voice-tips{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.05));border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:16px;text-align:center}.voice-tips p{margin:0;color:#047857;font-size:.9rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes listening{0%,to{transform:scale(1);box-shadow:0 0 #10b981b3}50%{transform:scale(1.1);box-shadow:0 0 0 20px #10b98100}}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}[data-theme=dark] .voice-modal{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);color:#f1f5f9}[data-theme=dark] .voice-modal-header{border-bottom-color:#47556966}[data-theme=dark] .voice-modal-header h3{color:#f1f5f9}[data-theme=dark] .voice-modal-close{color:#94a3b8}[data-theme=dark] .voice-modal-close:hover{background:rgba(239,68,68,.2);color:#fca5a5}[data-theme=dark] .voice-status-text{color:#cbd5e1}[data-theme=dark] .voice-transcript{background:rgba(99,102,241,.15);border-color:#6366f14d}[data-theme=dark] .voice-transcript p{color:#c7d2fe}[data-theme=dark] .voice-commands-list h4{color:#e2e8f0}[data-theme=dark] .command-item{background:rgba(30,41,59,.6);border-color:#47556966}[data-theme=dark] .command-item:hover{background:rgba(99,102,241,.1);border-color:#6366f14d}[data-theme=dark] .command-text{color:#f1f5f9}[data-theme=dark] .command-desc{color:#94a3b8}[data-theme=dark] .voice-tips{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.1));border-color:#10b9814d}[data-theme=dark] .voice-tips p{color:#6ee7b7}@media (max-width: 768px){.voice-modal{margin:20px;padding:24px;max-height:85vh}.voice-modal-header h3{font-size:1.3rem}.voice-indicator{width:60px;height:60px;font-size:1.5rem}.pulse-ring{width:80px;height:80px}.commands-grid{gap:6px}.command-item{padding:10px 12px}.command-text{font-size:.85rem}.command-desc{font-size:.8rem}}.voice-status-indicator{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,rgba(16,185,129,.9),rgba(5,150,105,.8));color:#fff;padding:12px 16px;border-radius:50px;display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;box-shadow:0 4px 20px #10b9814d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9998;transition:all .3s ease;opacity:.8;transform:translateY(0)}.voice-status-indicator:hover{opacity:1;transform:translateY(-2px);box-shadow:0 6px 25px #10b98166}.voice-status-indicator.listening{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(29,78,216,.8));box-shadow:0 4px 20px #3b82f64d;animation:listeningPulse 2s infinite}.voice-status-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;position:relative}.voice-status-text{white-space:nowrap}.voice-pulse-rings{position:absolute;top:50%;left:24px;transform:translateY(-50%);pointer-events:none}.pulse-ring{position:absolute;border:2px solid rgba(255,255,255,.6);border-radius:50%;width:20px;height:20px;top:-10px;left:-10px;opacity:0;animation:pulseRing 2s infinite}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}@keyframes listeningPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.02)}}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}[data-theme=dark] .voice-status-indicator{background:linear-gradient(135deg,rgba(16,185,129,.8),rgba(5,150,105,.7));box-shadow:0 4px 20px #10b98166}[data-theme=dark] .voice-status-indicator.listening{background:linear-gradient(135deg,rgba(99,102,241,.8),rgba(79,70,229,.7));box-shadow:0 4px 20px #6366f166}@media (max-width: 768px){.voice-status-indicator{bottom:80px;right:16px;padding:10px 14px;font-size:.8rem}.voice-status-icon{width:18px;height:18px}.pulse-ring{width:18px;height:18px;top:-9px;left:-9px}}@media (max-width: 480px){.voice-status-indicator{bottom:70px;right:12px;padding:8px 12px;font-size:.75rem}.voice-status-text span{display:none}.voice-status-indicator:after{content:"Say Saytrix";font-size:.75rem}}.saytrix-activation-indicator{position:fixed;top:20px;right:20px;background:#7C3AED;color:#fff;padding:.75rem 1rem;border-radius:2rem;display:flex;align-items:center;gap:.5rem;z-index:1000;font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #7c3aed4d}.mic-icon{animation:pulse 1s ease-in-out infinite}.stock-price{position:relative;display:flex;flex-direction:column;gap:.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.stock-price.small{font-size:.875rem}.stock-price.medium{font-size:1rem}.stock-price.large{font-size:1.25rem}.stock-price.xl{font-size:1.5rem}.stock-symbol{font-size:.75em;font-weight:600;color:var(--text-secondary, #6B7280);text-transform:uppercase;letter-spacing:.05em}.price-container{display:flex;flex-direction:column;gap:.125rem}.price-value{position:relative;font-size:1em;font-weight:700;color:var(--text-primary, #111827);font-variant-numeric:tabular-nums;overflow:hidden;border-radius:.25rem}.price-value.animating{z-index:1}.price-flash{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.25rem;pointer-events:none;z-index:-1}.price-flash.up{background:linear-gradient(90deg,rgba(34,197,94,.2) 0%,rgba(34,197,94,.1) 50%,rgba(34,197,94,.2) 100%)}.price-flash.down{background:linear-gradient(90deg,rgba(239,68,68,.2) 0%,rgba(239,68,68,.1) 50%,rgba(239,68,68,.2) 100%)}.price-change{display:flex;align-items:center;gap:.25rem;font-size:.875em;font-weight:500}.price-change.up{color:var(--success-color, #22C55E)}.price-change.down{color:var(--error-color, #EF4444)}.price-change.neutral{color:var(--text-secondary, #6B7280)}.change-icon{display:flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;border-radius:50%;background:currentColor;color:#fff;font-size:.75em}.price-change.up .change-icon{background:var(--success-color, #22C55E)}.price-change.down .change-icon{background:var(--error-color, #EF4444)}.price-change.neutral .change-icon{background:var(--text-secondary, #6B7280)}.change-values{display:flex;flex-direction:column;gap:.125rem;font-variant-numeric:tabular-nums}.change-amount{font-weight:600}.change-percent{font-size:.875em;opacity:.8}.pulse-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;border-radius:50%;background:var(--primary-color, #3B82F6);pointer-events:none;z-index:10}@media (prefers-color-scheme: dark){.stock-symbol{color:var(--text-secondary-dark, #9CA3AF)}.price-value{color:var(--text-primary-dark, #F9FAFB)}.price-change.neutral{color:var(--text-secondary-dark, #9CA3AF)}}@media (max-width: 768px){.stock-price.large{font-size:1.125rem}.stock-price.xl{font-size:1.25rem}.change-values{flex-direction:row;gap:.5rem}}@keyframes priceFlash{0%{opacity:0}50%{opacity:.3}to{opacity:0}}@keyframes pricePulse{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@media (prefers-reduced-motion: reduce){.price-value,.price-flash,.pulse-indicator{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.price-change.up{color:green}.price-change.down{color:red}.change-icon{border:1px solid currentColor}}.toast-notification{position:fixed;top:20px;right:20px;min-width:320px;max-width:400px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:9999;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .3s ease-out}.toast-notification.success{border-left:4px solid #10b981;background:linear-gradient(135deg,rgba(16,185,129,.05) 0%,var(--surface-color) 100%)}.toast-notification.error{border-left:4px solid #ef4444;background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,var(--surface-color) 100%)}.toast-notification.warning{border-left:4px solid #f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.05) 0%,var(--surface-color) 100%)}.toast-notification.info{border-left:4px solid #3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,var(--surface-color) 100%)}.toast-notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px}.toast-notification-icon-title{display:flex;align-items:center;gap:12px}.toast-notification-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.toast-notification.success .toast-notification-icon{background:#10b981;color:#fff}.toast-notification.error .toast-notification-icon{background:#ef4444;color:#fff}.toast-notification.warning .toast-notification-icon{background:#f59e0b;color:#fff}.toast-notification.info .toast-notification-icon{background:#3b82f6;color:#fff}.toast-notification-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.toast-notification-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toast-notification-close:hover{background:var(--hover-color);color:var(--text-primary)}.toast-notification-body{padding:0 20px 16px}.toast-notification-message{font-size:13px;color:var(--text-secondary);line-height:1.4;margin:0}.toast-notification-actions{display:flex;gap:8px;margin-top:12px}.toast-notification-action{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;background:var(--surface-color);color:var(--text-secondary)}.toast-notification-action:hover{background:var(--hover-color);color:var(--text-primary);border-color:var(--primary-color)}.toast-notification-action.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.toast-notification-action.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.toast-notification-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--primary-color);transition:width .1s linear;border-radius:0 0 12px 12px}.toast-notification.success .toast-notification-progress{background:#10b981}.toast-notification.error .toast-notification-progress{background:#ef4444}.toast-notification.warning .toast-notification-progress{background:#f59e0b}.toast-notification.info .toast-notification-progress{background:#3b82f6}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-notification.exit{animation:slideOutRight .3s ease-in forwards}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}.toast-container .toast-notification{position:relative;margin-bottom:12px;pointer-events:auto}@media (max-width: 480px){.toast-notification{left:20px;right:20px;min-width:auto;max-width:none}.toast-container{left:20px;right:20px}}[data-theme=dark] .toast-notification{box-shadow:0 10px 40px #0000004d}@media (prefers-contrast: high){.toast-notification{border-width:2px}.toast-notification-icon{border:1px solid currentColor}}:root{--primary-color: #1B8E99;--primary-color-dark: #157a7f;--primary-color-light: #22b8b0;--primary-gradient: linear-gradient(135deg, #1B8E99, #22b8b0);--primary-gradient-hover: linear-gradient(135deg, #157a7f, #1B8E99);--accent-color: #f8f9fa;--text-color: #212529;--text-color-light: #495057;--background-color: #ffffff;--border-color: rgba(27, 142, 153, .05);--shadow-color: rgba(0, 0, 0, .03);--shadow-color-hover: rgba(27, 142, 153, .08);--transition-fast: .3s cubic-bezier(.25, .46, .45, .94);--transition-medium: .5s cubic-bezier(.165, .84, .44, 1);--transition-slow: .7s cubic-bezier(.19, 1, .22, 1);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-circle: 50%;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .03);--shadow-md: 0 5px 15px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .08);--shadow-feature: 0 10px 30px rgba(27, 142, 153, .08)}body{margin:0;font-family:Poppins,Segoe UI,sans-serif;background:var(--background-color);color:var(--text-color)}html{margin:0;padding:0;font-family:Poppins,Segoe UI,sans-serif;scroll-behavior:smooth;background:var(--background-color);color:var(--text-color)}.landing-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;background-color:#fff;background-image:radial-gradient(circle at 20% 30%,rgba(27,142,153,.03) 0%,transparent 300px),radial-gradient(circle at 80% 70%,rgba(27,142,153,.03) 0%,transparent 300px)}.navbar{background:rgba(255,255,255,.98);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #0000000d;border-bottom:1px solid rgba(27,142,153,.1);transition:all .3s ease;max-width:1400px;margin:0 auto;width:100%}.navbar.scrolled{padding:.8rem 2rem;background:rgba(255,255,255,.98);box-shadow:0 5px 20px #00000014}.logo{font-size:1.8rem;font-weight:800;background:linear-gradient(90deg,#1B8E99,#22b8b0);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.nav-links{display:flex;gap:2rem;align-items:center}.mobile-menu-btn{display:none;background:none;border:none;color:#1b8e99;font-size:1.5rem;cursor:pointer;z-index:1001;padding:.5rem;border-radius:4px;transition:background-color .3s ease}.mobile-menu-btn:hover{background-color:#1b8e991a}@media (min-width: 769px){.nav-links{display:flex!important}.mobile-menu-btn{display:none!important}}@media (max-width: 768px) and (min-width: 577px){.nav-links{display:flex;gap:1rem}.mobile-menu-btn{display:none}}@media (max-width: 576px){.nav-links{display:none}.mobile-menu-btn{display:block}.nav-links.mobile-active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:white;padding:1rem;box-shadow:0 4px 10px #0000001a;border-top:1px solid rgba(27,142,153,.1);z-index:1000}.nav-links.mobile-active a{margin:.5rem 0;padding:.75rem 1rem;border-radius:8px;transition:background-color .3s ease}.nav-links.mobile-active a:hover{background-color:#1b8e990d}.nav-links.mobile-active .cta-button{margin-top:1rem;align-self:stretch;text-align:center}}.nav-links a{color:#1b8e99;margin:0 1rem;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;padding:.3rem 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#1B8E99,#22b8b0);transition:width .3s ease}.nav-links a:hover{color:#22b8b0}.nav-links a:hover:after{width:100%}.cta-button{background:linear-gradient(90deg,#1B8E99,#22b8b0);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500;box-shadow:0 4px 10px #1b8e9933}.cta-button:hover{background:linear-gradient(90deg,#157a7f,#1B8E99);transform:translateY(-2px);box-shadow:0 6px 15px #1b8e994d}.hero-section{background:#ffffff;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between;padding:4rem 2rem 3rem;text-align:center;position:relative;overflow:hidden;min-height:80vh;width:100%;max-width:1400px;margin:0 auto}.hero-section>*{position:relative;z-index:1}@media (min-width: 768px){.hero-section{flex-direction:row;text-align:left;padding:2rem 4rem;min-height:80vh;height:auto}.hero-content{width:50%;padding:2rem;display:flex;flex-direction:column;justify-content:center}.hero-visual{width:50%;margin:0;display:flex;align-items:center;justify-content:center;padding:2rem}}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:2rem;line-height:1.2;background:linear-gradient(90deg,#1B8E99,#22b8b0);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.text-rotate{display:inline-flex;flex-wrap:wrap}.text-rotate-word{display:inline-flex;margin-right:.25em}.text-rotate-element{display:inline-block}.text-rotate-space{width:.25em}@media (max-width: 768px){.hero-content h1{font-size:3.2rem}}@media (max-width: 576px){.hero-content h1{font-size:2.5rem;margin-bottom:1.5rem}}.hero-content p{font-size:1.3rem;color:#495057;margin-bottom:2.5rem;max-width:600px;line-height:1.6}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}@media (max-width: 576px){.hero-buttons{flex-direction:column;gap:1rem;width:100%}.hero-buttons button{width:100%}}.primary-btn{background:linear-gradient(90deg,#1B8E99,#22b8b0);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #1b8e9933;font-size:1.1rem}.primary-btn:hover{background:linear-gradient(90deg,#157a7f,#1B8E99);transform:translateY(-2px);box-shadow:0 6px 20px #1b8e994d}.secondary-btn{background:rgba(255,255,255,.1);border:2px solid #1B8E99;color:#1b8e99;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:1.1rem}.secondary-btn:hover{background:rgba(27,142,153,.1);color:#1b8e99;transform:translateY(-2px)}.hero-visual{position:relative;max-width:100%;margin:0 auto}.hero-visual img{max-width:100%;width:100%;border-radius:12px;box-shadow:0 15px 30px #00000026;transition:all .5s ease;object-fit:cover}@media (min-width: 768px){.hero-visual img{max-width:550px}.hero-visual{position:relative}.hero-visual:after{content:"";position:absolute;top:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 30px);border:2px solid #1B8E99;border-radius:12px;z-index:-1;opacity:.3}}.features-section{background:var(--background-color);padding:var(--spacing-xl) var(--spacing-lg);position:relative;margin:2rem 0;background-image:radial-gradient(circle at 20% 30%,rgba(27,142,153,.03) 0%,transparent 8%),radial-gradient(circle at 80% 70%,rgba(27,142,153,.03) 0%,transparent 8%);background-size:60px 60px}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:250px;background:linear-gradient(180deg,rgba(27,142,153,.03) 0%,rgba(255,255,255,0) 100%);z-index:0}.features-section .features-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-top:4rem;position:relative;z-index:1}@media (min-width: 768px){.features-section .features-grid{grid-template-columns:repeat(2,1fr);gap:3rem}}@media (min-width: 992px){.features-section .features-grid{grid-template-columns:repeat(3,1fr)}}.section-title{font-size:2.8rem;text-align:center;margin-bottom:var(--spacing-xl);color:var(--text-color);position:relative;display:inline-block;margin:0 auto var(--spacing-xl);font-weight:700;letter-spacing:-.5px;z-index:1}.section-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--primary-gradient);border-radius:3px}.features-section .feature{background:rgba(255,255,255,.7);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-medium);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.features-section .feature:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.5) 100%);opacity:.6;z-index:-1;transition:all var(--transition-medium)}.features-section .feature:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-feature);border-color:#1b8e9926;background:rgba(255,255,255,.85)}.features-section .feature{will-change:transform,box-shadow}.features-section .feature:hover:after{opacity:.9;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 100%)}.features-section .feature:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--primary-gradient);transition:all var(--transition-medium)}.features-section .feature:hover:before{height:5px}.feature-highlight{position:absolute;top:-20px;right:-20px;width:60px;height:60px;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 70%);opacity:0;transition:all var(--transition-medium);z-index:1;pointer-events:none}.features-section .feature:hover .feature-highlight{opacity:.8;transform:scale(1.2)}.features-section .feature h3{margin-bottom:var(--spacing-md);font-size:1.8rem;color:var(--primary-color);font-weight:700;transition:all var(--transition-fast);position:relative}.features-section .feature:hover h3{transform:translateY(-3px);color:var(--primary-color-dark)}.features-section .feature p{color:var(--text-color-light);font-size:1.1rem;line-height:1.7;transition:all var(--transition-fast);margin-bottom:0}.features-section .feature:hover p{color:var(--text-color)}.feature-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:85px;height:85px;border-radius:var(--border-radius-circle);background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.6) 100%);margin-bottom:var(--spacing-lg);position:relative;transition:all var(--transition-medium);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #1b8e990d,inset 0 0 15px #ffffff80;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.feature:hover .feature-icon-wrapper{transform:scale(1.05) translateY(-5px);background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.8) 100%);box-shadow:0 8px 25px #1b8e991f,inset 0 0 20px #fffc;animation:gentle-float 3s ease-in-out infinite;border-color:#1b8e9926}.feature-icon{font-size:2.2rem;color:var(--primary-color);transition:all var(--transition-medium);filter:drop-shadow(0 2px 3px rgba(0,0,0,.05));opacity:.9}.feature:hover .feature-icon{transform:scale(1.1);color:var(--primary-color-dark);filter:drop-shadow(0 3px 5px rgba(27,142,153,.2));opacity:1}@keyframes gentle-float{0%,to{transform:scale(1.05) translateY(-5px)}50%{transform:scale(1.05) translateY(-10px)}}@keyframes gentle-pulse{0%{box-shadow:0 0 #1b8e9933}50%{box-shadow:0 0 0 15px #1b8e9900}to{box-shadow:0 0 #1b8e9900}}.feature-icon-wrapper:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:var(--border-radius-circle);background:linear-gradient(135deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.2) 100%);z-index:-1;opacity:0;transition:all var(--transition-medium)}.feature:hover .feature-icon-wrapper:before{opacity:.8;transform:scale(1.03)}.feature-icon-wrapper:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:var(--border-radius-circle);background:linear-gradient(135deg,rgba(27,142,153,.1) 0%,rgba(34,184,176,.05) 100%);opacity:0;transition:all var(--transition-medium);z-index:-2}.feature:hover .feature-icon-wrapper:after{opacity:1;animation:gentle-pulse-ring 3s ease-out infinite}@keyframes gentle-pulse-ring{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:.3}to{transform:scale(.95);opacity:.7}}.about-section{padding:3rem 2rem;text-align:center;background:#ffffff;position:relative;overflow:hidden}.about-section h2{font-size:2.8rem;margin-bottom:2.5rem;color:#212529;position:relative;z-index:1;font-weight:700}.about-section p{max-width:800px;margin:0 auto 2rem;color:#495057;font-size:1.2rem;line-height:1.8;position:relative;z-index:1}.testimonials{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.contact-section{padding:3rem 2rem;text-align:center;background:#ffffff;position:relative}.contact-section h2{font-size:2.8rem;margin-bottom:1rem;color:#212529;position:relative;display:inline-block;font-weight:700}.contact-section p{font-size:1.2rem;color:#495057;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-form{max-width:700px;margin:2rem auto 0;display:flex;flex-direction:column;gap:1.5rem;background:#ffffff;padding:3rem;border-radius:16px;box-shadow:0 5px 15px #00000008;border:1px solid rgba(27,142,153,.05)}@media (max-width: 768px){.contact-form{max-width:90%;padding:2rem}}.contact-form input,.contact-form textarea{padding:1.2rem;border:1px solid rgba(27,142,153,.2);border-radius:12px;font-size:1rem;background:#ffffff;color:#212529;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#1b8e99;box-shadow:0 0 0 3px #1b8e991a}.contact-form textarea{resize:vertical;min-height:150px}.contact-form .primary-btn{margin-top:1rem}.footer{background:#212529;padding:2rem;text-align:center;font-size:1rem;color:#ffffffb3;position:relative;margin-top:2rem}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1B8E99,#22b8b0)}.footer p{margin-bottom:1rem}.footer a{color:#22b8b0;text-decoration:none;margin:0 1rem;transition:all .3s ease;font-weight:500}.footer a:hover{color:#fff}.gallery-section{padding:3rem 2rem;background:#ffffff;text-align:center}.gallery-section h2{font-size:2.8rem;margin-bottom:3rem;color:#212529;position:relative;display:inline-block}.gallery-section h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#1B8E99,#22b8b0);border-radius:2px}.gallery-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;margin-top:2rem;will-change:transform,opacity}@media (min-width: 576px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}.gallery-item{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;aspect-ratio:16/9}.gallery-item:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000026}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;padding:1rem;transform:translateY(100%);transition:all .3s ease}.gallery-item:hover .gallery-caption{transform:translateY(0)}.hero-title{display:inline-block}.navbar.scrolled{padding:.7rem 2rem;background:rgba(255,255,255,.98);box-shadow:0 5px 30px #0000001a}.section-title{will-change:transform,opacity}.about-section{will-change:transform;overflow:visible}.contact-form input,.contact-form textarea{will-change:transform,box-shadow}.footer a{will-change:transform,color}.testimonials-section{padding:3rem 2rem;background:#ffffff;text-align:center;position:relative}.testimonials-section h2{font-size:2.8rem;margin-bottom:3rem;color:#212529;position:relative;display:inline-block}.testimonials-section h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#1B8E99,#22b8b0);border-radius:2px}.testimonials{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;will-change:transform,opacity}@media (min-width: 768px){.testimonials{flex-direction:row;gap:2rem}}.testimonial{background:#ffffff;padding:3rem;border-radius:16px;box-shadow:0 5px 15px #00000008;transition:all .3s ease;border:1px solid rgba(27,142,153,.05);position:relative;flex:1}.testimonial:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000000d}.testimonial:before{content:'"';position:absolute;top:20px;left:30px;font-size:5rem;color:#1b8e991a;font-family:Georgia,serif;line-height:1}.testimonial p{font-style:italic;color:#495057;line-height:1.8;font-size:1.1rem;margin-bottom:1.5rem;position:relative;z-index:1}.testimonial h4{margin-top:1.5rem;font-weight:700;color:#1b8e99;font-size:1.1rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:#f8fafc}.auth-card{width:100%;max-width:420px;background:white;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2.5rem;position:relative}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.auth-logo-text{font-size:1.75rem;font-weight:800;margin:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-title{font-size:1.75rem;font-weight:700;margin:0 0 .75rem;color:#1a202c}.auth-subtitle{color:#718096;font-size:1rem;margin:0;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-input{width:100%;padding:.875rem 1rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box;transition:all .2s ease}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-input-error{border-color:#ef4444}.form-error{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.75rem}.password-input{position:relative;width:100%}.password-eye{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.password-eye{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:color .2s ease}.password-eye:hover{color:#6b7280}.form-options{display:flex;align-items:center;justify-content:space-between;margin:1rem 0}.checkbox-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#64748b;cursor:pointer;position:relative}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:#3b82f6;cursor:pointer;transform:scale(1.2);margin:0;flex-shrink:0}.checkbox-label input[type=checkbox]:focus{outline:2px solid rgba(59,130,246,.3);outline-offset:2px;border-radius:3px}.checkbox-label input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.checkbox-label span{line-height:1.4;-webkit-user-select:none;user-select:none}.forgot-link{color:#3b82f6;text-decoration:none;font-size:.875rem}.forgot-link:hover{text-decoration:underline}.auth-submit{width:100%;padding:.875rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;transition:all .2s ease}.auth-submit:hover:not(:disabled){background:#2563eb}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.auth-divider{position:relative;text-align:center;margin:2rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.auth-divider span{background:white;color:#64748b;padding:0 1rem;font-size:.875rem}.google-signin-wrapper{width:100%}.google-signin-container{width:100%;display:flex;justify-content:center}.google-signin-container>div{width:100%!important;max-width:100%!important}.google-signin-container iframe{width:100%!important;max-width:100%!important}.google-button{width:100%;padding:.875rem 1rem;background:white;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.google-button:hover:not(.disabled){border-color:#3b82f6}.google-button.disabled{opacity:.6;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.875rem;padding:.75rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:6px;margin-bottom:1rem}.success-message{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#10b981;font-size:.875rem;padding:2rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:6px;margin-bottom:1rem;text-align:center}.success-message p{margin:0;line-height:1.5}.auth-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.auth-footer p{color:#64748b;font-size:.875rem;margin:0}.auth-footer a{color:#3b82f6;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.password-strength{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.password-strength-bar{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;transition:all .3s}.password-strength-text{font-size:.75rem;font-weight:500;min-width:50px}@media (max-width: 480px){.auth-page{padding:.5rem}.auth-card{padding:2rem 1.5rem;margin:.5rem}.auth-title{font-size:1.5rem}.form-options{flex-direction:column;align-items:flex-start;gap:1rem}.form-input,.auth-submit,.google-button{padding:.875rem}}.two-factor-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.two-factor-content{background:white;border-radius:1rem;padding:2rem;width:90%;max-width:400px;box-shadow:0 20px 40px #0000001a}.two-factor-header{text-align:center;margin-bottom:2rem}.two-factor-header svg{color:#3b82f6;margin-bottom:1rem}.two-factor-header h2{margin:0 0 .5rem;color:#1e293b}.two-factor-header p{margin:0;color:#64748b;font-size:.875rem}.code-input{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1.5rem;text-align:center;letter-spacing:.5rem;font-family:monospace;margin-bottom:1rem}.code-input:focus{outline:none;border-color:#3b82f6}.error-message{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.875rem;margin-bottom:1rem}.two-factor-actions{display:flex;gap:1rem}.cancel-btn,.verify-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background:#f1f5f9;color:#64748b}.cancel-btn:hover{background:#e2e8f0}.verify-btn{background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem}.verify-btn:hover:not(:disabled){background:#2563eb}.verify-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .two-factor-content{background:#1e293b;color:#e2e8f0}[data-theme=dark] .two-factor-header h2{color:#e2e8f0}[data-theme=dark] .code-input{background:#334155;border-color:#475569;color:#e2e8f0}[data-theme=dark] .cancel-btn{background:#334155;color:#cbd5e1}.market-status{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,250,252,.9) 100%);border:1px solid rgba(229,231,235,.8);border-radius:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.market-status:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#10B981 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.market-status:hover{transform:translateY(-1px);border-color:#10b9814d;box-shadow:0 4px 16px #0000001a}.market-status:hover:before{opacity:1}.market-status.open:hover:before{background:linear-gradient(90deg,transparent 0%,#10B981 50%,transparent 100%)}.market-status.closed:hover:before{background:linear-gradient(90deg,transparent 0%,#6B7280 50%,transparent 100%)}.status-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-dot{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:.875rem;font-weight:500;color:#fff;position:relative}.status-dot.open{background:linear-gradient(135deg,#10B981,#14F195);box-shadow:0 0 0 3px #10b98133,0 2px 8px #10b9814d;animation:pulseGreen 2s ease-in-out infinite}.status-dot.closed{background:linear-gradient(135deg,#6B7280,#4B5563);box-shadow:0 0 0 3px #6b728033,0 2px 8px #6b728033}@keyframes pulseGreen{0%,to{box-shadow:0 0 0 3px #10b98133,0 2px 8px #10b9814d}50%{box-shadow:0 0 0 6px #10b9811a,0 2px 12px #10b98166}}.status-content{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.status-main{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.status-label{font-size:.875rem;font-weight:600;color:var(--text-primary, #111827)}.market-status.open .status-label{color:var(--success-color, #22C55E)}.market-status.closed .status-label{color:var(--text-secondary, #6B7280)}.countdown{font-size:.75rem;font-weight:500;color:var(--text-secondary, #6B7280);background:var(--bg-subtle, #F3F4F6);padding:.125rem .375rem;border-radius:.25rem;font-variant-numeric:tabular-nums}.market-status.open .countdown{background:rgba(34,197,94,.1);color:var(--success-color, #22C55E)}.status-details{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-secondary, #6B7280)}.market-hours,.last-update{display:flex;align-items:center;gap:.25rem}.refresh-btn{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:transparent;color:var(--text-secondary, #6B7280);border-radius:.25rem;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:var(--bg-subtle, #F3F4F6);color:var(--text-primary, #111827)}.refresh-btn:active{transform:scale(.95)}.current-time{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;flex-shrink:0;font-variant-numeric:tabular-nums}.time-label{font-size:.625rem;font-weight:500;color:var(--text-secondary, #6B7280);text-transform:uppercase;letter-spacing:.05em}.time-value{font-size:.875rem;font-weight:600;color:var(--text-primary, #111827);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.market-status.loading{opacity:.7}.market-status.loading .status-indicator{color:var(--text-secondary, #6B7280)}[data-theme=dark] .market-status{background:linear-gradient(135deg,rgba(30,41,59,.95) 0%,rgba(51,65,85,.9) 100%);border-color:#334155cc;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .market-status:before{background:linear-gradient(90deg,transparent 0%,#14F195 50%,transparent 100%)}[data-theme=dark] .market-status:hover{border-color:#14f19566;box-shadow:0 4px 16px #0006}[data-theme=dark] .market-status.open:hover:before{background:linear-gradient(90deg,transparent 0%,#14F195 50%,transparent 100%)}[data-theme=dark] .market-status.closed:hover:before{background:linear-gradient(90deg,transparent 0%,#94A3B8 50%,transparent 100%)}[data-theme=dark] .status-dot.open{background:linear-gradient(135deg,#14F195,#10B981);box-shadow:0 0 0 3px #14f1954d,0 2px 8px #14f19566}@keyframes pulseGreenDark{0%,to{box-shadow:0 0 0 3px #14f1954d,0 2px 8px #14f19566}50%{box-shadow:0 0 0 6px #14f19533,0 2px 12px #14f19580}}[data-theme=dark] .status-dot.open{animation:pulseGreenDark 2s ease-in-out infinite}[data-theme=dark] .status-dot.closed{background:linear-gradient(135deg,#64748B,#475569);box-shadow:0 0 0 3px #64748b4d,0 2px 8px #64748b4d}@media (prefers-color-scheme: dark){.market-status{background:linear-gradient(135deg,rgba(30,41,59,.95) 0%,rgba(51,65,85,.9) 100%);border-color:#334155cc;box-shadow:0 2px 8px #0000004d}.market-status:hover{border-color:#14f19566;box-shadow:0 4px 16px #0006}.status-label{color:var(--text-primary-dark, #F9FAFB)}.market-status.closed .status-label{color:var(--text-secondary-dark, #9CA3AF)}.countdown{background:var(--bg-subtle-dark, #374151);color:var(--text-secondary-dark, #9CA3AF)}.market-status.open .countdown{background:rgba(34,197,94,.2);color:var(--success-color, #22C55E)}.status-details,.refresh-btn{color:var(--text-secondary-dark, #9CA3AF)}.refresh-btn:hover{background:var(--bg-subtle-dark, #374151);color:var(--text-primary-dark, #F9FAFB)}.time-label{color:var(--text-secondary-dark, #9CA3AF)}.time-value{color:var(--text-primary-dark, #F9FAFB)}}@media (max-width: 768px){.market-status{padding:.5rem .75rem;gap:.5rem}.status-dot{width:1.75rem;height:1.75rem;font-size:.75rem}.status-details{flex-direction:column;align-items:flex-start;gap:.25rem}.current-time{align-items:flex-start}}@media (max-width: 480px){.status-main{flex-direction:column;align-items:flex-start;gap:.25rem}.countdown{align-self:flex-start}}@media (prefers-reduced-motion: reduce){.status-dot,.spinning{animation:none!important}}@media (prefers-contrast: high){.market-status{border-width:2px}.status-dot.open{background:#008000;box-shadow:0 0 0 2px green}.status-dot.closed{background:#666666;box-shadow:0 0 0 2px #666}}.daily-reward-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.daily-reward-modal{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:24px;padding:40px;max-width:480px;width:100%;position:relative;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.2)}.close-btn{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.1);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#64748b}.close-btn:hover{background:rgba(0,0,0,.2);transform:scale(1.1)}.reward-content{text-align:center}.reward-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#10b981 0%,#14f195 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;box-shadow:0 10px 30px #10b9814d}.reward-content h2{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:16px;background:linear-gradient(135deg,#1f2937 0%,#374151 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reward-amount{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#10b981 0%,#14f195 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:32px;text-shadow:0 2px 4px rgba(16,185,129,.2)}.reward-details{display:flex;gap:24px;justify-content:center;margin-bottom:32px}.detail-item{display:flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(16,185,129,.1);border-radius:12px;color:#065f46;font-weight:600;border:1px solid rgba(16,185,129,.2)}.detail-item svg{font-size:1.2rem;color:#10b981}.reward-message{margin-bottom:32px}.reward-message p{color:#6b7280;font-size:1rem;margin-bottom:16px}.streak-bonus{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:#fff;border-radius:12px;font-weight:600;box-shadow:0 4px 12px #fbbf244d}.streak-bonus svg{font-size:1.2rem}.claim-btn{background:linear-gradient(135deg,#10b981 0%,#14f195 100%);color:#fff;border:none;border-radius:16px;padding:16px 40px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #10b9814d;width:100%}.claim-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #10b98166}.claim-btn:active{transform:translateY(0)}.daily-rewards-widget{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:1px solid #e5e7eb;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 4px 12px #0000000d}.widget-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#374151;font-weight:600;font-size:1.1rem}.widget-header svg{color:#10b981;font-size:1.3rem}.widget-content{display:grid;grid-template-columns:1fr 1fr;gap:16px}.streak-info{text-align:center;padding:16px;background:linear-gradient(135deg,#10b981 0%,#14f195 100%);border-radius:12px;color:#fff}.streak-number{display:block;font-size:2rem;font-weight:800;line-height:1}.streak-label{font-size:.875rem;opacity:.9}.total-rewards{text-align:center;padding:16px;background:rgba(16,185,129,.1);border-radius:12px;border:1px solid rgba(16,185,129,.2)}.total-label{display:block;font-size:.875rem;color:#6b7280;margin-bottom:4px}.total-amount{font-size:1.25rem;font-weight:700;color:#065f46}.next-reward{grid-column:1 / -1;text-align:center;padding:12px;background:rgba(59,130,246,.1);border-radius:8px;color:#1d4ed8;font-size:.875rem;font-weight:500;border:1px solid rgba(59,130,246,.2)}[data-theme=dark] .daily-reward-modal{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);border-color:#374151}[data-theme=dark] .reward-content h2{background:linear-gradient(135deg,#f9fafb 0%,#e5e7eb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .close-btn{background:rgba(255,255,255,.1);color:#9ca3af}[data-theme=dark] .close-btn:hover{background:rgba(255,255,255,.2)}[data-theme=dark] .detail-item{background:rgba(16,185,129,.2);border-color:#10b9814d;color:#14f195}[data-theme=dark] .reward-message p{color:#9ca3af}[data-theme=dark] .daily-rewards-widget{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);border-color:#374151}[data-theme=dark] .widget-header{color:#f9fafb}[data-theme=dark] .total-rewards{background:rgba(16,185,129,.2);border-color:#10b9814d}[data-theme=dark] .total-label{color:#9ca3af}[data-theme=dark] .total-amount{color:#14f195}[data-theme=dark] .next-reward{background:rgba(59,130,246,.2);border-color:#3b82f64d;color:#60a5fa}@media (max-width: 768px){.daily-reward-modal{padding:30px 20px;margin:20px}.reward-amount{font-size:2.5rem}.reward-details{flex-direction:column;gap:12px}.widget-content{grid-template-columns:1fr}}:root{--background-color: #f3f4f6;--surface-color: #ffffff;--surface-color-dark: #1f2937;--border-color: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--primary-color: #3b82f6;--primary-hover: #2563eb;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--trade-color: #06b6d4;--order-color: #8b5cf6;--font-family: "Inter", sans-serif}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-primary)}.notification-list{background:var(--surface-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;max-width:600px;margin:2rem auto}.notification-item{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;background:var(--surface-color);position:relative;overflow:hidden;gap:16px}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#fafbfc;transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.notification-item.unread{background:rgba(59,130,246,.04);border-left:4px solid var(--primary-color)}.notification-item.unread:before{content:"";position:absolute;top:18px;left:-2px;width:8px;height:8px;background:var(--primary-color);border-radius:50%;animation:pulse-dot 2s infinite;box-shadow:0 0 #3b82f666}@keyframes pulse-dot{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(.8);opacity:.8}}@keyframes slideInRight{0%{transform:translate(100%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.notification-item.new{animation:slideInRight .4s cubic-bezier(.25,.46,.45,.94)}@keyframes slideOutLeft{to{transform:translate(-100%) scale(.95);opacity:0;max-height:0;padding:0 20px;margin:0}}.notification-item.removing{animation:slideOutLeft .3s ease-in forwards}.notification-item-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.notification-item:hover .notification-item-icon{transform:scale(1.05) rotate(2deg)}.notification-item-icon.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notification-item-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-item-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notification-item-icon.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.notification-item-icon.alert{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.notification-item-icon.order{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.notification-item-icon.trade{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.notification-item-main{flex-grow:1;min-width:0}.notification-item-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.notification-item-message{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:4px 0 0;word-wrap:break-word}.notification-item-time{font-size:12px;color:var(--text-secondary);opacity:.8;white-space:nowrap;flex-shrink:0;align-self:flex-start}.notification-item-actions{display:flex;gap:8px;margin-top:12px;opacity:0;visibility:hidden;transform:translateY(4px);transition:all .3s ease}.notification-item:hover .notification-item-actions{opacity:1;visibility:visible;transform:translateY(0)}.notification-item-action{padding:8px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;background:var(--surface-color);color:var(--text-secondary)}.notification-item-action:hover,.notification-item-action.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.notification-item-action.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.notification-item-tag{padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;align-self:center;white-space:nowrap}.notification-item-tag.high{background:rgba(239,68,68,.1);color:var(--error-color)}.notification-item-tag.medium{background:rgba(245,158,11,.1);color:var(--warning-color)}.notification-item-tag.low{background:rgba(16,185,129,.1);color:var(--success-color)}.notification-item.compact{padding:12px 16px;gap:12px}.notification-item.compact .notification-item-icon{width:32px;height:32px;font-size:14px;border-radius:8px}.notification-item.compact .notification-item-title{font-size:13px}.notification-item.compact .notification-item-message{font-size:12px}.notification-item.compact .notification-item-actions{margin-top:8px}.notification-item.compact .notification-item-time{font-size:10px}.notification-item.compact.unread:before{top:14px}.notification-item:focus{outline:none;box-shadow:0 0 0 2px var(--primary-color),0 4px 16px #0000001a;transform:translateY(-2px)}.notification-item-action:focus{outline:2px solid var(--primary-color);outline-offset:2px}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-dropdown-header{padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--background-color);display:flex;align-items:center;justify-content:space-between}.notification-dropdown-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.notification-dropdown-actions{display:flex;gap:8px}.notification-action-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-secondary)}.notification-action-btn:hover{background:var(--hover-color);color:var(--text-primary)}.notification-action-btn.primary{background:var(--primary-color);color:#fff}.notification-action-btn.primary:hover{background:var(--primary-hover)}.notification-dropdown-content{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.notification-dropdown-content::-webkit-scrollbar{width:6px}.notification-dropdown-content::-webkit-scrollbar-track{background:transparent}.notification-dropdown-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.notification-dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.notification-empty-state{padding:40px 20px;text-align:center;color:var(--text-secondary)}.notification-empty-icon{font-size:48px;color:var(--border-color);margin-bottom:16px}.notification-empty-title{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.notification-empty-message{font-size:14px;color:var(--text-secondary);line-height:1.4}.notification-dropdown-footer{padding:12px 20px;border-top:1px solid var(--border-color);background:var(--background-color);text-align:center}.notification-view-all-btn{color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.notification-view-all-btn:hover{color:var(--primary-hover);text-decoration:underline}.notification-loading{padding:20px;text-align:center;color:var(--text-secondary)}.notification-loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}@media (max-width: 480px){.notification-dropdown{width:320px;right:-20px}}.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.notification-bell:hover{background:var(--hover-color);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.notification-bell.has-notifications{color:var(--primary-color)}.notification-bell-icon{font-size:18px;transition:transform .2s ease}.notification-bell:hover .notification-bell-icon{transform:scale(1.1)}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid var(--background-color);animation:pulse 2s infinite}.notification-badge.large-count{min-width:22px;height:18px;border-radius:9px;font-size:10px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-bell.animate-ring .notification-bell-icon{animation:ring .5s ease-in-out}@keyframes ring{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.page-header{background:rgba(255,255,255,.95);border:1px solid rgba(229,231,235,.8);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-bottom:24px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3B82F6 0%,#10B981 100%);transition:all .3s ease}.page-header.border-primary:before{background:linear-gradient(90deg,#3B82F6 0%,#10B981 100%)}.page-header.border-success:before{background:linear-gradient(90deg,#10B981 0%,#059669 100%)}.page-header.border-warning:before{background:linear-gradient(90deg,#F59E0B 0%,#D97706 100%)}.page-header.border-info:before{background:linear-gradient(90deg,#06B6D4 0%,#0891B2 100%)}.page-header.border-purple:before{background:linear-gradient(90deg,#8B5CF6 0%,#7C3AED 100%)}.page-header.border-orange:before{background:linear-gradient(90deg,#F97316 0%,#EA580C 100%)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;gap:24px}.header-left{flex:1;min-width:0}.header-title-section{display:flex;align-items:center;gap:16px}.header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#F3F4F6 0%,#E5E7EB 100%);border-radius:12px;color:#374151;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.header-text{flex:1;min-width:0}.header-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:700;color:#111827;margin:0;line-height:1.2;letter-spacing:-.025em}.header-subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;color:#6b7280;margin:4px 0 0;line-height:1.4}.header-right{display:flex;align-items:center;gap:16px}.header-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.header-action-btn:disabled{opacity:.5;cursor:not-allowed}.header-action-btn.primary{background:linear-gradient(135deg,#10B981 0%,#059669 100%);color:#fff;box-shadow:0 2px 4px #10b98133}.header-action-btn.primary:hover:not(:disabled){box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.header-action-btn.secondary{background:rgba(243,244,246,.8);color:#374151;border:1px solid rgba(209,213,219,.8)}.header-action-btn.secondary:hover:not(:disabled){background:rgba(229,231,235,.9);border-color:#9ca3afcc}.header-action-btn.outline{background:transparent;color:#6b7280;border:1px solid rgba(209,213,219,.8)}.header-action-btn.outline:hover:not(:disabled){background:rgba(243,244,246,.5);color:#374151}.header-notifications{margin-left:8px}.dark .page-header{background:rgba(15,0,32,.95);border-color:#6f00d14d}.dark .header-icon{background:linear-gradient(135deg,#374151 0%,#4B5563 100%);color:#d1d5db}.dark .header-title{color:#f9fafb}.dark .header-subtitle{color:#9ca3af}.dark .header-action-btn.secondary{background:rgba(55,65,81,.8);color:#d1d5db;border-color:#4b5563cc}.dark .header-action-btn.secondary:hover:not(:disabled){background:rgba(75,85,99,.9);border-color:#6b7280cc}.dark .header-action-btn.outline{color:#9ca3af;border-color:#4b5563cc}.dark .header-action-btn.outline:hover:not(:disabled){background:rgba(55,65,81,.5);color:#d1d5db}@media (max-width: 768px){.header-content{padding:20px 24px;gap:16px}.header-title-section{gap:12px}.header-icon{width:40px;height:40px}.header-title{font-size:24px}.header-subtitle{font-size:14px}.header-actions{gap:8px}.header-action-btn{padding:8px 12px;font-size:13px}.header-action-btn span{display:none}}@media (max-width: 480px){.header-content{padding:16px 20px}.header-title{font-size:20px}}.watchlist-btn{background:transparent;border:none;color:#9ca3af;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:4px}.watchlist-btn:hover{color:#f59e0b;transform:scale(1.1)}.watchlist-btn.active{color:#f59e0b}.watchlist-btn svg{width:20px;height:20px;stroke-width:2;stroke:currentColor;fill:none;transition:all .3s ease}.watchlist-btn.active svg{fill:#f59e0b;stroke:#f59e0b}.watchlist-btn-small{min-width:28px;min-height:28px;padding:2px}.watchlist-btn-small svg{width:16px;height:16px}.watchlist-btn-medium{min-width:32px;min-height:32px;padding:4px}.watchlist-btn-large{min-width:36px;min-height:36px;padding:6px}.watchlist-btn-large svg{width:24px;height:24px}[data-theme=dark] .watchlist-btn{color:#6b7280}[data-theme=dark] .watchlist-btn:hover,[data-theme=dark] .watchlist-btn.active{color:#f59e0b}[data-theme=dark] .watchlist-btn.active svg{fill:#f59e0b;stroke:#f59e0b}.slide-to-buy-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.slide-to-buy-modal{background:var(--card-bg);border-radius:24px;padding:32px;width:100%;max-width:480px;border:1px solid var(--border-primary);box-shadow:0 20px 60px #0000004d;position:relative}.slide-to-buy-modal.compact{max-width:400px;padding:24px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.modal-header .stock-info h3{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.modal-header .stock-info p{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.stock-price-section{margin-bottom:24px}.current-price{display:flex;align-items:center;gap:16px;margin-bottom:16px}.price-value{font-size:32px;font-weight:700;color:var(--text-primary)}.price-change{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-weight:600;font-size:14px}.quantity-section{margin-bottom:24px}.quantity-section label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:16px}.quantity-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-primary);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.quantity-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.order-summary{background:var(--bg-secondary);border-radius:16px;padding:20px;margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:var(--text-secondary)}.summary-row.total{font-weight:700;font-size:16px;color:var(--text-primary);margin-top:8px;padding-top:16px}.insufficient-funds-warning{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(239,68,68,.1);color:var(--danger-color);border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:500}.action-buttons{margin-bottom:20px}.quick-buy-btn{width:100%;height:48px;border:none;border-radius:12px;background:var(--accent-secondary);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.quick-buy-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.quick-buy-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-buy-btn.disabled{background:var(--bg-tertiary);color:var(--text-secondary)}.additional-actions{text-align:center;padding-top:16px;border-top:1px solid var(--border-primary)}.view-details-btn{background:none;border:none;color:var(--accent-primary);font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline;transition:all .2s ease}.view-details-btn:hover{color:var(--accent-hover)}@media (max-width: 768px){.slide-to-buy-overlay{padding:16px}.slide-to-buy-modal{padding:24px;max-width:none}.current-price{flex-direction:column;align-items:flex-start;gap:8px}.price-value{font-size:28px}.quantity-controls{gap:12px}}[data-theme=dark] .slide-to-buy-overlay{background:rgba(0,0,0,.8)}[data-theme=dark] .slide-to-buy-modal{background:var(--bg-primary);border-color:var(--border-primary);box-shadow:0 20px 60px #0009}.dashboard{padding:0;max-width:1400px;margin:0 auto;min-height:100vh}.dashboard-page{padding:24px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.dashboard-title{display:flex;flex-direction:column;gap:.5rem}.dashboard-title h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.dashboard-subtitle{color:var(--text-secondary);font-size:1rem}.dashboard-actions{display:flex;align-items:center;gap:1rem}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition-fast)}.refresh-button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.refresh-button.refreshing .refresh-icon{animation:spin 1s linear infinite}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.dashboard-card{background:var(--elevated-bg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.dashboard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.dashboard-card-icon{color:var(--accent-primary)}.portfolio-summary{grid-column:1 / -1}.portfolio-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.portfolio-stat{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.portfolio-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.portfolio-stat-label{font-size:.875rem;color:var(--text-secondary)}.portfolio-stat-change{font-size:.875rem;font-weight:600;margin-top:.25rem}.portfolio-stat-change.positive{color:var(--success-color)}.portfolio-stat-change.negative{color:var(--danger-color)}.market-indices{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:0}.index-card{background:rgba(255,255,255,.95);border:1px solid rgba(229,231,235,.6);border-radius:20px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:140px;display:flex;flex-direction:column;justify-content:space-between}.index-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--success-color));opacity:0;transition:opacity .3s ease}.index-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-6px);border-color:#3b82f666}.index-card:hover:before{opacity:1}.index-card:hover .index-value{color:var(--accent-primary);transform:scale(1.02)}.index-card:hover .index-name{color:var(--accent-primary)}.index-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.index-name{font-size:14px;font-weight:600;color:#374151;margin:0;letter-spacing:.5px;text-transform:uppercase}.index-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.8)}.index-change.positive{color:var(--success-color);background:rgba(20,241,149,.1)}.index-change.negative{color:var(--danger-color);background:rgba(239,68,68,.1)}.index-value{font-size:28px;font-weight:700;color:#111827;margin:0;line-height:1.1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.index-change-value{font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px;margin-top:4px}.index-change-value.positive{color:var(--success-color)}.index-change-value.negative{color:var(--danger-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:0}.stat-card{background:rgba(255,255,255,.95);border:1px solid rgba(229,231,235,.6);border-radius:20px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:140px;display:flex;flex-direction:column;justify-content:space-between}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .3s ease}.stat-card.stat-primary:before{background:linear-gradient(90deg,#3B82F6,#1D4ED8)}.stat-card.stat-success:before{background:linear-gradient(90deg,#10B981,#059669)}.stat-card.stat-info:before{background:linear-gradient(90deg,#06B6D4,#0891B2)}.stat-card.stat-danger:before{background:linear-gradient(90deg,#EF4444,#DC2626)}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-6px);border-color:#3b82f666}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:rgba(59,130,246,.1);color:#3b82f6}.stat-card.stat-success .stat-icon{background:rgba(16,185,129,.1);color:#10b981}.stat-card.stat-info .stat-icon{background:rgba(6,182,212,.1);color:#06b6d4}.stat-card.stat-danger .stat-icon{background:rgba(239,68,68,.1);color:#ef4444}.stat-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.8)}.stat-change.positive{color:var(--success-color);background:rgba(20,241,149,.1)}.stat-change.negative{color:var(--danger-color);background:rgba(239,68,68,.1)}.stat-content{text-align:left}.stat-value{font-size:28px;font-weight:700;color:#111827;margin:0;line-height:1.1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.stat-title{font-size:14px;color:#6b7280;margin:4px 0 0;font-weight:500}.dashboard-container{max-width:1400px;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:32px}.market-movers{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.market-mover-section{background:var(--elevated-bg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem}.market-mover-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:var(--text-primary)}.market-mover-list{display:flex;flex-direction:column;gap:.75rem}.market-mover-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md);transition:var(--transition-fast)}.market-mover-item:hover{background:var(--bg-tertiary)}.market-mover-info{display:flex;flex-direction:column;gap:.25rem}.market-mover-symbol{font-weight:600;color:var(--text-primary)}.market-mover-name{font-size:.875rem;color:var(--text-secondary)}.market-mover-price{text-align:right;display:flex;flex-direction:column;gap:.25rem}.market-mover-value{font-weight:600;color:var(--text-primary)}.market-mover-change{font-size:.875rem;font-weight:600}.market-mover-change.positive{color:var(--success-color)}.market-mover-change.negative{color:var(--danger-color)}.dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.dashboard-error{text-align:center;padding:2rem;color:var(--danger-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.dashboard-card{animation:fadeIn .3s ease-out}.index-change.positive,.index-change.negative{animation:pulse 2s ease-in-out infinite}.index-card:after{content:"";position:absolute;top:0;left:-200px;width:200px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 3s ease-in-out infinite;animation-delay:var(--shimmer-delay, 0s)}.index-card:nth-child(1):after{--shimmer-delay: 0s}.index-card:nth-child(2):after{--shimmer-delay: .5s}.index-card:nth-child(3):after{--shimmer-delay: 1s}.index-card:nth-child(4):after{--shimmer-delay: 1.5s}.index-card.loading{opacity:.7;pointer-events:none}.index-card.loading .index-value{background:linear-gradient(90deg,var(--text-primary) 25%,var(--text-secondary) 50%,var(--text-primary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-container{display:flex;flex-direction:column;gap:2rem}.index-name{text-transform:uppercase;letter-spacing:1px;font-size:.875rem}.index-value{text-shadow:0 1px 2px rgba(0,0,0,.1)}.index-change.positive{box-shadow:0 0 10px #10b98133}.index-change.negative{box-shadow:0 0 10px #dc262633}[data-theme=dark] .dashboard-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}[data-theme=dark] .index-card,[data-theme=dark] .stat-card{background:rgba(30,41,59,.95);border-color:#47556999}[data-theme=dark] .index-card:hover,[data-theme=dark] .stat-card:hover{border-color:#3b82f699}[data-theme=dark] .index-name{color:#e2e8f0}[data-theme=dark] .index-value,[data-theme=dark] .stat-value{color:#f8fafc}[data-theme=dark] .stat-title{color:#94a3b8}[data-theme=dark] .index-change,[data-theme=dark] .stat-change{background:rgba(30,41,59,.8)}@media (max-width: 768px){.dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-title h1{font-size:1.75rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.portfolio-stats{grid-template-columns:repeat(2,1fr)}.market-movers{grid-template-columns:1fr}.market-indices{grid-template-columns:repeat(2,1fr);gap:16px}.index-card{padding:20px;height:120px}.index-value{font-size:24px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:20px;height:120px}.stat-value{font-size:24px}}@media (max-width: 480px){.portfolio-stats{grid-template-columns:1fr}.dashboard-actions{width:100%;justify-content:center}.market-indices{grid-template-columns:1fr;gap:16px}.index-card{padding:16px;height:100px}.index-value{font-size:20px}.index-name{font-size:12px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:16px;height:100px}.stat-value{font-size:20px}.stat-icon{width:36px;height:36px;font-size:16px}}.drag-confirm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99998;animation:fadeIn .3s ease-out}.drag-confirm-modal *{box-sizing:border-box}.drag-confirm-modal{min-height:400px;visibility:visible!important;opacity:1!important}.drag-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.95) 100%);border:2px solid rgba(229,231,235,.9);border-radius:1.5rem;padding:0;max-width:500px;width:95%;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99999;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1.5rem;border-bottom:2px solid rgba(229,231,235,.4);background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(248,250,252,.8) 100%)}.header-content{display:flex;align-items:center;gap:1rem}.action-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;font-weight:600}.action-icon.buy{background:linear-gradient(135deg,#10B981,#14F195);box-shadow:0 4px 12px #10b9814d}.action-icon.sell{background:linear-gradient(135deg,#EF4444,#F87171);box-shadow:0 4px 12px #ef44444d}.header-text{flex:1}.modal-title{font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:800;color:#111827;margin:0 0 .5rem;letter-spacing:-.025em}.modal-subtitle{font-size:.9rem;color:#6b7280;margin:0;font-weight:600}.close-button{width:44px;height:44px;border-radius:12px;border:2px solid rgba(107,114,128,.2);background:rgba(107,114,128,.1);color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-button:hover{background:rgba(107,114,128,.2);border-color:#6b728066;color:#374151;transform:scale(1.08);box-shadow:0 4px 12px #0000001a}.order-details{padding:1.5rem 2rem}.stock-info{text-align:center;margin-bottom:1.5rem;padding:1rem;background:rgba(249,250,251,.8);border-radius:12px;border:1px solid rgba(229,231,235,.5)}.stock-symbol{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.25rem}.stock-name{font-size:.875rem;color:#6b7280}.order-summary{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(229,231,235,.3)}.summary-row:last-child{border-bottom:none}.summary-row.total{padding-top:1rem;border-top:2px solid rgba(229,231,235,.5);font-weight:600;font-size:1.1rem}.summary-row .label{color:#6b7280;font-weight:500}.summary-row .value{color:#111827;font-weight:600}.summary-row .value.buy{color:#10b981}.summary-row .value.sell{color:#ef4444}.risk-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.2);border-radius:12px;margin-bottom:1.5rem}.warning-icon{color:#f59e0b;font-size:1.25rem;margin-top:.125rem;flex-shrink:0}.warning-text{font-size:.875rem;color:#92400e;line-height:1.5}.drag-confirm-container{padding:1.5rem 2rem 2rem;background:rgba(249,250,251,.5);border-top:1px solid rgba(229,231,235,.5)}.drag-instruction{text-align:center;margin-bottom:1rem;font-size:.875rem;color:#6b7280;font-weight:500}.confirmed-text{color:#10b981!important;font-weight:600}.drag-confirm-modal.confirmed{box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a,0 0 0 4px #10b98133,0 0 40px #10b9814d;animation:modalConfirmGlow .8s ease-out}@keyframes modalConfirmGlow{0%{box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}50%{box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a,0 0 0 6px #10b9814d,0 0 60px #10b98166}to{box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a,0 0 0 4px #10b98133,0 0 40px #10b9814d}}.drag-track{position:relative;width:100%;height:70px;background:linear-gradient(135deg,rgba(229,231,235,.4) 0%,rgba(209,213,219,.3) 100%);border-radius:35px;border:3px solid rgba(229,231,235,.6);overflow:hidden;cursor:grab;box-shadow:inset 0 2px 4px #0000001a,0 1px 3px #0000001a;transition:all .2s ease}.drag-track:hover{border-color:#10b98166;box-shadow:inset 0 2px 4px #0000001a,0 0 0 2px #10b9811a}.drag-track:active{cursor:grabbing}.drag-track-fill{position:absolute;top:0;left:0;height:100%;border-radius:28px;background:linear-gradient(90deg,rgba(16,185,129,.3) 0%,rgba(20,241,149,.4) 50%,rgba(16,185,129,.5) 100%);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.7;box-shadow:inset 0 1px 2px #10b98133}.drag-track-fill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);border-radius:28px;animation:shimmer 2s infinite}.drag-handle{position:absolute;top:5px;left:5px;width:60px;height:60px;background:linear-gradient(135deg,#FFFFFF 0%,#F8FAFC 100%);border:3px solid rgba(229,231,235,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#6b7280;cursor:grab;box-shadow:0 8px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff9;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.drag-handle:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(20,241,149,.1));opacity:0;transition:opacity .3s ease}.drag-handle:hover:before{opacity:1}.drag-handle:hover{transform:scale(1.08);border-color:#10b98199;color:#10b981;box-shadow:0 12px 20px -4px #00000026,0 6px 8px -2px #0000001a,0 0 0 3px #10b9811a}.drag-handle:active{cursor:grabbing;transform:scale(1.02);box-shadow:0 6px 12px -2px #0003,0 0 0 2px #10b98133}.drag-handle.dragging{box-shadow:0 12px 20px -3px #00000026,0 6px 8px -2px #0000001a,0 0 0 3px #10b9814d;border-color:#10b981;color:#10b981;animation:dragPulse .8s ease-in-out infinite}@keyframes dragPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.drag-handle.confirmed{background:linear-gradient(135deg,#10B981,#14F195);border-color:#10b981;color:#fff;box-shadow:0 8px 20px #10b98166,0 0 0 4px #10b98133;animation:confirmPulse .6s ease-out}@keyframes confirmPulse{0%{transform:scale(1);box-shadow:0 8px 20px #10b98166,0 0 #10b98166}50%{transform:scale(1.1);box-shadow:0 12px 25px #10b98180,0 0 0 8px #10b98133}to{transform:scale(1);box-shadow:0 8px 20px #10b98166,0 0 0 4px #10b98133}}.check-icon{font-weight:700;font-size:1.5rem}.drag-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:#4b5563;font-size:1rem;pointer-events:none;z-index:1;transition:all .3s ease;text-shadow:0 1px 2px rgba(255,255,255,.8);letter-spacing:.025em}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.loading-spinner{width:40px;height:40px;border:3px solid rgba(16,185,129,.2);border-top:3px solid #10B981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-overlay p{color:#6b7280;font-weight:500;margin:0}[data-theme=dark] .drag-confirm-modal{background:linear-gradient(135deg,rgba(30,41,59,.98) 0%,rgba(51,65,85,.95) 100%);border-color:#334155cc}[data-theme=dark] .drag-confirm-modal{background:linear-gradient(135deg,rgba(30,41,59,.98) 0%,rgba(15,23,42,.95) 100%);border-color:#475569e6}[data-theme=dark] .modal-header{background:linear-gradient(135deg,rgba(30,41,59,.9) 0%,rgba(15,23,42,.8) 100%);border-bottom-color:#47556966}[data-theme=dark] .modal-title{color:#f8fafc}[data-theme=dark] .modal-subtitle{color:#94a3b8}[data-theme=dark] .close-button{background:rgba(71,85,105,.3);color:#94a3b8}[data-theme=dark] .close-button:hover{background:rgba(71,85,105,.5);color:#cbd5e1}[data-theme=dark] .stock-info{background:rgba(51,65,85,.5);border-color:#47556980}[data-theme=dark] .stock-symbol{color:#f8fafc}[data-theme=dark] .stock-name,[data-theme=dark] .summary-row .label{color:#94a3b8}[data-theme=dark] .summary-row .value{color:#f8fafc}[data-theme=dark] .drag-track{background:linear-gradient(135deg,rgba(51,65,85,.6) 0%,rgba(30,41,59,.5) 100%);border-color:#475569b3;box-shadow:inset 0 2px 4px #0000004d,0 1px 3px #0003}[data-theme=dark] .drag-track:hover{border-color:#10b98180;box-shadow:inset 0 2px 4px #0000004d,0 0 0 2px #10b98133}[data-theme=dark] .drag-handle{background:linear-gradient(135deg,#475569 0%,#334155 100%);border-color:#475569e6;color:#cbd5e1;box-shadow:0 8px 15px -3px #0000004d,0 4px 6px -2px #0003,inset 0 1px #ffffff1a}[data-theme=dark] .drag-handle:before{background:linear-gradient(135deg,rgba(16,185,129,.3),rgba(20,241,149,.2))}[data-theme=dark] .drag-handle:hover{border-color:#10b981b3;color:#14f195;box-shadow:0 12px 20px -4px #0006,0 6px 8px -2px #0000004d,0 0 0 3px #10b98133}[data-theme=dark] .drag-text{color:#cbd5e1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.stock-actions{display:flex;gap:8px;align-items:center;justify-content:center}.stock-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;white-space:nowrap}.stock-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.stock-action-btn:not(:disabled):hover{transform:translateY(-1px)}.stock-action-btn:not(:disabled):active{transform:translateY(0)}.stock-action-btn.buy{background:linear-gradient(135deg,#10b981 0%,#14f195 100%);color:#fff;box-shadow:0 2px 8px #10b9814d}.stock-action-btn.buy:not(:disabled):hover{background:linear-gradient(135deg,#059669 0%,#10b981 100%);box-shadow:0 4px 12px #10b98166}.stock-action-btn.sell{background:linear-gradient(135deg,#ef4444 0%,#f87171 100%);color:#fff;box-shadow:0 2px 8px #ef44444d}.stock-action-btn.sell:not(:disabled):hover{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);box-shadow:0 4px 12px #ef444466}.stock-actions.default{gap:12px}.stock-action-btn.default{padding:10px 16px;font-size:.875rem;border-radius:10px;min-width:90px}.stock-action-btn.default svg{width:16px;height:16px}.stock-actions.compact{gap:6px}.stock-action-btn.compact{padding:8px 12px;font-size:.8rem;border-radius:8px;min-width:70px}.stock-action-btn.compact svg{width:14px;height:14px}.stock-actions.minimal{gap:4px}.stock-action-btn.minimal{padding:6px 10px;font-size:.75rem;border-radius:6px;min-width:60px}.stock-action-btn.minimal svg{width:12px;height:12px}.stock-actions.icon-only{gap:4px}.stock-action-btn.icon-only{padding:8px;border-radius:50%;width:32px;height:32px;min-width:unset}.stock-action-btn.icon-only svg{width:16px;height:16px}.stock-action-btn.icon-only span{display:none}.stock-actions.watchlist-actions{justify-content:flex-end}.stock-actions.portfolio-actions{justify-content:center}.stock-actions.chart-actions{justify-content:flex-start;margin-top:12px}.stock-actions.search-actions{justify-content:flex-end;margin-left:auto}[data-theme=dark] .stock-action-btn.buy{background:linear-gradient(135deg,#059669 0%,#10b981 100%);box-shadow:0 2px 8px #10b98166}[data-theme=dark] .stock-action-btn.buy:not(:disabled):hover{background:linear-gradient(135deg,#047857 0%,#059669 100%);box-shadow:0 4px 12px #10b98180}[data-theme=dark] .stock-action-btn.sell{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);box-shadow:0 2px 8px #ef444466}[data-theme=dark] .stock-action-btn.sell:not(:disabled):hover{background:linear-gradient(135deg,#b91c1c 0%,#dc2626 100%);box-shadow:0 4px 12px #ef444480}@media (max-width: 768px){.stock-actions.default{gap:8px}.stock-action-btn.default{padding:8px 12px;font-size:.8rem;min-width:70px}.stock-action-btn.compact{padding:6px 8px;font-size:.75rem;min-width:50px}.stock-action-btn.minimal{padding:4px 6px;font-size:.7rem;min-width:40px}.stock-action-btn.icon-only{width:28px;height:28px;padding:6px}.stock-action-btn.icon-only svg{width:14px;height:14px}}@media (max-width: 480px){.stock-actions.default .stock-action-btn span,.stock-actions.compact .stock-action-btn span{display:none}.stock-action-btn.default,.stock-action-btn.compact{min-width:36px;padding:8px;border-radius:50%}}.stock-action-btn:focus{outline:2px solid var(--accent-primary, #10b981);outline-offset:2px}.stock-action-btn:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.stock-action-btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.stock-action-btn{transition:none}}.portfolio-page{width:100%;min-height:100vh;padding:clamp(1rem,4vw,2.5rem);background:var(--bg-primary);overflow-x:hidden;font-family:var(--font-family-primary, "Inter", sans-serif);position:relative}.portfolio-container{width:100%;max-width:min(100%,1600px);margin:0 auto;display:flex;flex-direction:column;gap:clamp(1rem,3vw,2rem);overflow-x:hidden;container-type:inline-size}@container (min-width: 768px){.portfolio-container{gap:clamp(1.5rem,4vw,2.5rem)}}@container (min-width: 1200px){.portfolio-container{gap:clamp(2rem,5vw,3rem)}}.portfolio-header{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,250,252,.9) 100%);border:1px solid #E5E7EB;border-radius:1.5rem;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.portfolio-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10B981 0%,#14F195 100%)}.portfolio-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,4vw,2.5rem);margin-bottom:clamp(2rem,5vw,3.5rem)}@media (max-width: 1024px){.portfolio-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.portfolio-stats{grid-template-columns:1fr}}.stat-card{background:var(--bg-elevated, #FFFFFF);border:1px solid var(--border-primary, #E5E7EB);border-radius:clamp(1rem,2vw,1.5rem);padding:clamp(2rem,5vw,3rem);min-height:clamp(140px,20vw,180px);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform}.stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px var(--accent-primary, #10B981)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary, #10B981),var(--brand-teal, #00C2CB));opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-icon{width:clamp(56px,12vw,64px);height:clamp(56px,12vw,64px);background:linear-gradient(135deg,#10B981 0%,#14F195 100%);border-radius:clamp(.75rem,2vw,1rem);display:flex;align-items:center;justify-content:center;color:#fff;font-size:clamp(22px,5vw,28px)}.stat-change{display:flex;align-items:center;gap:clamp(.25rem,1vw,.375rem);font-size:clamp(.875rem,2.5vw,1rem);font-weight:600;padding:clamp(.375rem,1vw,.5rem) clamp(.75rem,2vw,1rem);border-radius:9999px}.stat-value{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;color:var(--text-primary, #111827);margin:0;font-variant-numeric:tabular-nums;line-height:1.2}.stat-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(.875rem,2.5vw,1rem);font-weight:600;color:var(--text-secondary, #6B7280);margin:0;text-transform:uppercase;letter-spacing:.05em}.stat-change-amount{font-size:clamp(.8rem,2vw,.875rem);font-weight:600;font-variant-numeric:tabular-nums;margin-top:clamp(.25rem,1vw,.375rem)}.stat-change-amount.positive{color:#10b981}.stat-change-amount.negative{color:#ef4444}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2rem)}@media (min-width: 1024px){.portfolio-grid{grid-template-columns:2fr 1fr;gap:clamp(2rem,4vw,3rem)}}@media (min-width: 1440px){.portfolio-grid{grid-template-columns:2.5fr 1fr}}.portfolio-card{background:#FFFFFF;border:1px solid #E5E7EB;border-radius:1.5rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.portfolio-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.card-actions{display:flex;gap:.75rem;align-items:center}.filter-select{padding:.5rem .75rem;border:1px solid #E5E7EB;border-radius:.5rem;background:#FFFFFF;color:#111827;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.holdings-table{width:100%;overflow:hidden;border-radius:clamp(1rem,2vw,1.5rem);box-shadow:var(--shadow-lg);background:var(--bg-elevated, #FFFFFF)}.table-header{display:grid;grid-template-columns:minmax(200px,2fr) minmax(80px,1fr) minmax(100px,1fr) minmax(120px,1fr) minmax(100px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,auto);gap:clamp(.5rem,2vw,1rem);padding:clamp(1rem,3vw,1.5rem) clamp(1rem,4vw,2rem);background:linear-gradient(135deg,var(--bg-secondary, #F9FAFB) 0%,var(--bg-tertiary, #F3F4F6) 100%);border-bottom:2px solid var(--border-primary, #E5E7EB);font-size:clamp(.7rem,1.5vw,.75rem);font-weight:700;color:var(--text-tertiary, #6B7280);text-transform:uppercase;letter-spacing:.1em;position:sticky;top:0;z-index:10}.table-body{max-height:min(70vh,800px);overflow-y:auto;scroll-behavior:smooth}.table-body::-webkit-scrollbar{width:6px}.table-body::-webkit-scrollbar-track{background:var(--bg-secondary, #F9FAFB)}.table-body::-webkit-scrollbar-thumb{background:var(--accent-primary, #10B981);border-radius:3px}.table-row{display:grid;grid-template-columns:minmax(200px,2fr) minmax(80px,1fr) minmax(100px,1fr) minmax(120px,1fr) minmax(100px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,auto);gap:clamp(.5rem,2vw,1rem);padding:clamp(1rem,3vw,1.5rem) clamp(1rem,4vw,2rem);border-bottom:1px solid var(--border-primary, #E5E7EB);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;background:var(--bg-elevated, #FFFFFF);will-change:transform,background-color}.table-row:hover{background:linear-gradient(135deg,rgba(59,130,246,.03) 0%,rgba(16,185,129,.03) 100%);transform:translateY(-2px) translate(4px);box-shadow:0 8px 25px #00000014,0 4px 10px #0000000a,inset 3px 0 0 var(--accent-primary, #10B981);border-radius:0 12px 12px 0}.table-row:active{transform:translateY(-1px) translate(2px);transition-duration:.1s}.table-row.highlighted{background:linear-gradient(135deg,#EBF8FF 0%,#DBEAFE 100%);border-left:3px solid #3B82F6;animation:highlightPulse 2s ease-in-out}@keyframes highlightPulse{0%,to{background:linear-gradient(135deg,#EBF8FF 0%,#DBEAFE 100%)}50%{background:linear-gradient(135deg,#BFDBFE 0%,#93C5FD 100%)}}.stock-info{display:flex;flex-direction:column;gap:clamp(.25rem,1vw,.375rem);min-width:0;position:relative}.stock-symbol{font-size:clamp(.8rem,2vw,.875rem);font-weight:700;color:var(--text-primary, #111827);display:flex;align-items:center;gap:.5rem;transition:all .2s ease;position:relative}.stock-symbol:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--accent-primary, #10B981);border-radius:2px;transition:height .2s ease}.table-row:hover .stock-symbol{color:var(--accent-primary, #10B981);transform:translate(4px)}.table-row:hover .stock-symbol:before{height:100%}.stock-name{font-size:clamp(.7rem,1.5vw,.75rem);color:var(--text-secondary, #6B7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;transition:all .2s ease;font-weight:500}.table-row:hover .stock-name{color:var(--text-primary, #374151);transform:translate(4px)}.stock-sector{font-size:clamp(.6rem,1.2vw,.625rem);color:var(--text-quaternary, #9CA3AF);text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:clamp(.125rem,.5vw,.25rem) clamp(.375rem,1vw,.5rem);background:linear-gradient(135deg,var(--bg-secondary, #F3F4F6) 0%,var(--bg-tertiary, #E5E7EB) 100%);border-radius:clamp(.25rem,1vw,.375rem);width:fit-content;transition:all .2s ease;border:1px solid transparent}.table-row:hover .stock-sector{background:linear-gradient(135deg,var(--accent-light, #E0E7FF) 0%,var(--info-light, #DBEAFE) 100%);color:var(--accent-primary, #10B981);border-color:var(--accent-primary, #10B981);transform:translate(4px) scale(1.05)}.col-quantity,.col-avg-price,.col-current-price,.col-value{display:flex;align-items:center;font-size:.875rem;font-weight:600;color:#111827;font-variant-numeric:tabular-nums;transition:all .2s ease}.table-row:hover .col-quantity,.table-row:hover .col-avg-price,.table-row:hover .col-current-price,.table-row:hover .col-value{color:#1f2937;transform:translate(2px)}.col-gains,.col-day-change{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;padding:.375rem .75rem;border-radius:.5rem;transition:all .2s ease}.gain-amount,.day-change{font-weight:700;font-size:.8125rem}.gain-percent,.day-change-percent{opacity:.85;font-size:.6875rem;font-weight:500}.gain-amount.positive,.day-change.positive,.gain-percent.positive,.day-change-percent.positive{color:#059669}.col-gains.positive,.col-day-change.positive{background:linear-gradient(135deg,#ECFDF5 0%,#D1FAE5 100%);border:1px solid #A7F3D0}.gain-amount.negative,.day-change.negative,.gain-percent.negative,.day-change-percent.negative{color:#dc2626}.col-gains.negative,.col-day-change.negative{background:linear-gradient(135deg,#FEF2F2 0%,#FECACA 100%);border:1px solid #FCA5A5}.col-gains.neutral,.col-day-change.neutral{background:linear-gradient(135deg,#F9FAFB 0%,#F3F4F6 100%);border:1px solid #E5E7EB;color:#6b7280}.action-buttons{display:flex;gap:clamp(.375rem,1vw,.5rem);align-items:center;opacity:.6;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(8px)}.table-row:hover .action-buttons{opacity:1;transform:translate(0) scale(1.05)}.table-row:focus-within .action-buttons{opacity:1;transform:translate(0) scale(1.05)}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.875rem;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:currentColor;opacity:0;transition:opacity .2s ease}.action-btn:hover:before{opacity:.1}.action-btn.buy{background:linear-gradient(135deg,#ECFDF5 0%,#D1FAE5 100%);color:#059669;border:1px solid #A7F3D0}.action-btn.buy:hover{background:linear-gradient(135deg,#D1FAE5 0%,#A7F3D0 100%);transform:translateY(-1px);box-shadow:0 4px 8px #05966933}.action-btn.sell{background:linear-gradient(135deg,#FEF2F2 0%,#FECACA 100%);color:#dc2626;border:1px solid #FCA5A5}.action-btn.sell:hover{background:linear-gradient(135deg,#FECACA 0%,#FCA5A5 100%);transform:translateY(-1px);box-shadow:0 4px 8px #dc262633}.action-btn.watchlist{background:linear-gradient(135deg,#EBF8FF 0%,#DBEAFE 100%);color:#3b82f6;border:1px solid #93C5FD}.action-btn.watchlist:hover{background:linear-gradient(135deg,#DBEAFE 0%,#93C5FD 100%);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f633}.action-btn.watchlist.active{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:#fff}.action-btn:active{transform:translateY(0)}.sector-allocation{grid-row:span 2;background:var(--bg-elevated, #FFFFFF);border:1px solid var(--border-primary, #E5E7EB);border-radius:clamp(1rem,2vw,1.5rem);overflow:hidden;box-shadow:var(--shadow-lg)}.sector-chart{margin-bottom:clamp(1.5rem,4vw,2rem);padding:clamp(1rem,3vw,2rem)}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:clamp(180px,40vw,220px);color:var(--text-quaternary, #9CA3AF);text-align:center;background:linear-gradient(135deg,var(--bg-secondary, #F9FAFB) 0%,var(--bg-tertiary, #F3F4F6) 100%);border-radius:clamp(.75rem,2vw,1rem);border:2px dashed var(--border-secondary, #D1D5DB)}.chart-placeholder svg{margin-bottom:clamp(.75rem,2vw,1rem);opacity:.6;width:clamp(32px,8vw,48px);height:clamp(32px,8vw,48px)}.sector-list{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem);padding:clamp(1rem,3vw,2rem);max-height:400px;overflow-y:auto}.sector-item{display:flex;align-items:center;gap:clamp(.75rem,2vw,1rem);padding:clamp(.75rem,2vw,1rem);border-radius:clamp(.5rem,1.5vw,.75rem);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent;position:relative}.sector-item:hover{background:linear-gradient(135deg,var(--bg-secondary, #F9FAFB) 0%,rgba(59,130,246,.05) 100%);border-color:var(--accent-primary, #10B981);transform:translate(4px);box-shadow:0 4px 12px #10b9811a}.sector-color{width:clamp(10px,3vw,14px);height:clamp(10px,3vw,14px);border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 4px #0000001a}.sector-info{flex:1;display:flex;flex-direction:column;gap:clamp(.125rem,.5vw,.25rem);min-width:0}.sector-name{font-size:clamp(.8rem,2vw,.875rem);font-weight:600;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sector-value{font-size:clamp(.7rem,1.5vw,.75rem);color:var(--text-secondary, #6B7280);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.sector-percentage{font-size:clamp(.8rem,2vw,.875rem);font-weight:700;color:var(--accent-primary, #10B981);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-align:right}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:clamp(.375rem,1vw,.5rem);padding:clamp(.625rem,2vw,.75rem) clamp(.875rem,3vw,1rem);border:none;border-radius:clamp(.5rem,2vw,.75rem);font-family:var(--font-family-primary, "Inter", sans-serif);font-size:clamp(.8rem,2vw,.875rem);font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;min-height:clamp(40px,10vw,44px);position:relative;overflow:hidden;will-change:transform}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-premium:focus-visible{outline:3px solid var(--accent-primary, #10B981);outline-offset:2px}.btn-premium.btn-primary{background:linear-gradient(135deg,var(--accent-primary, #10B981) 0%,var(--brand-teal, #00C2CB) 100%);color:var(--text-inverse, #FFFFFF);box-shadow:0 4px 6px -1px #10b9814d,0 2px 4px -1px #10b98133}.btn-premium.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 15px -1px #10b98166,0 4px 8px -1px #10b9814d;background:linear-gradient(135deg,var(--brand-teal, #00C2CB) 0%,var(--accent-primary, #10B981) 100%)}.btn-premium.btn-primary:active{transform:translateY(-1px) scale(1.01);transition-duration:.1s}.btn-premium.btn-secondary{background:var(--bg-elevated, #FFFFFF);color:var(--text-primary, #111827);border:2px solid var(--border-primary, #E5E7EB)}.btn-premium.btn-secondary:hover{background:var(--bg-secondary, #F9FAFB);border-color:var(--accent-primary, #10B981);color:var(--accent-primary, #10B981);transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #10b98133}.btn-premium.btn-ghost{background:transparent;color:var(--text-tertiary, #6B7280);border:2px solid transparent}.btn-premium.btn-ghost:hover{background:var(--bg-secondary, #F9FAFB);color:var(--accent-primary, #10B981);border-color:var(--accent-primary, #10B981);transform:translateY(-1px)}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1024px){.portfolio-grid{grid-template-columns:1fr;gap:clamp(1rem,3vw,1.5rem)}.table-header,.table-row{grid-template-columns:minmax(150px,1.5fr) minmax(60px,.8fr) minmax(80px,.8fr) minmax(100px,1fr) minmax(80px,.8fr) minmax(100px,1fr) minmax(100px,1fr) minmax(100px,auto);gap:clamp(.25rem,1vw,.5rem)}}@media (max-width: 768px){.portfolio-page{padding:clamp(.75rem,3vw,1rem)}.card-header{padding:clamp(.75rem,3vw,1rem);flex-direction:column;gap:clamp(.75rem,2vw,1rem);align-items:flex-start}.card-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.table-header,.table-row{grid-template-columns:1fr;gap:clamp(.25rem,1vw,.5rem);padding:clamp(.75rem,3vw,1rem)}.table-header{display:none}.table-row{border:1px solid var(--border-primary, #E5E7EB);border-radius:clamp(.5rem,2vw,.75rem);margin-bottom:clamp(.5rem,2vw,.75rem);padding:clamp(1rem,4vw,1.5rem)}.table-row>div{display:flex;justify-content:space-between;align-items:center;padding:clamp(.25rem,1vw,.5rem) 0;border-bottom:1px solid var(--border-primary, #E5E7EB)}.table-row>div:last-child{border-bottom:none}.table-row>div:before{content:attr(data-label);font-weight:600;color:var(--text-tertiary, #6B7280);font-size:clamp(.7rem,2vw,.75rem);text-transform:uppercase;letter-spacing:.05em}}@media (max-width: 480px){.stat-card{padding:clamp(1rem,4vw,1.5rem)}.action-buttons{flex-direction:column;gap:clamp(.25rem,1vw,.375rem);width:100%}.buy-btn-small{width:100%;min-width:auto}.stock-info{text-align:center}.stock-sector{align-self:center}}@media (min-width: 1920px){.portfolio-container{max-width:1800px}.portfolio-grid{grid-template-columns:3fr 1fr}.table-header,.table-row{grid-template-columns:minmax(250px,2.5fr) minmax(100px,1fr) minmax(120px,1fr) minmax(140px,1fr) minmax(120px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,auto)}}[data-theme=dark] .portfolio-page{background:var(--bg-primary)}[data-theme=dark] .stat-card,[data-theme=dark] .portfolio-card{background:var(--bg-elevated);border-color:var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .stat-card:hover{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a,0 0 0 1px var(--accent-primary),0 0 20px #14f19533}[data-theme=dark] .holdings-table .card-header{background:linear-gradient(135deg,rgba(182,177,187,.05) 0%,rgba(182,177,187,.02) 50%,rgba(20,241,149,.02) 100%);border-color:var(--border-primary)}[data-theme=dark] .holdings-table .card-header:after{background:linear-gradient(90deg,var(--accent-primary) 0%,var(--brand-teal) 50%,var(--info-color) 100%);opacity:.8}[data-theme=dark] .table-header{background:linear-gradient(135deg,rgba(182,177,187,.08) 0%,rgba(182,177,187,.04) 100%);border-color:var(--border-primary)}[data-theme=dark] .table-row{background:var(--bg-elevated)}[data-theme=dark] .table-row:hover{background:linear-gradient(135deg,rgba(20,241,149,.05) 0%,rgba(59,130,246,.05) 100%);box-shadow:0 8px 25px #0003,0 4px 10px #0000001a,inset 3px 0 0 var(--accent-primary),0 0 20px #14f1951a}[data-theme=dark] .filter-select{background:var(--bg-elevated);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .btn-refresh{background:var(--bg-elevated);border-color:var(--border-primary);color:var(--text-secondary)}[data-theme=dark] .btn-refresh:hover{border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 20px #14f19533}[data-theme=dark] .highlighted-purchase{background:linear-gradient(135deg,rgba(20,241,149,.15),rgba(20,241,149,.08),rgba(59,130,246,.08))!important;border-color:var(--accent-primary)!important;box-shadow:0 8px 32px #14f1954d,0 4px 16px #14f19533,inset 0 1px #ffffff0d!important}[data-theme=dark] .highlighted-purchase:before{background:linear-gradient(135deg,var(--accent-primary),var(--brand-teal));color:var(--text-inverse);box-shadow:0 4px 12px #14f19580}.highlighted-purchase{position:relative;background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(16,185,129,.06),rgba(20,241,149,.08))!important;border:2px solid var(--success-color, #10B981)!important;border-radius:clamp(8px,2vw,12px)!important;box-shadow:0 8px 32px #10b98140,0 4px 16px #10b98126,inset 0 1px #ffffff1a!important;animation:purchaseGlow 4s ease-in-out;will-change:transform,box-shadow}.highlighted-purchase:before{content:"🎉 Recently Purchased";position:absolute;top:clamp(-10px,-2vw,-12px);left:clamp(12px,4vw,16px);background:linear-gradient(135deg,var(--success-color, #10B981),var(--brand-teal, #00C2CB));color:#fff;padding:clamp(3px,1vw,4px) clamp(8px,3vw,12px);border-radius:clamp(8px,2vw,12px);font-size:clamp(10px,2.5vw,12px);font-weight:700;z-index:10;animation:fadeInOut 6s ease-in-out;box-shadow:0 4px 12px #10b98166;text-transform:uppercase;letter-spacing:.05em}.highlighted-purchase:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 2s ease-in-out infinite;pointer-events:none;border-radius:inherit}@keyframes purchaseGlow{0%,to{box-shadow:0 8px 32px #10b98140,0 4px 16px #10b98126,inset 0 1px #ffffff1a;transform:scale(1)}25%{box-shadow:0 12px 40px #10b98159,0 6px 20px #10b98140,inset 0 1px #fff3;transform:scale(1.01)}50%{box-shadow:0 16px 48px #10b98166,0 8px 24px #10b9814d,inset 0 1px #ffffff26;transform:scale(1.02)}75%{box-shadow:0 12px 40px #10b98159,0 6px 20px #10b98140,inset 0 1px #fff3;transform:scale(1.01)}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-15px) scale(.8)}15%,85%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-15px) scale(.8)}}.portfolio-hidden{display:none!important}.portfolio-visible{display:block!important}.portfolio-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.portfolio-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-break-words{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.portfolio-page,.stat-card,.portfolio-card,.table-row,.buy-btn-small{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}@media (hover: none) and (pointer: coarse){.table-row:hover,.buy-btn-small:hover,.stat-card:hover{transform:none}}@media (max-width: 768px){.buy-btn-small,.action-btn{min-height:44px;min-width:44px}}.portfolio-page{font-display:swap}.portfolio-page img{loading:lazy;decoding:async}@media (prefers-reduced-motion: no-preference){.stat-card,.table-row,.buy-btn-small{will-change:transform,opacity}}.portfolio-stats,.holdings-table{content-visibility:auto;contain-intrinsic-size:0 500px}.stat-card,.table-row,.buy-btn-small,.action-buttons{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.table-body{contain:layout style paint}.portfolio-stats{contain:layout}.table-row:hover{contain:layout style}.table-row:focus-visible{outline:3px solid var(--accent-primary, #10B981);outline-offset:2px;border-radius:clamp(8px,2vw,12px)}.buy-btn-small:focus-visible{outline:3px solid var(--accent-primary, #10B981);outline-offset:3px}.table-row{role:button;tabindex:0}.table-row[aria-selected=true]{background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(16,185,129,.1) 100%);border-left:4px solid var(--accent-primary, #10B981)}@media (prefers-contrast: high){.stat-card,.portfolio-card{border-width:2px}.table-row:hover{border:2px solid var(--accent-primary, #10B981)}.buy-btn-small{border:2px solid transparent}}@media (prefers-reduced-motion: reduce){.stat-card,.table-row,.buy-btn-small,.highlighted-purchase{animation:none;transition:none}.table-row:hover,.buy-btn-small:hover{transform:none}}.portfolio-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:clamp(1rem,3vw,2rem)}.portfolio-loading .loading-spinner{width:clamp(40px,8vw,60px);height:clamp(40px,8vw,60px);border:3px solid var(--border-primary, #E5E7EB);border-top:3px solid var(--accent-primary, #10B981);border-radius:50%;animation:spin 1s linear infinite}.portfolio-loading .loading-text{font-size:clamp(.875rem,2vw,1rem);color:var(--text-secondary, #6B7280);font-weight:500}.table-row-skeleton{display:grid;grid-template-columns:minmax(200px,2fr) minmax(80px,1fr) minmax(100px,1fr) minmax(120px,1fr) minmax(100px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,auto);gap:clamp(.5rem,2vw,1rem);padding:clamp(1rem,3vw,1.5rem) clamp(1rem,4vw,2rem);border-bottom:1px solid var(--border-primary, #E5E7EB)}.skeleton-item{height:20px;background:linear-gradient(90deg,var(--bg-secondary, #F3F4F6) 25%,var(--bg-tertiary, #E5E7EB) 50%,var(--bg-secondary, #F3F4F6) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.action-buttons{display:flex;align-items:center;gap:clamp(6px,2vw,8px);flex-wrap:wrap;justify-content:flex-end}.buy-btn-small{padding:clamp(6px,1.5vw,8px) clamp(12px,3vw,16px);background:linear-gradient(135deg,var(--accent-primary, #10B981) 0%,var(--success-color, #059669) 100%);color:#fff;border:none;border-radius:clamp(6px,2vw,8px);font-size:clamp(11px,2.5vw,12px);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:clamp(45px,12vw,55px);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em}.buy-btn-small:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.buy-btn-small:hover{background:linear-gradient(135deg,var(--success-color, #059669) 0%,var(--accent-primary, #10B981) 100%);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 16px #10b98166,0 4px 8px #10b98133}.buy-btn-small:hover:before{left:100%}.buy-btn-small:active{transform:translateY(-1px) scale(1.02);transition-duration:.1s}.stat-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .stat-card{background:rgba(15,0,32,.8);border:1px solid rgba(182,177,187,.2)}.table-row{cursor:pointer;-webkit-user-select:none;user-select:none}.table-row:active{transform:scale(.995)}.stat-value,.gain-amount,.day-change,.col-quantity,.col-avg-price,.col-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@media print{.portfolio-page{background:white!important;color:#000!important}.stat-card,.portfolio-card{background:white!important;border:1px solid #000!important;box-shadow:none!important}.action-buttons{display:none!important}.table-row:hover{background:white!important;transform:none!important}}[data-theme=dark] .buy-btn-small{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--brand-teal) 100%);color:var(--text-inverse);box-shadow:0 4px 12px #14f1954d}[data-theme=dark] .buy-btn-small:hover{background:linear-gradient(135deg,var(--brand-teal) 0%,var(--accent-primary) 100%);box-shadow:0 8px 16px #14f19566,0 4px 8px #14f19533,0 0 20px #14f1954d}html{scroll-behavior:smooth}::selection{background:var(--accent-primary, #10B981);color:#fff}::-moz-selection{background:var(--accent-primary, #10B981);color:#fff}.table-body::-webkit-scrollbar{width:8px;height:8px}.table-body::-webkit-scrollbar-track{background:var(--bg-secondary, #F9FAFB);border-radius:4px}.table-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-primary, #10B981),var(--brand-teal, #00C2CB));border-radius:4px;border:1px solid var(--bg-secondary, #F9FAFB)}.table-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--brand-teal, #00C2CB),var(--accent-primary, #10B981))}*,*:before,*:after{box-sizing:border-box}.portfolio-page *{max-width:100%;word-wrap:break-word}@supports not (backdrop-filter: blur(10px)){.stat-card{background:var(--bg-elevated, #FFFFFF)}}@supports not (container-type: inline-size){.portfolio-container{max-width:1600px}}@media (prefers-contrast: more){.stat-card,.portfolio-card{border-width:2px}.table-row:hover{border:2px solid var(--accent-primary, #10B981)}}.portfolio-page [tabindex="-1"]:focus{outline:none}.portfolio-page [aria-hidden=true]{display:none}@supports (grid-template-rows: subgrid){.table-row{display:subgrid;grid-row:span 1}}@supports (container-type: inline-size){.portfolio-container{container-type:inline-size}@container (min-width: 1200px){.portfolio-grid{grid-template-columns:2.5fr 1fr}}}.table-body{scroll-snap-type:y mandatory}.table-row{scroll-snap-align:start}.stock-info{text-align:start}.action-buttons{justify-content:end}.portfolio-page{--portfolio-spacing: clamp(1rem, 4vw, 2.5rem);--portfolio-border-radius: clamp(.5rem, 2vw, 1rem);--portfolio-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1)}.holdings-table .card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:clamp(1.5rem,4vw,2rem) clamp(1.5rem,4vw,2rem) clamp(1rem,3vw,1.5rem);border-bottom:2px solid rgba(226,232,240,.8);background:linear-gradient(135deg,var(--bg-secondary, #FAFBFC) 0%,var(--bg-tertiary, #F8FAFC) 50%,rgba(59,130,246,.02) 100%);position:relative}.holdings-table .card-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary, #10B981) 0%,var(--brand-teal, #00C2CB) 50%,var(--info-color, #3B82F6) 100%);opacity:.6}.header-left{display:flex;flex-direction:column;gap:.75rem}.holdings-table .card-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.holdings-count{font-size:.875rem;font-weight:500;color:#6b7280;background:rgba(59,130,246,.1);padding:.25rem .75rem;border-radius:1rem;margin-left:.5rem}.holdings-summary{display:flex;gap:2rem;font-size:.875rem}.total-invested,.current-value{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151}.total-invested{color:#6366f1}.current-value{color:#059669}.holdings-table .card-actions{display:flex;align-items:center;gap:1rem}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-select{padding:.5rem 1rem;border:2px solid #E5E7EB;border-radius:.75rem;background:white;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-select:hover{border-color:#3b82f6}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-refresh{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid #E5E7EB;border-radius:.75rem;background:white;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-refresh:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-refresh .spinning{animation:spin 1s linear infinite}.empty-holdings{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{margin-bottom:1.5rem;color:#9ca3af;opacity:.6}.empty-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-description{font-size:.875rem;color:#6b7280;margin-bottom:2rem;max-width:400px;line-height:1.5}.btn-secondary{padding:.75rem 1.5rem;border:2px solid #E5E7EB;border-radius:.75rem;background:white;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.buy-btn-small{padding:.375rem .75rem;background:#10B981;color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.buy-btn-small:hover{background:#059669;transform:translateY(-1px)}.sell-btn-small{padding:.375rem .75rem;background:#EF4444;color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.sell-btn-small:hover{background:#DC2626;transform:translateY(-1px)}.action-buttons{display:flex;gap:.5rem;align-items:center}.trading-page{width:100%;min-height:100vh;padding:var(--space-4, 1rem);background:var(--bg-primary);overflow-x:hidden;font-family:var(--font-family-primary, "Inter", sans-serif)}.trading-container{width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4, 1rem);overflow-x:hidden}@media (min-width: 768px){.trading-page{padding:var(--space-6, 1.5rem)}.trading-container{gap:var(--space-6, 1.5rem)}}@media (min-width: 1024px){.trading-page{padding:var(--space-8, 2rem)}.trading-container{max-width:1400px;gap:var(--space-8, 2rem)}}@media (min-width: 1440px){.trading-container{max-width:1600px}}.trading-header{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,250,252,.9) 100%);border:1px solid #E5E7EB;border-radius:1.5rem;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.trading-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10B981 0%,#14F195 100%)}.trading-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.stat-card{background:#FFFFFF;border:1px solid #E5E7EB;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.stat-card.stat-primary,.stat-card.stat-success{border-left:4px solid #10B981}.stat-card.stat-info{border-left:4px solid #3B82F6}.stat-card.stat-warning{border-left:4px solid #F59E0B}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stat-icon{width:48px;height:48px;background:linear-gradient(135deg,#10B981 0%,#14F195 100%);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px}.stat-change.positive{color:#10b981;background:#ECFDF5}.stat-change.negative{color:#ef4444;background:#FEF2F2}.stat-content{display:flex;flex-direction:column;gap:.5rem}.stat-value{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.875rem;font-weight:700;color:#111827;margin:0;font-variant-numeric:tabular-nums}.stat-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:600;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.05em}.trading-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;grid-template-areas:"stocks orders" "recent recent"}.stocks-panel{grid-area:stocks}.order-panel{grid-area:orders}.orders-panel{grid-area:recent}.trading-card{background:#FFFFFF;border:1px solid #E5E7EB;border-radius:1.5rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.trading-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.card-content{padding:2rem}.stocks-list{display:flex;flex-direction:column;gap:.5rem;max-height:500px;overflow-y:auto}.stock-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:.75rem;transition:all .2s ease;cursor:pointer;border:2px solid transparent}.stock-item:hover{background:#F9FAFB}.stock-item.selected{background:rgba(16,185,129,.05);border-color:#10b981}.stock-info{display:flex;flex-direction:column;gap:.25rem}.stock-name{font-size:.75rem;color:#6b7280}.stock-volume{font-size:.625rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.order-form{display:flex;flex-direction:column;gap:1.5rem}.selected-stock{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#F9FAFB;border-radius:.75rem;border:1px solid #E5E7EB}.stock-details h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .25rem}.stock-details p{font-size:.75rem;color:#6b7280;margin:0}.order-controls{display:flex;flex-direction:column;gap:1.5rem}.transaction-type{display:flex;gap:.5rem}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px solid #E5E7EB;border-radius:.75rem;background:#FFFFFF;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.type-btn.active.buy{border-color:#10b981;background:#ECFDF5;color:#10b981}.type-btn.active.sell{border-color:#ef4444;background:#FEF2F2;color:#ef4444}.order-type,.quantity-control,.price-control{display:flex;flex-direction:column;gap:.5rem}.order-type label,.quantity-control label,.price-control label{font-size:.875rem;font-weight:600;color:#111827}.order-select,.price-input{padding:.75rem 1rem;border:1px solid #E5E7EB;border-radius:.75rem;background:#FFFFFF;color:#111827;font-size:.875rem;font-weight:500;transition:all .2s ease}.order-select:focus,.price-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.quantity-input{display:flex;align-items:center;border:1px solid #E5E7EB;border-radius:.75rem;background:#FFFFFF;overflow:hidden}.qty-btn{width:40px;height:44px;border:none;background:#F9FAFB;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qty-btn:hover{background:#F3F4F6;color:#111827}.qty-input{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:#111827;font-size:.875rem;font-weight:500;text-align:center}.qty-input:focus{outline:none}.order-summary{padding:1rem;background:#F9FAFB;border-radius:.75rem;border:1px solid #E5E7EB}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.summary-row.total{font-weight:600;font-size:1rem;padding-top:.5rem;border-top:1px solid #E5E7EB;margin-top:.5rem}.place-order-btn{width:100%;padding:1rem;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.place-order-btn.buy{background:linear-gradient(135deg,#10B981 0%,#14F195 100%);color:#fff;box-shadow:0 4px 6px -1px #10b9814d}.place-order-btn.buy:hover{transform:translateY(-1px);box-shadow:0 6px 12px -1px #10b98166}.place-order-btn.sell{background:linear-gradient(135deg,#EF4444 0%,#F87171 100%);color:#fff;box-shadow:0 4px 6px -1px #ef44444d}.place-order-btn.sell:hover{transform:translateY(-1px);box-shadow:0 6px 12px -1px #ef444466}.place-order-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.order-actions-grid{display:flex;flex-direction:column;gap:.75rem}.enhanced-order-btn{width:100%;padding:.875rem 1rem;border:2px solid #10B981;border-radius:.75rem;background:#FFFFFF;color:#10b981;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:.5rem}.enhanced-order-btn:hover:not(:disabled){background:#ECFDF5;transform:translateY(-1px);box-shadow:0 4px 6px -1px #10b98133}.enhanced-order-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme=dark] .enhanced-order-btn{background:#1E293B;border-color:#10b981;color:#14f195}[data-theme=dark] .enhanced-order-btn:hover:not(:disabled){background:rgba(16,185,129,.1)}.stock-context-menu{background:#FFFFFF;border:1px solid #E5E7EB;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:240px;overflow:hidden;-webkit-user-select:none;user-select:none}.context-menu-header{padding:1rem;border-bottom:1px solid #E5E7EB;background:linear-gradient(135deg,#F9FAFB 0%,#F3F4F6 100%)}.stock-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.stock-symbol{font-size:1rem;font-weight:700;color:#111827}.stock-price{font-size:1rem;font-weight:700;color:#111827;font-variant-numeric:tabular-nums}.price-change{font-size:.875rem;font-weight:600;text-align:center}.context-menu-items{padding:.5rem}.context-menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:none;border-radius:.5rem;background:transparent;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:.25rem}.context-menu-item:last-child{margin-bottom:0}.context-menu-item:hover:not(.disabled){--hover-bg: #F3F4F6;background:var(--hover-bg)}.context-menu-item.disabled{opacity:.5;cursor:not-allowed}.menu-item-content{display:flex;align-items:center;gap:.75rem}.menu-item-icon{flex-shrink:0}.menu-item-label{flex:1;text-align:left}.menu-item-shortcut{font-size:.75rem;color:#9ca3af;background:#F3F4F6;padding:.125rem .375rem;border-radius:.25rem;font-weight:600;min-width:20px;text-align:center}.context-menu-item.green:hover:not(.disabled){--hover-bg: #ECFDF5;color:#065f46}.context-menu-item.green:hover:not(.disabled) .menu-item-icon{color:#10b981}.context-menu-item.red:hover:not(.disabled){--hover-bg: #FEF2F2;color:#991b1b}.context-menu-item.red:hover:not(.disabled) .menu-item-icon{color:#ef4444}.context-menu-item.blue:hover:not(.disabled){--hover-bg: #EFF6FF;color:#1e40af}.context-menu-item.blue:hover:not(.disabled) .menu-item-icon{color:#3b82f6}.context-menu-item.purple:hover:not(.disabled){--hover-bg: #F5F3FF;color:#5b21b6}.context-menu-item.purple:hover:not(.disabled) .menu-item-icon{color:#8b5cf6}.context-menu-item.orange:hover:not(.disabled){--hover-bg: #FFF7ED;color:#9a3412}.context-menu-item.orange:hover:not(.disabled) .menu-item-icon{color:#f97316}.context-menu-item.gray:hover:not(.disabled){--hover-bg: #F9FAFB;color:#374151}.context-menu-item.gray:hover:not(.disabled) .menu-item-icon{color:#6b7280}.context-menu-footer{padding:.75rem 1rem;border-top:1px solid #E5E7EB;background:#F9FAFB;display:flex;justify-content:space-between;align-items:center}.market-status{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#10b981;font-weight:600}.last-updated{font-size:.75rem;color:#6b7280}[data-theme=dark] .stock-context-menu{background:#1E293B;border-color:#334155;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}[data-theme=dark] .context-menu-header{border-color:#334155;background:linear-gradient(135deg,#334155 0%,#475569 100%)}[data-theme=dark] .stock-symbol,[data-theme=dark] .stock-price{color:#f1f5f9}[data-theme=dark] .context-menu-item{color:#e2e8f0}[data-theme=dark] .context-menu-item:hover:not(.disabled){--hover-bg: #334155}[data-theme=dark] .menu-item-shortcut{background:#334155;color:#94a3b8}[data-theme=dark] .context-menu-item.green:hover:not(.disabled){--hover-bg: rgba(16, 185, 129, .1);color:#14f195}[data-theme=dark] .context-menu-item.red:hover:not(.disabled){--hover-bg: rgba(239, 68, 68, .1);color:#f87171}[data-theme=dark] .context-menu-item.blue:hover:not(.disabled){--hover-bg: rgba(59, 130, 246, .1);color:#60a5fa}[data-theme=dark] .context-menu-item.purple:hover:not(.disabled){--hover-bg: rgba(139, 92, 246, .1);color:#a78bfa}[data-theme=dark] .context-menu-item.orange:hover:not(.disabled){--hover-bg: rgba(249, 115, 22, .1);color:#fb923c}[data-theme=dark] .context-menu-footer{border-color:#334155;background:#334155}.no-stock-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#9ca3af;text-align:center}.no-stock-selected svg{margin-bottom:1rem;opacity:.5}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-item{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:center;padding:1rem;border-radius:.75rem;transition:all .2s ease;cursor:pointer;border:1px solid #E5E7EB}.order-item:hover{background:#F9FAFB}.order-info{display:flex;flex-direction:column;gap:.25rem}.order-symbol{font-size:.875rem;font-weight:600;color:#111827}.order-details{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.order-type{font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase}.order-quantity,.order-time{font-size:.75rem;color:#6b7280}.order-price{display:flex;flex-direction:column;gap:.25rem;text-align:right}.price-value{font-size:.875rem;font-weight:600;color:#111827;font-variant-numeric:tabular-nums}.total-value{font-size:.75rem;color:#6b7280;font-variant-numeric:tabular-nums}.order-status{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.pulse-animation{animation:pulse 2s infinite}.slide-in-up{animation:slideInUp .4s ease-out}.slide-in-down{animation:slideInDown .4s ease-out}.order-success-feedback{animation:scaleIn .5s ease-out,pulse .3s ease-out .5s}.price-update-flash{animation:pulse .6s ease-out}.order-action-btn:active{transform:translateY(1px) scale(.98)}.qty-control-btn:active{transform:scale(.95)}.order-type-btn:hover:not(.active){transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.order-modal *,.confirmation-modal *,.stock-context-menu *{transition:all .2s cubic-bezier(.4,0,.2,1)}.live-pnl-calculator{background:linear-gradient(135deg,rgba(249,250,251,.95) 0%,rgba(243,244,246,.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(229,231,235,.8);border-radius:1rem;padding:1.5rem;margin:1rem 0;box-shadow:0 4px 6px -1px #0000000d,inset 0 1px #ffffff1a}.pnl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(229,231,235,.6)}.pnl-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#111827}.pnl-icon{color:#10b981}.connection-status{display:flex;align-items:center;gap:.5rem}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.connected{background:#10B981}.status-indicator.disconnected{background:#EF4444}.status-text{font-size:.75rem;color:#6b7280;font-weight:500}.current-price-section{margin-bottom:1rem;padding:1rem;background:rgba(255,255,255,.7);border-radius:.75rem;border:1px solid rgba(229,231,235,.5)}.price-label{font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.price-display{display:flex;align-items:center;justify-content:space-between}.price-value{font-size:1.25rem;font-weight:700;color:#111827;font-variant-numeric:tabular-nums}.price-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem}.price-change.up{color:#10b981;background:rgba(16,185,129,.1)}.price-change.down{color:#ef4444;background:rgba(239,68,68,.1)}.price-change.same{color:#6b7280;background:rgba(107,114,128,.1)}.pnl-calculations{margin-bottom:1rem}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem}.calc-row.highlight{padding:.75rem;background:rgba(255,255,255,.8);border-radius:.5rem;margin:.5rem 0;border:1px solid rgba(229,231,235,.6);font-weight:600}.calc-label{color:#6b7280;font-weight:500}.calc-value{display:flex;align-items:center;gap:.25rem;font-weight:600;color:#111827;font-variant-numeric:tabular-nums}.calc-value.profit{color:#10b981}.calc-value.loss{color:#ef4444}.calc-value .percent{font-size:.75rem;opacity:.8;margin-left:.25rem}.pnl-recommendation{margin-bottom:1rem;padding:.75rem;background:rgba(255,255,255,.8);border-radius:.5rem;border:1px solid rgba(229,231,235,.6)}.recommendation-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600}.break-even-info{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.last-update{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#9ca3af;justify-content:center}[data-theme=dark] .live-pnl-calculator{background:linear-gradient(135deg,rgba(51,65,85,.95) 0%,rgba(71,85,105,.95) 100%);border-color:#475569cc}[data-theme=dark] .pnl-header{border-color:#47556999}[data-theme=dark] .pnl-title,[data-theme=dark] .price-value,[data-theme=dark] .calc-value{color:#f1f5f9}[data-theme=dark] .price-label,[data-theme=dark] .calc-label,[data-theme=dark] .status-text,[data-theme=dark] .break-even-info{color:#94a3b8}[data-theme=dark] .current-price-section,[data-theme=dark] .calc-row.highlight,[data-theme=dark] .pnl-recommendation{background:rgba(30,41,59,.8);border-color:#47556999}[data-theme=dark] .price-change.up{color:#14f195;background:rgba(16,185,129,.2)}[data-theme=dark] .price-change.down{color:#f87171;background:rgba(239,68,68,.2)}[data-theme=dark] .price-change.same{color:#94a3b8;background:rgba(148,163,184,.2)}[data-theme=dark] .calc-value.profit{color:#14f195}[data-theme=dark] .calc-value.loss{color:#f87171}[data-theme=dark] .last-update{color:#64748b}@media (max-width: 768px){.live-pnl-calculator{padding:1rem;margin:.75rem 0}.pnl-header,.price-display{flex-direction:column;gap:.5rem;align-items:flex-start}.calc-row{flex-direction:column;gap:.25rem;align-items:flex-start}.calc-row.highlight{padding:.5rem}}@media (max-width: 480px){.live-pnl-calculator,.current-price-section{padding:.75rem}.price-value{font-size:1.125rem}.calc-value .percent{display:block;margin-left:0;margin-top:.125rem}}.order-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.order-modal{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(229,231,235,.8);border-radius:1.5rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a,inset 0 1px #fff3;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.order-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #E5E7EB}.order-modal-title{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;color:#111827;margin:0;display:flex;align-items:center;gap:.75rem}.order-modal-close{width:40px;height:40px;border:none;background:#F9FAFB;border-radius:.75rem;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.order-modal-close:hover{background:#F3F4F6;color:#111827}.order-modal-body{padding:2rem}.order-stock-info{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,rgba(249,250,251,.8) 0%,rgba(243,244,246,.8) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(229,231,235,.6);margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d,inset 0 1px #ffffff1a}.order-stock-details h3{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .25rem}.order-stock-details p{font-size:.875rem;color:#6b7280;margin:0}.order-stock-price{text-align:right}.current-price{font-size:1.5rem;font-weight:700;color:#111827;margin:0;font-variant-numeric:tabular-nums}.price-change{font-size:.875rem;font-weight:600;margin:.25rem 0 0;display:flex;align-items:center;gap:.25rem;justify-content:flex-end}.order-form-section{margin-bottom:2rem}.order-form-section:last-child{margin-bottom:0}.section-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.order-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.5rem}.order-type-btn{padding:1rem;border:2px solid #E5E7EB;border-radius:.75rem;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.order-type-btn.active.buy{border-color:#10b981;background:linear-gradient(135deg,rgba(236,253,245,.9) 0%,rgba(209,250,229,.9) 100%);color:#10b981;box-shadow:0 0 0 3px #10b9811a,0 4px 6px -1px #10b98133;transform:translateY(-1px)}.order-type-btn.active.sell{border-color:#ef4444;background:linear-gradient(135deg,rgba(254,242,242,.9) 0%,rgba(254,202,202,.9) 100%);color:#ef4444;box-shadow:0 0 0 3px #ef44441a,0 4px 6px -1px #ef444433;transform:translateY(-1px)}.order-method-select{margin-bottom:1.5rem}.order-method-select label{display:block;font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.5rem}.order-method-select select{width:100%;padding:.875rem 1rem;border:1px solid #E5E7EB;border-radius:.75rem;background:#FFFFFF;color:#111827;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.order-method-select select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.order-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.order-input-group{display:flex;flex-direction:column;gap:.5rem}.order-input-group label{font-size:.875rem;font-weight:600;color:#111827}.order-input-group.full-width{grid-column:1 / -1}.quantity-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.quantity-option-btn{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border:1px solid #E5E7EB;border-radius:.5rem;background:#FFFFFF;color:#374151;font-size:.75rem;cursor:pointer;transition:all .2s ease;min-height:60px;justify-content:center}.quantity-option-btn:hover:not(:disabled){border-color:#10b981;background:#F0FDF4;transform:translateY(-1px);box-shadow:0 2px 4px -1px #10b98133}.quantity-option-btn.active{border-color:#10b981;background:linear-gradient(135deg,#ECFDF5 0%,#D1FAE5 100%);color:#065f46;box-shadow:0 0 0 2px #10b98133}.quantity-option-btn:disabled{opacity:.5;cursor:not-allowed;background:#F9FAFB;color:#9ca3af}.option-value{font-weight:600;margin-bottom:.25rem;color:inherit}.option-amount{font-size:.625rem;color:#6b7280;font-variant-numeric:tabular-nums}.quantity-option-btn.active .option-amount{color:#059669}.investment-amount-display{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#F0FDF4 0%,#ECFDF5 100%);border:1px solid #D1FAE5;border-radius:.5rem;margin-top:.75rem;font-size:.875rem}.investment-label{color:#065f46;font-weight:500}.investment-value{color:#059669;font-weight:700;font-variant-numeric:tabular-nums}[data-theme=dark] .quantity-option-btn{background:#1E293B;border-color:#334155;color:#e2e8f0}[data-theme=dark] .quantity-option-btn:hover:not(:disabled){border-color:#10b981;background:rgba(16,185,129,.1)}[data-theme=dark] .quantity-option-btn.active{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.15) 0%,rgba(20,241,149,.1) 100%);color:#14f195}[data-theme=dark] .quantity-option-btn:disabled{background:#334155;color:#64748b}[data-theme=dark] .option-amount{color:#94a3b8}[data-theme=dark] .quantity-option-btn.active .option-amount{color:#10b981}[data-theme=dark] .investment-amount-display{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgba(20,241,149,.05) 100%);border-color:#10b9814d}[data-theme=dark] .investment-label{color:#14f195}[data-theme=dark] .investment-value{color:#10b981}@media (max-width: 768px){.quantity-options{grid-template-columns:repeat(2,1fr);gap:.75rem}.quantity-option-btn{padding:1rem .75rem;min-height:70px}.option-value{font-size:.8rem}.option-amount{font-size:.7rem}.investment-amount-display{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width: 480px){.quantity-options{grid-template-columns:1fr;gap:.5rem}.quantity-option-btn{flex-direction:row;justify-content:space-between;padding:.875rem 1rem;min-height:auto}.option-value{margin-bottom:0}}.smart-quantity-suggestions{background:linear-gradient(135deg,rgba(249,250,251,.95) 0%,rgba(243,244,246,.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(229,231,235,.8);border-radius:1rem;padding:1.5rem;margin:1rem 0}.suggestions-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(229,231,235,.6)}.suggestions-icon{color:#f59e0b;font-size:1rem}.suggestions-title{font-size:.875rem;font-weight:600;color:#111827}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.suggestion-card{display:flex;flex-direction:column;padding:1rem;background:rgba(255,255,255,.8);border:1px solid rgba(229,231,235,.6);border-radius:.75rem;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;overflow:hidden}.suggestion-card:hover{border-color:var(--suggestion-color);background:rgba(255,255,255,.95);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.suggestion-card.selected{border-color:var(--suggestion-color);background:rgba(255,255,255,1);box-shadow:0 0 0 2px rgba(var(--suggestion-color-rgb),.2),0 4px 6px -1px #0000001a}.suggestion-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--suggestion-color);opacity:0;transition:opacity .2s ease}.suggestion-card:hover:before,.suggestion-card.selected:before{opacity:1}.suggestion-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.suggestion-icon{color:var(--suggestion-color);flex-shrink:0}.suggestion-label{font-size:.875rem;font-weight:600;color:#111827}.suggestion-details{flex:1;margin-bottom:.5rem}.suggestion-description{font-size:.75rem;color:#6b7280;margin-bottom:.25rem;line-height:1.3}.suggestion-amount{font-size:.875rem;font-weight:700;color:#111827;font-variant-numeric:tabular-nums}.profit-indicator{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.profit-indicator.profit{background:rgba(16,185,129,.1);color:#065f46;border:1px solid rgba(16,185,129,.2)}.profit-indicator.loss{background:rgba(239,68,68,.1);color:#991b1b;border:1px solid rgba(239,68,68,.2)}.profit-percent{font-size:.7rem;opacity:.8}.priority-badge{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.25rem;font-size:.625rem;font-weight:600;color:#f59e0b;background:rgba(245,158,11,.1);padding:.25rem .5rem;border-radius:.375rem;border:1px solid rgba(245,158,11,.2)}.suggestions-footer{text-align:center;padding-top:.75rem;border-top:1px solid rgba(229,231,235,.6)}.suggestions-note{font-size:.75rem;color:#9ca3af;font-style:italic}[data-theme=dark] .smart-quantity-suggestions{background:linear-gradient(135deg,rgba(51,65,85,.95) 0%,rgba(71,85,105,.95) 100%);border-color:#475569cc}[data-theme=dark] .suggestions-header{border-color:#47556999}[data-theme=dark] .suggestions-title,[data-theme=dark] .suggestion-label,[data-theme=dark] .suggestion-amount{color:#f1f5f9}[data-theme=dark] .suggestion-description{color:#94a3b8}[data-theme=dark] .suggestion-card{background:rgba(30,41,59,.8);border-color:#47556999}[data-theme=dark] .suggestion-card:hover{background:rgba(30,41,59,.95)}[data-theme=dark] .suggestion-card.selected{background:rgba(30,41,59,1)}[data-theme=dark] .profit-indicator.profit{background:rgba(16,185,129,.2);color:#14f195;border-color:#10b9814d}[data-theme=dark] .profit-indicator.loss{background:rgba(239,68,68,.2);color:#f87171;border-color:#ef44444d}[data-theme=dark] .priority-badge{background:rgba(245,158,11,.2);border-color:#f59e0b4d;color:#fcd34d}[data-theme=dark] .suggestions-footer{border-color:#47556999}[data-theme=dark] .suggestions-note{color:#64748b}@media (max-width: 768px){.smart-quantity-suggestions{padding:1rem}.suggestions-grid{grid-template-columns:1fr;gap:.5rem}.suggestion-card{padding:.75rem}.suggestion-header,.suggestion-details{margin-bottom:.375rem}}@media (max-width: 480px){.suggestions-grid{grid-template-columns:1fr}.suggestion-card{padding:.875rem}.priority-badge{position:static;align-self:flex-start;margin-top:.5rem}}.stock-search-panel{background:#FFFFFF;border:1px solid rgba(229,231,235,.6);border-radius:16px;padding:24px;box-shadow:0 0 0 1px #00000005,0 4px 16px #00000014,0 2px 8px #0000000a;width:100%;max-width:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-section{margin-bottom:2rem}.search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.search-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem;font-family:Inter,sans-serif}.refresh-btn{width:36px;height:36px;border:none;background:rgba(243,244,246,.8);border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:rgba(229,231,235,.8);color:#111827;transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.search-input-container{position:relative;display:flex;align-items:center;margin-bottom:1rem}.search-icon{position:absolute;left:1rem;color:#9ca3af;z-index:1}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:1px solid #D1D5DB;border-radius:.5rem;background:#F9FAFB;color:#111827;font-size:.875rem;transition:all .2s ease;font-family:Inter,sans-serif;outline:none}.search-input:focus{border-color:#3b82f6;background:#FFFFFF;box-shadow:0 0 0 3px #3b82f61a}.clear-search-btn{position:absolute;right:3rem;width:24px;height:24px;border:none;background:rgba(107,114,128,.1);border-radius:50%;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search-btn:hover{background:rgba(107,114,128,.2);color:#111827}.search-loading{position:absolute;right:1rem;display:flex;align-items:center;justify-content:center}.search-results{position:absolute;top:100%;left:0;right:0;background:#FFFFFF;border:1px solid #E5E7EB;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:320px;overflow-y:auto;overflow-x:hidden;z-index:50;margin-top:.5rem}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:#F8FAFC;border-radius:4px;margin:4px 0}.search-results::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:4px;border:1px solid #F1F5F9;transition:background-color .2s ease}.search-results::-webkit-scrollbar-thumb:hover{background:#94A3B8}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#FFFFFF;border-bottom:1px solid #F1F5F9;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;min-height:64px;overflow:hidden}.search-result-item:last-child{border-bottom:none;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.search-result-item:first-child{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.search-result-item:hover{background:#F8FAFC;transform:translate(2px);box-shadow:0 2px 8px #00000014}.search-result-item .stock-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;margin-right:16px}.search-result-item .stock-symbol{font-size:15px;font-weight:600;color:#111827;font-family:Inter,sans-serif;letter-spacing:-.01em;line-height:1.2}.search-result-item .stock-name{font-size:13px;color:#6b7280;font-weight:400;line-height:1.3;font-family:Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.search-result-item .stock-sector{font-size:11px;color:#9ca3af;background:rgba(107,114,128,.1);padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content;font-weight:500;margin-top:2px}.search-result-item .stock-price-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;flex-shrink:0;min-width:80px}.search-result-item .stock-price{font-size:15px;font-weight:600;color:#111827;font-variant-numeric:tabular-nums;font-family:Inter,sans-serif;letter-spacing:-.01em;line-height:1.2;white-space:nowrap}.search-result-item .stock-change{font-size:12px;font-weight:500;display:flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums;font-family:Inter,sans-serif;white-space:nowrap}.popular-stocks-section{border-top:1px solid rgba(229,231,235,.5);padding-top:24px;margin-top:24px}.popular-stocks-header{margin-bottom:20px}.popular-stocks-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0;font-family:Inter,sans-serif;letter-spacing:-.01em}.filter-controls{display:flex;gap:.5rem}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #E5E7EB;border-radius:.5rem;background:rgba(255,255,255,.8);color:#6b7280;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-toggle-btn:hover{border-color:#10b981;color:#10b981;background:rgba(16,185,129,.05)}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:1rem;background:rgba(249,250,251,.8);border-radius:.75rem;border:1px solid rgba(229,231,235,.6)}.filter-option{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid #E5E7EB;border-radius:.5rem;background:rgba(255,255,255,.8);color:#6b7280;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-option:hover{border-color:#10b981;color:#10b981;background:rgba(16,185,129,.05)}.filter-option.active{border-color:#10b981;background:linear-gradient(135deg,#ECFDF5 0%,#D1FAE5 100%);color:#065f46;box-shadow:0 0 0 2px #10b9811a}.popular-stocks-list{display:flex;flex-direction:column;gap:2px;margin-bottom:1rem;max-height:450px;overflow-y:auto;overflow-x:hidden;padding:12px;border:1px solid rgba(229,231,235,.4);border-radius:12px;background:rgba(249,250,251,.3);box-shadow:0 0 0 1px #00000005,0 2px 8px #0000000a;transition:all .2s ease}.popular-stocks-list::-webkit-scrollbar{width:8px}.popular-stocks-list::-webkit-scrollbar-track{background:#F8FAFC;border-radius:4px;margin:4px 0}.popular-stocks-list::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:4px;border:1px solid #F1F5F9;transition:background-color .2s ease}.popular-stocks-list::-webkit-scrollbar-thumb:hover{background:#94A3B8}.popular-stocks-list::-webkit-scrollbar-thumb:active{background:#64748B}.popular-stock-item{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#FFFFFF 0%,#FEFEFE 100%);border:1px solid rgba(229,231,235,.4);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-height:84px;overflow:hidden;margin-bottom:8px;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}.popular-stock-item:last-child{margin-bottom:0}.popular-stock-item:hover{background:linear-gradient(135deg,#F8FAFC 0%,#F1F5F9 100%);border-color:#3b82f64d;box-shadow:0 0 0 1px #3b82f626,0 8px 25px #00000014,0 4px 12px #3b82f60a;transform:translateY(-2px) scale(1.01)}.popular-stock-item.selected{background:linear-gradient(135deg,#EFF6FF 0%,#DBEAFE 100%);border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6,0 4px 16px #3b82f626}.stock-main-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;margin-right:20px;justify-content:center;position:relative}.stock-main-info:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#3B82F6 0%,#1D4ED8 100%);border-radius:2px;opacity:0;transition:opacity .3s ease}.popular-stock-item:hover .stock-main-info:before{opacity:1}.stock-symbol-container{display:flex;align-items:center;gap:8px;margin-bottom:2px}.popular-stock-item .stock-symbol{font-size:18px;font-weight:800;color:#111827;font-family:Inter,sans-serif;letter-spacing:-.025em;line-height:1.1;text-transform:uppercase;background:linear-gradient(135deg,#111827 0%,#374151 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.watchlist-star{color:#f59e0b;flex-shrink:0;opacity:.8}.popular-stock-item .stock-name{font-size:15px;color:#64748b;font-weight:500;line-height:1.4;font-family:Inter,sans-serif;margin-top:2px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stock-price-info{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;flex-shrink:0;min-width:90px;justify-content:center}.popular-stock-item .stock-price{font-size:18px;font-weight:800;color:#111827;font-variant-numeric:tabular-nums;font-family:Inter,sans-serif;letter-spacing:-.025em;line-height:1.1;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.05)}.popular-stock-item .stock-change{font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:flex-end;gap:4px;font-variant-numeric:tabular-nums;font-family:Inter,sans-serif;white-space:nowrap;padding:6px 12px;border-radius:8px;transition:all .3s ease;margin-top:4px;min-width:80px;text-align:center}.popular-stock-item .stock-change.text-green-500{color:#fff!important;background:linear-gradient(135deg,#10B981 0%,#059669 100%);box-shadow:0 2px 8px #10b98140}.popular-stock-item .stock-change.text-red-500{color:#fff!important;background:linear-gradient(135deg,#EF4444 0%,#DC2626 100%);box-shadow:0 2px 8px #ef444440}.popular-stock-item .stock-change.text-gray-500{color:#fff!important;background:linear-gradient(135deg,#6B7280 0%,#4B5563 100%);box-shadow:0 2px 8px #6b728040}.popular-stock-item.loading{opacity:.6;pointer-events:none}.popular-stock-item.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.popular-stock-item:focus{outline:2px solid #3B82F6;outline-offset:-2px}[data-theme=dark] .popular-stock-item:focus{outline-color:#14f195}.stock-change.positive{color:#059669}.stock-change.negative{color:#dc2626}.stock-change.neutral{color:#6b7280}[data-theme=dark] .stock-change.positive{color:#10b981}[data-theme=dark] .stock-change.negative{color:#ef4444}[data-theme=dark] .stock-change.neutral{color:#9ca3af}.popular-stock-item,.popular-stock-item .stock-symbol,.popular-stock-item .stock-name,.popular-stock-item .stock-price,.popular-stock-item .stock-change{transition:all .25s cubic-bezier(.4,0,.2,1)}.popular-stock-item:hover .stock-symbol{color:#1f2937}.popular-stock-item:hover .stock-name{color:#4b5563}[data-theme=dark] .popular-stock-item:hover .stock-symbol{color:#f9fafb}[data-theme=dark] .popular-stock-item:hover .stock-name{color:#d1d5db}[data-theme=dark] .stock-search-panel{background:#1E293B;border-color:#334155;box-shadow:0 1px 3px #0000004d,0 1px 2px #0003}[data-theme=dark] .search-title,[data-theme=dark] .popular-stocks-title,[data-theme=dark] .stock-symbol,[data-theme=dark] .stock-price{color:#f1f5f9}[data-theme=dark] .refresh-btn{background:rgba(71,85,105,.8);color:#94a3b8}[data-theme=dark] .refresh-btn:hover:not(:disabled){background:rgba(100,116,139,.8);color:#f1f5f9}[data-theme=dark] .search-input{background:#0F172A;border-color:#475569;color:#f1f5f9}[data-theme=dark] .search-input:focus{border-color:#14f195;background:#0F172A;box-shadow:0 0 0 3px #14f19533}[data-theme=dark] .search-input::placeholder{color:#64748b}[data-theme=dark] .clear-search-btn{background:rgba(100,116,139,.2);color:#94a3b8}[data-theme=dark] .clear-search-btn:hover{background:rgba(100,116,139,.3);color:#f1f5f9}[data-theme=dark] .search-results{background:#1E293B;border-color:#334155;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}[data-theme=dark] .search-results::-webkit-scrollbar-track{background:#0F172A;border-radius:4px}[data-theme=dark] .search-results::-webkit-scrollbar-thumb{background:#475569;border:1px solid #334155;border-radius:4px}[data-theme=dark] .search-results::-webkit-scrollbar-thumb:hover{background:#64748B}[data-theme=dark] .search-result-item{background:#1E293B;border-color:#334155}[data-theme=dark] .search-result-item:hover{background:#334155;box-shadow:0 2px 8px #0003}[data-theme=dark] .search-result-item .stock-symbol,[data-theme=dark] .search-result-item .stock-price{color:#f1f5f9}[data-theme=dark] .search-result-item .stock-name{color:#94a3b8}[data-theme=dark] .search-result-item .stock-sector{background:rgba(100,116,139,.2);color:#cbd5e1}[data-theme=dark] .stock-name,[data-theme=dark] .stock-volume{color:#94a3b8}[data-theme=dark] .stock-sector,[data-theme=dark] .stock-sector-tag{background:rgba(100,116,139,.2);color:#cbd5e1}[data-theme=dark] .popular-stocks-section{border-color:#33415599}[data-theme=dark] .popular-stocks-list{background:rgba(30,41,59,.4);border-color:#33415566;box-shadow:0 0 0 1px #0000001a,0 2px 8px #0000004d}[data-theme=dark] .popular-stock-item{background:rgba(30,41,59,.6);border-color:#33415566}[data-theme=dark] .popular-stock-item:hover{background:rgba(51,65,85,.6);border-color:#6366f166;box-shadow:0 0 0 1px #6366f133,0 4px 12px #0003}[data-theme=dark] .popular-stock-item.selected{background:linear-gradient(135deg,rgba(30,58,138,.3) 0%,rgba(59,130,246,.2) 100%);border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6,0 4px 16px #3b82f640}[data-theme=dark] .popular-stock-item .stock-symbol{color:#f1f5f9}[data-theme=dark] .popular-stock-item .stock-name{color:#94a3b8}[data-theme=dark] .popular-stock-item .stock-price{color:#f1f5f9}[data-theme=dark] .popular-stock-item .stock-change.text-green-500{color:#10b981!important;background:rgba(16,185,129,.15)}[data-theme=dark] .popular-stock-item .stock-change.text-red-500{color:#ef4444!important;background:rgba(239,68,68,.15)}[data-theme=dark] .popular-stock-item .stock-change.text-gray-500{color:#9ca3af!important;background:rgba(156,163,175,.15)}[data-theme=dark] .popular-stocks-list::-webkit-scrollbar-track{background:#0F172A;border-radius:4px}[data-theme=dark] .popular-stocks-list::-webkit-scrollbar-thumb{background:#475569;border:1px solid #334155;border-radius:4px}[data-theme=dark] .popular-stocks-list::-webkit-scrollbar-thumb:hover{background:#64748B}[data-theme=dark] .popular-stocks-list::-webkit-scrollbar-thumb:active{background:#94A3B8}[data-theme=dark] .filter-toggle-btn{background:rgba(30,41,59,.8);border-color:#334155;color:#94a3b8}[data-theme=dark] .filter-toggle-btn:hover{border-color:#10b981;color:#14f195;background:rgba(16,185,129,.1)}[data-theme=dark] .filter-options{background:rgba(51,65,85,.8);border-color:#47556999}[data-theme=dark] .filter-option{background:rgba(30,41,59,.8);border-color:#334155;color:#94a3b8}[data-theme=dark] .filter-option:hover{border-color:#10b981;color:#14f195;background:rgba(16,185,129,.1)}[data-theme=dark] .filter-option.active{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.15) 0%,rgba(20,241,149,.1) 100%);color:#14f195;box-shadow:0 0 0 2px #10b98133}[data-theme=dark] .popular-stock-item{background:#1E293B;border-color:#334155}[data-theme=dark] .popular-stock-item:hover{background:#334155;box-shadow:0 2px 8px #0003}[data-theme=dark] .popular-stock-item.selected{background:rgba(20,241,149,.08);border-left-color:#14f195;box-shadow:inset 0 0 0 1px #14f19526}[data-theme=dark] .market-status{background:rgba(16,185,129,.2);border-color:#10b9814d;color:#14f195}@media (max-width: 768px){.stock-search-panel{padding:1rem;border-radius:1rem;max-width:100%}.popular-stocks-list{max-height:350px}.popular-stock-item{padding:12px 14px;min-height:56px}.stock-main-info{margin-right:12px}.popular-stock-item .stock-symbol{font-size:14px}.popular-stock-item .stock-name{font-size:12px;max-width:140px}.popular-stock-item .stock-price{font-size:14px}.popular-stock-item .stock-change{font-size:11px}.stock-price-info{min-width:70px}}@media (max-width: 480px){.stock-search-panel{padding:.75rem}.search-input{padding:.75rem 1rem .75rem 2.5rem;font-size:14px}.search-icon{left:.75rem}.clear-search-btn{right:2.5rem}.popular-stocks-list{max-height:300px;border-radius:.5rem}.popular-stock-item{padding:10px 12px;min-height:52px}.stock-main-info{margin-right:10px}.popular-stock-item .stock-symbol{font-size:13px}.popular-stock-item .stock-name{font-size:11px;max-width:120px}.popular-stock-item .stock-price{font-size:13px}.popular-stock-item .stock-change{font-size:10px}.stock-price-info{min-width:65px}.popular-stocks-list::-webkit-scrollbar{width:6px}}.timeframe-selector{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(229,231,235,.8);border-radius:1rem;padding:1.5rem;margin-top:1.5rem;box-shadow:0 4px 6px -1px #0000000d,inset 0 1px #fff3}.timeframe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(229,231,235,.6)}.timeframe-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:#111827;font-family:Poppins,sans-serif}.timeframe-icon{color:#10b981}.selected-timeframe-info{font-size:.75rem;color:#6b7280;font-weight:500;background:rgba(107,114,128,.1);padding:.25rem .5rem;border-radius:.375rem}.timeframe-groups{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.timeframe-group{display:flex;flex-direction:column;gap:.5rem}.timeframe-group-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.timeframe-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.timeframe-btn{position:relative;display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid #E5E7EB;border-radius:.5rem;background:rgba(255,255,255,.8);color:#6b7280;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;overflow:hidden}.timeframe-btn:hover:not(.active){border-color:var(--timeframe-color);color:var(--timeframe-color);background:rgba(255,255,255,.95);transform:translateY(-1px);box-shadow:0 2px 4px -1px #0000001a}.timeframe-btn.active{border-color:var(--timeframe-color);background:var(--timeframe-color);color:#fff;box-shadow:0 2px 4px -1px #0003}.timeframe-btn-icon{flex-shrink:0}.timeframe-btn-label{font-weight:700}.active-indicator{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--timeframe-color);z-index:-1;border-radius:inherit}.timeframe-presets{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgba(249,250,251,.8);border-radius:.75rem;border:1px solid rgba(229,231,235,.6);margin-bottom:1rem}.preset-label{font-size:.75rem;font-weight:600;color:#6b7280;white-space:nowrap}.preset-buttons{display:flex;gap:.375rem;flex-wrap:wrap}.preset-btn{padding:.375rem .75rem;border:1px solid #E5E7EB;border-radius:.375rem;background:rgba(255,255,255,.8);color:#6b7280;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease}.preset-btn:hover{border-color:#10b981;color:#10b981;background:rgba(16,185,129,.05)}.preset-btn.active{border-color:#10b981;background:#10B981;color:#fff}.market-hours-info{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.2);border-radius:.75rem;padding:1rem}.market-hours-title{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:#065f46;margin-bottom:.5rem}.market-hours-details{display:flex;flex-direction:column;gap:.25rem}.market-session{display:flex;justify-content:space-between;align-items:center;font-size:.7rem}.session-label{color:#6b7280;font-weight:500}.session-time{color:#065f46;font-weight:600;font-variant-numeric:tabular-nums}[data-theme=dark] .timeframe-selector{background:rgba(30,41,59,.95);border-color:#475569cc}[data-theme=dark] .timeframe-header{border-color:#47556999}[data-theme=dark] .timeframe-title{color:#f1f5f9}[data-theme=dark] .selected-timeframe-info{background:rgba(100,116,139,.2);color:#cbd5e1}[data-theme=dark] .timeframe-group-label{color:#94a3b8}[data-theme=dark] .timeframe-btn{background:rgba(30,41,59,.8);border-color:#334155;color:#94a3b8}[data-theme=dark] .timeframe-btn:hover:not(.active){background:rgba(30,41,59,.95);color:var(--timeframe-color)}[data-theme=dark] .timeframe-presets{background:rgba(51,65,85,.8);border-color:#47556999}[data-theme=dark] .preset-label{color:#94a3b8}[data-theme=dark] .preset-btn{background:rgba(30,41,59,.8);border-color:#334155;color:#94a3b8}[data-theme=dark] .preset-btn:hover{background:rgba(16,185,129,.1);color:#14f195}[data-theme=dark] .preset-btn.active{background:#10B981;color:#fff}[data-theme=dark] .market-hours-info{background:rgba(16,185,129,.1);border-color:#10b9814d}[data-theme=dark] .market-hours-title{color:#14f195}[data-theme=dark] .session-label{color:#94a3b8}[data-theme=dark] .session-time{color:#14f195}@media (max-width: 768px){.timeframe-selector{padding:1rem}.timeframe-header{flex-direction:column;gap:.5rem;align-items:flex-start}.timeframe-buttons{justify-content:center}.timeframe-presets{flex-direction:column;gap:.5rem;align-items:flex-start}.preset-buttons{width:100%;justify-content:center}.market-hours-details{gap:.375rem}}@media (max-width: 480px){.timeframe-selector{padding:.75rem}.timeframe-btn{padding:.375rem .5rem;font-size:.7rem}.timeframe-buttons{gap:.375rem}.preset-btn{padding:.25rem .5rem;font-size:.7rem}.market-session{font-size:.65rem}}.order-quantity-control{display:flex;align-items:center;border:1px solid #E5E7EB;border-radius:.75rem;background:#FFFFFF;overflow:hidden;transition:all .2s ease}.order-quantity-control:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.qty-control-btn{width:44px;height:44px;border:none;background:#F9FAFB;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1rem}.qty-control-btn:hover:not(:disabled){background:#F3F4F6;color:#111827}.qty-control-btn:disabled{opacity:.5;cursor:not-allowed}.qty-control-input{flex:1;padding:.875rem 1rem;border:none;background:transparent;color:#111827;font-size:.875rem;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.qty-control-input:focus{outline:none}.order-price-input{width:100%;padding:.875rem 1rem;border:1px solid #E5E7EB;border-radius:.75rem;background:#FFFFFF;color:#111827;font-size:.875rem;font-weight:500;transition:all .2s ease;font-variant-numeric:tabular-nums}.order-price-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.order-price-input:disabled{background:#F9FAFB;color:#9ca3af;cursor:not-allowed}.order-summary-card{background:linear-gradient(135deg,rgba(249,250,251,.8) 0%,rgba(243,244,246,.8) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(229,231,235,.6);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d,inset 0 1px #ffffff1a;transition:all .3s ease}.order-summary-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem}.summary-row:last-child{margin-bottom:0}.summary-row.total{font-weight:700;font-size:1rem;padding-top:.75rem;border-top:1px solid #E5E7EB;margin-top:.75rem}.summary-label{color:#6b7280}.summary-value{color:#111827;font-weight:600;font-variant-numeric:tabular-nums}.summary-value.positive{color:#10b981}.summary-value.negative{color:#ef4444}.profit-loss-indicator{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;padding:.5rem .75rem;border-radius:.5rem;margin-top:1rem}.profit-loss-indicator.profit{background:#ECFDF5;color:#10b981;border:1px solid #D1FAE5}.profit-loss-indicator.loss{background:#FEF2F2;color:#ef4444;border:1px solid #FECACA}.confirm-checkbox{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem;background:#FFFBEB;border:1px solid #FDE68A;border-radius:.75rem}.confirm-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#10B981;cursor:pointer}.confirm-checkbox label{font-size:.875rem;color:#92400e;cursor:pointer;margin:0}.order-modal-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #E5E7EB}.order-action-btn{flex:1;padding:1rem;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px}.order-action-btn.cancel{background:#FFFFFF;color:#6b7280;border:1px solid #E5E7EB}.order-action-btn.cancel:hover{background:#F9FAFB;border-color:#d1d5db}.order-action-btn.place-buy{background:linear-gradient(135deg,#10B981 0%,#14F195 100%);color:#fff;box-shadow:0 4px 6px -1px #10b9814d}.order-action-btn.place-buy:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px -1px #10b98166}.order-action-btn.place-sell{background:linear-gradient(135deg,#EF4444 0%,#F87171 100%);color:#fff;box-shadow:0 4px 6px -1px #ef44444d}.order-action-btn.place-sell:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px -1px #ef444466}.order-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.market-closed-indicator{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#f59e0b;background:#FFFBEB;padding:.25rem .5rem;border-radius:.375rem;border:1px solid #FDE68A;margin-top:.25rem}.price-loading{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280;margin-top:.5rem}.price-loading .loading-spinner{width:12px;height:12px}[data-theme=dark] .market-closed-indicator{color:#fcd34d;background:rgba(245,158,11,.1);border-color:#f59e0b4d}[data-theme=dark] .price-loading{color:#94a3b8}.confirmation-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;padding:1rem;box-sizing:border-box;pointer-events:auto!important}.confirmation-modal{background:#FFFFFF!important;border:1px solid #E5E7EB;border-radius:1.5rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative!important;z-index:1000000!important;box-shadow:0 25px 50px -12px #00000059,0 0 0 1px #ffffff0d;animation:confirmationSlideIn .4s cubic-bezier(.4,0,.2,1);pointer-events:auto!important}@keyframes confirmationSlideIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #E5E7EB}.confirmation-title-section{display:flex;align-items:center;gap:.75rem}.confirmation-icon{color:#10b981;font-size:1.5rem}.confirmation-modal-title{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;color:#111827;margin:0}.confirmation-modal-close{width:40px;height:40px;border:none;background:#F9FAFB;border-radius:.75rem;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.confirmation-modal-close:hover{background:#F3F4F6;color:#111827}.confirmation-modal-body{padding:2rem}.order-type-alert{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:1rem;margin-bottom:2rem;border:1px solid}.order-type-alert.buy-alert{background:linear-gradient(135deg,#ECFDF5 0%,#D1FAE5 100%);border-color:#10b981;color:#065f46}.order-type-alert.sell-alert{background:linear-gradient(135deg,#FEF2F2 0%,#FECACA 100%);border-color:#ef4444;color:#991b1b}.order-type-alert svg{font-size:1.5rem;flex-shrink:0}.alert-title{font-size:1rem;font-weight:700;margin-bottom:.25rem}.alert-subtitle{font-size:.875rem;opacity:.8}.confirmation-stock-info{background:#F9FAFB;border:1px solid #E5E7EB;border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.stock-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.stock-header h3{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.current-price-display{text-align:right;font-size:1.125rem;font-weight:700;color:#111827;font-variant-numeric:tabular-nums}.price-change{display:block;font-size:.875rem;font-weight:600;margin-top:.25rem}.stock-name{font-size:.875rem;color:#6b7280;margin:0}.confirmation-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.detail-card{background:#FFFFFF;border:1px solid #E5E7EB;border-radius:.75rem;padding:1rem}.detail-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.detail-value{font-size:.875rem;font-weight:600;color:#111827}.market-price-note{display:block;font-size:.75rem;font-weight:400;color:#6b7280;margin-top:.25rem}.immediate-execution{display:flex;align-items:center;gap:.25rem;color:#10b981}.limit-execution{color:#f59e0b}.confirmation-financial-summary{background:linear-gradient(135deg,#F9FAFB 0%,#F3F4F6 100%);border:1px solid #E5E7EB;border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.summary-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.summary-rows{display:flex;flex-direction:column;gap:.75rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.summary-row.total-row{font-weight:700;font-size:1rem;padding-top:.75rem;border-top:1px solid #E5E7EB;margin-top:.75rem}.net-amount{color:#111827;font-variant-numeric:tabular-nums}.profit-loss-estimate{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.75rem;margin-top:1rem;border:1px solid}.profit-loss-estimate.profit{background:#ECFDF5;border-color:#d1fae5;color:#065f46}.profit-loss-estimate.loss{background:#FEF2F2;border-color:#fecaca;color:#991b1b}.estimate-label{font-size:.875rem;font-weight:600}.estimate-value{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.risk-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#FFFBEB;border:1px solid #FDE68A;border-radius:.75rem;margin-bottom:2rem;color:#92400e}.risk-warning.market-warning{background:#EFF6FF;border-color:#dbeafe;color:#1e40af}.risk-warning svg{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.warning-title{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.warning-text{font-size:.75rem;line-height:1.4}.confirmation-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #E5E7EB}.confirmation-btn{flex:1;padding:1rem;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px}.confirmation-btn.cancel-btn{background:#FFFFFF;color:#6b7280;border:1px solid #E5E7EB}.confirmation-btn.cancel-btn:hover:not(:disabled){background:#F9FAFB;border-color:#d1d5db}.confirmation-btn.confirm-btn.buy-confirm{background:linear-gradient(135deg,#10B981 0%,#14F195 100%);color:#fff;box-shadow:0 4px 6px -1px #10b9814d}.confirmation-btn.confirm-btn.buy-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px -1px #10b98166}.confirmation-btn.confirm-btn.sell-confirm{background:linear-gradient(135deg,#EF4444 0%,#F87171 100%);color:#fff;box-shadow:0 4px 6px -1px #ef44444d}.confirmation-btn.confirm-btn.sell-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px -1px #ef444466}.confirmation-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.enhanced-confirmation-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.8)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2147483647!important;padding:1rem!important;box-sizing:border-box!important}.enhanced-confirmation-modal{background:#FFFFFF;border-radius:2rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #0006}.enhanced-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:rgba(0,0,0,.1);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.enhanced-modal-close:hover{background:rgba(0,0,0,.2)}.modal-content{padding:2rem}.stock-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #E5E7EB}.stock-info h1.stock-symbol{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.stock-info p.stock-name{font-size:1rem;color:#6b7280;margin:0 0 .75rem}.stock-exchange-badge{display:inline-block;background:linear-gradient(135deg,#3B82F6 0%,#1D4ED8 100%);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:1rem;text-transform:uppercase}.stock-price{text-align:right}.current-price{font-size:1.75rem;font-weight:700;color:#111827;display:block;margin-bottom:.5rem}.price-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500}.price-change.positive{color:#10b981}.price-change.negative{color:#ef4444}.order-details{margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem}.detail-grid{display:grid;gap:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#F9FAFB;border-radius:.75rem}.detail-item .label{font-size:.875rem;color:#6b7280;font-weight:500}.detail-item .value{font-size:.875rem;font-weight:600;color:#111827}.detail-item .value.buy{color:#10b981}.detail-item .value.sell{color:#ef4444}.detail-item.total .value{font-size:1rem;font-weight:700}.profit-loss-analysis{margin-bottom:2rem}.pnl-summary{display:grid;gap:.75rem}.pnl-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#F9FAFB;border-radius:.75rem}.pnl-item.total{background:linear-gradient(135deg,#F3F4F6 0%,#E5E7EB 100%);border:1px solid #D1D5DB}.pnl-item .value.profit{color:#10b981;font-weight:700}.pnl-item .value.loss{color:#ef4444;font-weight:700}.slide-to-confirm{margin-top:2rem}.slide-container{position:relative;width:100%;height:60px;background:#F3F4F6;border-radius:2rem;overflow:hidden;-webkit-user-select:none;user-select:none}.slide-track{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2rem;transition:background .3s ease}.slide-button{position:absolute;top:4px;left:4px;width:52px;height:52px;background:#FFFFFF;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;box-shadow:0 4px 12px #00000026;transition:transform .2s ease;z-index:2}.slide-button svg{color:#6b7280;transition:color .2s ease}.slide-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:600;color:#6b7280;pointer-events:none;z-index:1}.processing-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.processing-animation{margin-bottom:2rem}.spinner{width:60px;height:60px;border:4px solid #E5E7EB;border-top:4px solid #3B82F6;border-radius:50%}.processing-content h2{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.processing-content p{font-size:1rem;color:#6b7280}.success-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10B981 0%,#059669 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.success-icon svg{color:#fff;font-size:2.5rem}.success-content h2{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:.5rem}.success-content p{font-size:1rem;color:#6b7280;margin-bottom:2rem}.success-button{background:linear-gradient(135deg,#3B82F6 0%,#1D4ED8 100%);color:#fff;border:none;border-radius:1rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.success-button:hover{transform:translateY(-1px);box-shadow:0 8px 25px #3b82f64d}[data-theme=dark] .enhanced-confirmation-modal{background:#1F2937;box-shadow:0 25px 50px -12px #0009}[data-theme=dark] .enhanced-modal-close{background:rgba(255,255,255,.1)}[data-theme=dark] .enhanced-modal-close:hover{background:rgba(255,255,255,.2)}[data-theme=dark] .stock-header{border-color:#374151}[data-theme=dark] .stock-info h1.stock-symbol{color:#f9fafb}[data-theme=dark] .stock-info p.stock-name{color:#9ca3af}[data-theme=dark] .current-price,[data-theme=dark] .section-title{color:#f9fafb}[data-theme=dark] .detail-item,[data-theme=dark] .pnl-item{background:#374151}[data-theme=dark] .detail-item .label,[data-theme=dark] .pnl-item .label{color:#9ca3af}[data-theme=dark] .detail-item .value,[data-theme=dark] .pnl-item .value{color:#f9fafb}[data-theme=dark] .pnl-item.total{background:linear-gradient(135deg,#374151 0%,#4B5563 100%);border-color:#6b7280}[data-theme=dark] .slide-container{background:#374151}[data-theme=dark] .slide-text{color:#9ca3af}[data-theme=dark] .processing-content h2,[data-theme=dark] .success-content h2{color:#f9fafb}[data-theme=dark] .processing-content p,[data-theme=dark] .success-content p{color:#9ca3af}.confirmation-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;transform:none!important;clip:none!important;clip-path:none!important;contain:none!important;isolation:auto!important;mix-blend-mode:normal!important;filter:none!important;mask:none!important;opacity:1!important;visibility:visible!important;z-index:999999!important}.chart-wrapper .confirmation-modal-overlay,.chart-container .confirmation-modal-overlay,* .confirmation-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:999999!important}.app-level-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:2147483647!important;background:rgba(0,0,0,.8)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;box-sizing:border-box!important;pointer-events:auto!important}.confirmation-modal{transform:none!important;clip:none!important;clip-path:none!important;contain:none!important;isolation:auto!important;mix-blend-mode:normal!important;mask:none!important;opacity:1!important;visibility:visible!important}.confirmation-icon-wrapper{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.confirmation-icon-wrapper.buy-icon{background:linear-gradient(135deg,#10B981 0%,#14F195 100%);box-shadow:0 8px 32px #10b9814d}.confirmation-icon-wrapper.sell-icon{background:linear-gradient(135deg,#EF4444 0%,#F87171 100%);box-shadow:0 8px 32px #ef44444d}.confirmation-icon-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.confirmation-icon{color:#fff;font-size:1.5rem;z-index:1}.confirmation-icon.success{color:#10b981;font-size:2rem}.confirmation-icon.processing{color:#f59e0b;font-size:1.75rem}.title-content{display:flex;flex-direction:column;gap:.25rem}.confirmation-modal-subtitle{font-size:.875rem;color:#6b7280;margin:0;font-weight:400}.market-badge{display:inline-block;background:linear-gradient(135deg,#F59E0B 0%,#FBBF24 100%);color:#fff;font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:.375rem;margin-left:.5rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #f59e0b4d}.processing-progress{background:linear-gradient(135deg,#F9FAFB 0%,#F3F4F6 100%);border:1px solid #E5E7EB;border-radius:1rem;padding:1.5rem;margin-bottom:2rem;text-align:center}.progress-bar{width:100%;height:8px;background:#E5E7EB;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#10B981 0%,#14F195 100%);border-radius:4px;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressShimmer 1.5s infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:.875rem;font-weight:600;color:#111827;margin:0}.success-message{text-align:center;padding:2rem;background:linear-gradient(135deg,#ECFDF5 0%,#D1FAE5 100%);border:1px solid #10B981;border-radius:1rem;margin-bottom:2rem}.success-icon{font-size:3rem;color:#10b981;margin-bottom:1rem}.success-message h3{font-size:1.25rem;font-weight:700;color:#065f46;margin:0 0 .5rem}.success-message p{font-size:.875rem;color:#047857;margin:0}.processing-status{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:linear-gradient(135deg,#FEF3C7 0%,#FDE68A 100%);border:1px solid #F59E0B;border-radius:1rem}.processing-spinner{position:relative;width:48px;height:48px}.spinner-ring{width:48px;height:48px;border:4px solid #FDE68A;border-top:4px solid #F59E0B;border-radius:50%}.processing-text h4{font-size:1rem;font-weight:700;color:#92400e;margin:0 0 .25rem}.processing-text p{font-size:.875rem;color:#b45309;margin:0}.confirmation-btn{position:relative;overflow:hidden}.confirmation-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.confirmation-btn:hover:before{left:100%}.btn-amount{font-size:.75rem;opacity:.8;margin-left:.5rem;font-weight:500}.stock-title-section{display:flex;align-items:center;gap:.75rem}.stock-exchange{display:inline-block;background:linear-gradient(135deg,#3B82F6 0%,#1D4ED8 100%);color:#fff;font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:.375rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #3b82f64d}.stock-meta{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #E5E7EB}.last-updated{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.confirmation-modal.processing{transform:scale(1.02);box-shadow:0 32px 64px -12px #0006,0 0 0 1px #ffffff1a}.confirmation-modal.success{transform:scale(1);box-shadow:0 25px 50px -12px #10b9814d,0 0 0 1px #10b98133}.success-btn{background:linear-gradient(135deg,#10B981 0%,#14F195 100%);color:#fff;box-shadow:0 4px 6px -1px #10b9814d;width:100%}.success-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px -1px #10b98166}[data-theme=dark] .confirmation-modal{background:#1E293B;border-color:#334155;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff1a}[data-theme=dark] .confirmation-modal-header{border-color:#334155}[data-theme=dark] .confirmation-modal-title{color:#f1f5f9}[data-theme=dark] .confirmation-modal-close{background:#334155;color:#94a3b8}[data-theme=dark] .confirmation-modal-close:hover{background:#475569;color:#f1f5f9}[data-theme=dark] .order-type-alert.buy-alert{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgba(20,241,149,.1) 100%);border-color:#10b981;color:#14f195}[data-theme=dark] .order-type-alert.sell-alert{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(248,113,113,.1) 100%);border-color:#ef4444;color:#f87171}[data-theme=dark] .confirmation-stock-info{background:#334155;border-color:#475569}[data-theme=dark] .stock-header h3,[data-theme=dark] .current-price-display,[data-theme=dark] .detail-value,[data-theme=dark] .summary-title,[data-theme=dark] .net-amount{color:#f1f5f9}[data-theme=dark] .stock-name,[data-theme=dark] .detail-label,[data-theme=dark] .market-price-note{color:#94a3b8}[data-theme=dark] .detail-card{background:#1E293B;border-color:#334155}[data-theme=dark] .confirmation-financial-summary{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-color:#475569}[data-theme=dark] .summary-row.total-row{border-color:#475569}[data-theme=dark] .profit-loss-estimate.profit{background:rgba(16,185,129,.1);border-color:#10b9814d;color:#14f195}[data-theme=dark] .profit-loss-estimate.loss{background:rgba(239,68,68,.1);border-color:#ef44444d;color:#f87171}[data-theme=dark] .risk-warning{background:rgba(245,158,11,.1);border-color:#f59e0b4d;color:#fcd34d}[data-theme=dark] .risk-warning.market-warning{background:rgba(59,130,246,.1);border-color:#3b82f64d;color:#60a5fa}[data-theme=dark] .confirmation-actions{border-color:#334155}[data-theme=dark] .confirmation-btn.cancel-btn{background:#1E293B;color:#94a3b8;border-color:#334155}[data-theme=dark] .confirmation-btn.cancel-btn:hover:not(:disabled){background:#334155;border-color:#475569}[data-theme=dark] .confirmation-modal-subtitle{color:#94a3b8}[data-theme=dark] .market-badge{background:linear-gradient(135deg,#F59E0B 0%,#FBBF24 100%);box-shadow:0 2px 4px #f59e0b66}[data-theme=dark] .processing-progress{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-color:#475569}[data-theme=dark] .progress-bar{background:#475569}[data-theme=dark] .progress-text{color:#f1f5f9}[data-theme=dark] .success-message{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgba(20,241,149,.1) 100%);border-color:#10b981}[data-theme=dark] .success-message h3{color:#14f195}[data-theme=dark] .success-message p{color:#10b981}[data-theme=dark] .processing-status{background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,rgba(251,191,36,.1) 100%);border-color:#f59e0b}[data-theme=dark] .spinner-ring{border-color:#f59e0b4d;border-top-color:#f59e0b}[data-theme=dark] .processing-text h4{color:#fcd34d}[data-theme=dark] .processing-text p{color:#fbbf24}[data-theme=dark] .btn-amount{opacity:.9}[data-theme=dark] .stock-exchange{background:linear-gradient(135deg,#3B82F6 0%,#1D4ED8 100%);box-shadow:0 2px 4px #3b82f666}[data-theme=dark] .stock-meta{border-color:#475569}[data-theme=dark] .last-updated{color:#94a3b8}[data-theme=dark] .confirmation-modal.processing{box-shadow:0 32px 64px -12px #0009,0 0 0 1px #ffffff26}[data-theme=dark] .confirmation-modal.success{box-shadow:0 25px 50px -12px #10b98166,0 0 0 1px #10b9814d}@media (max-width: 768px){.confirmation-modal{max-width:100%;margin:.5rem}.confirmation-modal-header{padding:1.5rem 1.5rem 1rem}.confirmation-modal-title{font-size:1.25rem}.confirmation-modal-body{padding:1.5rem}.confirmation-details-grid{grid-template-columns:1fr;gap:.75rem}.confirmation-actions{flex-direction:column;gap:.75rem}.stock-header{flex-direction:column;gap:.5rem;align-items:flex-start}.current-price-display{text-align:left}}@media (max-width: 480px){.confirmation-modal-overlay{padding:.25rem}.confirmation-modal-header,.confirmation-modal-body,.order-type-alert,.confirmation-stock-info,.confirmation-financial-summary{padding:1rem}}@media (max-width: 1024px){.trading-grid{grid-template-columns:1fr;grid-template-areas:"stocks" "orders" "recent"}}@media (max-width: 768px){.trading-page{padding:1rem}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.search-container{width:100%}.trading-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.card-header{padding:1rem;flex-direction:column;gap:1rem;align-items:flex-start}.card-content{padding:1rem}.order-item{grid-template-columns:1fr;gap:.5rem;text-align:left}.order-price,.order-status{justify-content:flex-start}}@media (max-width: 480px){.trading-stats{grid-template-columns:1fr}.transaction-type{flex-direction:column}.order-actions-grid{gap:.5rem}.enhanced-order-btn{padding:.75rem;font-size:.8rem}}@media (hover: none) and (pointer: coarse){.stock-item{padding:1.25rem;min-height:60px}.order-type-btn,.confirmation-btn,.order-action-btn{min-height:48px;padding:1rem}.qty-control-btn{width:48px;height:48px}.context-menu-item{padding:1rem;min-height:48px}}.stock-item{position:relative;overflow:hidden}.stock-item:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);transition:left .3s ease;pointer-events:none}.stock-item:active:after{left:100%}@media (max-width: 768px){.stock-context-menu{min-width:280px;max-width:90vw}.context-menu-item{padding:1rem;font-size:1rem}.menu-item-shortcut{display:none}}@media (max-width: 768px) and (orientation: landscape){.order-modal,.confirmation-modal{max-height:85vh}.order-modal-body,.confirmation-modal-body{padding:1rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.loading-spinner{border-width:1px}.order-modal,.confirmation-modal{border-width:.5px}}[data-theme=dark] .trading-page{background:#0F172A}[data-theme=dark] .trading-header{background:linear-gradient(135deg,rgba(30,41,59,.95) 0%,rgba(51,65,85,.9) 100%);border-color:#334155}[data-theme=dark] .stat-card,[data-theme=dark] .trading-card{background:#1E293B;border-color:#334155}[data-theme=dark] .card-header{background:#334155;border-color:#475569}[data-theme=dark] .search-input,[data-theme=dark] .order-select,[data-theme=dark] .price-input,[data-theme=dark] .quantity-input{background:#1E293B;border-color:#334155;color:#f1f5f9}[data-theme=dark] .selected-stock,[data-theme=dark] .order-summary{background:#334155;border-color:#475569}[data-theme=dark] .stock-item:hover,[data-theme=dark] .order-item:hover{background:#334155}[data-theme=dark] .qty-btn{background:#334155;color:#9ca3af}[data-theme=dark] .qty-btn:hover{background:#475569;color:#f1f5f9}[data-theme=dark] .order-modal{background:#1E293B;border-color:#334155;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}[data-theme=dark] .order-modal-header{border-color:#334155}[data-theme=dark] .order-modal-title{color:#f1f5f9}[data-theme=dark] .order-modal-close{background:#334155;color:#94a3b8}[data-theme=dark] .order-modal-close:hover{background:#475569;color:#f1f5f9}[data-theme=dark] .order-stock-info{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-color:#475569}[data-theme=dark] .order-stock-details h3,[data-theme=dark] .current-price,[data-theme=dark] .section-title,[data-theme=dark] .order-input-group label,[data-theme=dark] .order-method-select label,[data-theme=dark] .order-summary-title,[data-theme=dark] .summary-value{color:#f1f5f9}[data-theme=dark] .order-stock-details p,[data-theme=dark] .summary-label{color:#94a3b8}[data-theme=dark] .order-type-btn{background:#1E293B;border-color:#334155;color:#94a3b8}[data-theme=dark] .order-type-btn.active.buy{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgba(20,241,149,.1) 100%);color:#14f195}[data-theme=dark] .order-type-btn.active.sell{border-color:#ef4444;background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(248,113,113,.1) 100%);color:#f87171}[data-theme=dark] .order-method-select select,[data-theme=dark] .order-price-input,[data-theme=dark] .order-quantity-control{background:#1E293B;border-color:#334155;color:#f1f5f9}[data-theme=dark] .order-method-select select:focus,[data-theme=dark] .order-price-input:focus,[data-theme=dark] .order-quantity-control:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}[data-theme=dark] .qty-control-btn{background:#334155;color:#94a3b8}[data-theme=dark] .qty-control-btn:hover:not(:disabled){background:#475569;color:#f1f5f9}[data-theme=dark] .order-summary-card{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-color:#475569}[data-theme=dark] .summary-row.total{border-color:#475569}[data-theme=dark] .profit-loss-indicator.profit{background:rgba(16,185,129,.1);color:#14f195;border-color:#10b9814d}[data-theme=dark] .profit-loss-indicator.loss{background:rgba(239,68,68,.1);color:#f87171;border-color:#ef44444d}[data-theme=dark] .confirm-checkbox{background:rgba(245,158,11,.1);border-color:#f59e0b4d}[data-theme=dark] .confirm-checkbox label{color:#fcd34d}[data-theme=dark] .order-modal-actions{border-color:#334155}[data-theme=dark] .order-action-btn.cancel{background:#1E293B;color:#94a3b8;border-color:#334155}[data-theme=dark] .order-action-btn.cancel:hover{background:#334155;border-color:#475569}.error-text{font-size:.75rem;color:#ef4444;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#FEF2F2;border:1px solid #FECACA;border-radius:.5rem;color:#ef4444;font-size:.875rem;font-weight:500;margin-top:1rem}[data-theme=dark] .error-text{color:#f87171}[data-theme=dark] .error-message{background:rgba(239,68,68,.1);border-color:#ef44444d;color:#f87171}@media (max-width: 768px){.order-modal-overlay{padding:.5rem}.order-modal{max-width:100%;max-height:95vh}.order-modal-header{padding:1.5rem 1.5rem 1rem}.order-modal-title{font-size:1.25rem}.order-modal-body{padding:1.5rem}.order-stock-info{flex-direction:column;gap:1rem;text-align:center}.order-stock-price{text-align:center}.order-inputs-grid{grid-template-columns:1fr;gap:1.5rem}.order-modal-actions{flex-direction:column;gap:.75rem}.order-action-btn{padding:.875rem}}@media (max-width: 480px){.order-modal-overlay{padding:.25rem}.order-modal-header,.order-modal-body,.order-stock-info,.order-summary-card{padding:1rem}.current-price{font-size:1.25rem}}.order-modal-overlay{animation:fadeIn .3s ease-out}.order-type-btn{position:relative;overflow:hidden}.order-type-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.order-type-btn:hover:before{left:100%}.order-action-btn{position:relative;overflow:hidden}.order-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.order-action-btn:hover:not(:disabled):before{left:100%}.order-summary-card{animation:slideUp .4s ease-out .1s both}.profit-loss-indicator{animation:slideUp .4s ease-out .2s both}.order-modal:focus{outline:2px solid #10B981;outline-offset:2px}.order-type-btn:focus,.order-action-btn:focus,.qty-control-btn:focus{outline:2px solid #10B981;outline-offset:2px}.order-price-input:focus,.qty-control-input:focus,.order-method-select select:focus{outline:2px solid #10B981;outline-offset:2px}@media (prefers-contrast: high){.order-modal{border:2px solid #000000}.order-type-btn,.order-action-btn{border-width:2px}}@media (prefers-reduced-motion: reduce){.order-modal,.order-type-btn,.order-action-btn,.order-summary-card,.profit-loss-indicator{animation:none;transition:none}.order-type-btn:before,.order-action-btn:before{display:none}}.stock-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.buy-btn-small{padding:6px 12px;background:var(--accent-primary, #10B981);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:50px}.buy-btn-small:hover{background:var(--accent-hover, #059669);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.buy-btn-small:active{transform:translateY(0)}[data-theme=dark] .buy-btn-small{background:#14F195;color:#0f172a}[data-theme=dark] .buy-btn-small:hover{background:#10B981;box-shadow:0 4px 8px #14f1954d}.stock-search-panel{width:100%;position:relative;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;margin-bottom:var(--space-4)}.stock-search{width:100%;position:relative}.stock-search input{width:100%;padding:.875rem 3rem .875rem 1rem;border:1px solid transparent;border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;font-weight:400;line-height:1.5;transition:all .2s ease;margin-bottom:1rem;outline:none;box-shadow:none}.stock-search input:focus{background:var(--elevated-bg);border-color:var(--border-primary);box-shadow:0 1px 3px #0000000d}.stock-search input::placeholder{color:var(--text-tertiary);font-weight:400}.search-input-container{position:relative;margin-bottom:.5rem}.search-icon{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:1rem;pointer-events:none;opacity:.6}.clear-search-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;opacity:.6}.clear-search-btn:hover{color:var(--text-secondary);background:var(--bg-tertiary);opacity:1}.search-loading{position:absolute;right:.875rem;top:50%;transform:translateY(-50%)}.loading-spinner{width:16px;height:16px;border:2px solid var(--border-primary);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.search-results{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:.5rem;background:var(--elevated-bg);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 12px #00000014;max-height:400px;overflow-y:auto;overflow-x:hidden}.results-header{padding:.75rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);font-size:.8125rem;color:var(--text-tertiary);font-weight:500;text-transform:none;letter-spacing:0;position:sticky;top:0;z-index:1}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-primary);background:transparent;position:relative;min-height:64px}.search-result-item:last-child{border-bottom:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.search-result-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.search-result-item:hover{background:var(--bg-secondary)}.search-result-left{display:flex;flex-direction:row;align-items:center;gap:1.5rem;flex:2;min-width:0;margin-right:1.5rem;width:70%}.search-result-left .symbol{font-weight:700;color:var(--text-primary);font-size:1.125rem;letter-spacing:.5px;text-transform:uppercase;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;line-height:1.2;min-width:80px;flex-shrink:0}.search-result-left .name{font-size:.9375rem;color:var(--text-secondary);line-height:1.4;font-weight:500;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px}.search-result-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;min-width:160px;width:40%;text-align:right;flex-shrink:0}.search-result-price{font-weight:800;color:var(--text-primary);font-size:1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.025em;line-height:1.2;margin:0}.search-result-change{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:20px;min-width:fit-content;white-space:nowrap}.search-result-change.positive{color:var(--success-color);background:rgba(20,241,149,.1);border:1px solid rgba(20,241,149,.2)}.search-result-change.negative{color:var(--danger-color);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}.search-result-change.neutral{color:var(--text-tertiary);background:rgba(100,116,139,.1);border:1px solid rgba(100,116,139,.2)}.search-result-item .exchange{position:absolute;top:1.25rem;right:2rem;font-size:.75rem;color:var(--accent-primary);background:rgba(20,241,149,.1);padding:.25rem .75rem;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(20,241,149,.2);z-index:1}.search-result-actions{display:flex;align-items:center;gap:.5rem;opacity:0;transition:all .3s ease;transform:translate(10px);min-width:40px}.search-result-item:hover .search-result-actions{opacity:1;transform:translate(0)}.search-result-actions .watchlist-btn{min-width:32px;min-height:32px;padding:6px;border-radius:8px}.no-results{padding:3rem 2rem;text-align:center;color:var(--text-tertiary);font-size:.9375rem;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:1rem}.no-results-icon{font-size:2.5rem;opacity:.4;margin-bottom:.5rem}.popular-stocks-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-primary)}.popular-stocks-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.popular-stocks-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:350px;overflow-y:auto}.popular-stock-item{background:var(--elevated-bg);border:1px solid var(--border-primary);border-radius:12px;padding:20px 24px;min-height:88px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-stock-item:hover{background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.popular-stock-info{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.popular-stock-symbol{font-weight:700;color:var(--text-primary);font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.popular-stock-name{font-size:.875rem;color:var(--text-secondary);font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.popular-stock-price{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:120px}.popular-stock-value{font-weight:800;color:var(--text-primary);font-size:1.125rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.popular-stock-change{font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:16px}.popular-stock-change.positive{color:var(--success-color);background:rgba(20,241,149,.1)}.popular-stock-change.negative{color:var(--danger-color);background:rgba(239,68,68,.1)}.popular-stock-actions{display:flex;align-items:center;gap:var(--space-2)}.watchlist-btn{background:rgba(100,116,139,.15);border:1px solid rgba(100,116,139,.3);color:#64748b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:32px;min-height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.watchlist-btn:hover{background:rgba(245,158,11,.1);border-color:#f59e0b66;color:#f59e0b;transform:scale(1.05)}.watchlist-btn.active{background:linear-gradient(135deg,#F59E0B 0%,#EAB308 100%);border-color:#f59e0b;color:#fff}.watchlist-btn svg{width:16px;height:16px;stroke-width:2;stroke:currentColor;fill:none}.watchlist-btn.active svg{fill:currentColor}[data-theme=dark] .stock-search-panel{background:var(--dark-bg-secondary);border-color:var(--dark-border)}[data-theme=dark] .stock-search input{background:var(--dark-bg-tertiary);color:var(--dark-text-primary)}[data-theme=dark] .stock-search input:focus{background:var(--dark-bg-secondary);border-color:var(--dark-border);box-shadow:0 1px 3px #0003}[data-theme=dark] .stock-search input::placeholder{color:var(--dark-text-tertiary)}[data-theme=dark] .search-icon,[data-theme=dark] .clear-search-btn{color:var(--dark-text-tertiary)}[data-theme=dark] .clear-search-btn:hover{color:var(--dark-text-secondary);background:var(--dark-bg-primary)}[data-theme=dark] .search-results{background:var(--dark-bg-secondary);border-color:var(--dark-border)}[data-theme=dark] .results-header{background:var(--dark-bg-tertiary);border-color:var(--dark-border);color:var(--dark-text-tertiary)}[data-theme=dark] .search-result-item{background:var(--dark-bg-secondary);border-color:var(--dark-border)}[data-theme=dark] .search-result-item:hover{background:var(--dark-bg-tertiary);border-left-color:var(--dark-accent)}[data-theme=dark] .search-result-left .symbol{color:var(--dark-text-primary)}[data-theme=dark] .search-result-left .name{color:var(--dark-text-secondary)}[data-theme=dark] .search-result-price{color:var(--dark-text-primary)}[data-theme=dark] .search-result-item .exchange{color:var(--dark-accent);background:rgba(20,241,149,.1);border-color:#14f19533}[data-theme=dark] .popular-stocks-section{border-color:var(--dark-border)}[data-theme=dark] .popular-stocks-title{color:var(--dark-text-primary)}[data-theme=dark] .popular-stock-item{background:var(--dark-bg-secondary);border-color:var(--dark-border)}[data-theme=dark] .popular-stock-item:hover{background:var(--dark-bg-tertiary)}[data-theme=dark] .popular-stock-symbol{color:var(--dark-text-primary)}[data-theme=dark] .popular-stock-name{color:var(--dark-text-secondary)}[data-theme=dark] .popular-stock-value{color:var(--dark-text-primary)}[data-theme=dark] .watchlist-btn{background:rgba(30,41,59,.6);border-color:#47556966;color:#94a3b8}[data-theme=dark] .watchlist-btn:hover{background:rgba(30,41,59,.8);border-color:#f59e0b99;color:#f59e0b}[data-theme=dark] .watchlist-btn.active{background:linear-gradient(135deg,#14F195 0%,#10B981 100%);border-color:#14f195;color:#0f172a}[data-theme=dark] .watchlist-btn svg{stroke:currentColor}@media (max-width: 768px){.stock-search-panel{padding:var(--space-4);margin-bottom:var(--space-4)}.search-result-item{padding:1.25rem 1rem;flex-direction:column;align-items:flex-start;gap:1rem;min-height:auto}.search-result-left{flex-direction:column;align-items:flex-start;gap:.5rem;margin-right:0;width:100%}.search-result-left .symbol{min-width:auto}.search-result-left .name{max-width:none;white-space:normal;overflow:visible;text-overflow:initial}.search-result-right{align-items:flex-start;min-width:auto;width:100%;text-align:left}.search-result-item .exchange{position:static;align-self:flex-end;margin-top:-3rem}.popular-stock-item{padding:16px;flex-direction:column;align-items:flex-start;gap:12px;min-height:auto}.popular-stock-price{align-items:flex-start;min-width:auto;width:100%}}@media (max-width: 480px){.stock-search-panel{padding:var(--space-3)}.stock-search input{padding:.875rem 1rem;font-size:.9375rem}.search-result-item{padding:.875rem}.popular-stock-item{padding:12px}}.charts-stock-search{margin-bottom:0;border:none;box-shadow:none;background:transparent;padding:0;max-width:100%}.charts-stock-search .search-title,.charts-stock-search .popular-stocks-title{display:none}.charts-stock-search .popular-stocks-section{border-top:none;padding-top:0;margin-top:0}.charts-stock-search .search-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.charts-stock-search .popular-stocks-list{max-height:350px;border-radius:.5rem;background:transparent;border:none;box-shadow:none}.charts-stock-search .popular-stock-item{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08)}.charts-stock-search .popular-stock-item:hover{background:rgba(255,255,255,.05);border:none;box-shadow:none;transform:none}.charts-stock-search .search-input-container{position:relative}.charts-stock-search .search-results{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:.5rem}[data-theme=dark] .charts-stock-search .popular-stock-item{background:transparent;border:none}[data-theme=dark] .charts-stock-search .popular-stock-item:hover{background:rgba(255,255,255,.08);border:none;box-shadow:none}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;color:var(--text-tertiary)}.no-results svg{margin-bottom:1rem;opacity:.5}.no-results p{font-size:.9375rem;font-weight:500;color:var(--text-secondary);margin:0 0 .5rem}.no-results small{font-size:.8125rem;color:var(--text-tertiary);opacity:.8}[data-theme=dark] .no-results p{color:var(--dark-text-secondary)}[data-theme=dark] .no-results small{color:var(--dark-text-tertiary)}:root{--light-bg-primary: #F9FAFB;--light-bg-secondary: #FFFFFF;--light-bg-tertiary: #F3F4F6;--light-border: #E5E7EB;--light-text-primary: #111827;--light-text-secondary: #4B5563;--light-text-tertiary: #6B7280;--light-accent: #10B981;--light-accent-hover: #059669;--light-accent-light: rgba(16, 185, 129, .1);--light-positive: #10B981;--light-negative: #EF4444;--dark-bg-primary: #0F172A;--dark-bg-secondary: #1E293B;--dark-bg-tertiary: #334155;--dark-border: #334155;--dark-text-primary: #F8FAFC;--dark-text-secondary: #CBD5E1;--dark-text-tertiary: #94A3B8;--dark-accent: #14F195;--dark-accent-hover: #10B981;--dark-accent-light: rgba(20, 241, 149, .1);--dark-positive: #14F195;--dark-negative: #F87171}.charts-page{width:100%;min-height:100vh;padding:var(--space-4);background:var(--light-bg-primary);color:var(--light-text-primary);font-family:var(--font-sans)}.charts-container{width:100%;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.charts-content{display:grid;grid-template-columns:1fr;gap:var(--space-6);min-height:calc(100vh - 200px)}@media (min-width: 1024px){.charts-content{grid-template-columns:420px 1fr}}.charts-header{background:var(--light-bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;border:1px solid var(--light-border)}.charts-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--light-accent) 0%,var(--light-accent-hover) 100%)}.header-left{display:flex;flex-direction:column;gap:var(--space-3)}.page-title{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--light-text-primary)}.page-title svg{color:var(--light-accent)}.stock-info{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.stock-info h2{font-size:1.25rem;font-weight:600;margin:0}.symbol{color:var(--light-text-tertiary);font-weight:500}.charts-sidebar{background:var(--light-bg-secondary);border-radius:var(--radius-2xl);border:1px solid var(--light-border);overflow:hidden;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);height:auto;box-shadow:var(--shadow-sm);order:2}@media (min-width: 1024px){.charts-sidebar{height:100%;position:sticky;top:24px;order:1}}.custom-results{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stocks-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--light-text-tertiary) transparent}.stocks-list::-webkit-scrollbar{width:4px}.stocks-list::-webkit-scrollbar-track{background:transparent}.stocks-list::-webkit-scrollbar-thumb{background-color:var(--light-text-tertiary);border-radius:var(--radius-full)}.stock-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.stock-item:hover{background:var(--light-bg-tertiary)}.stock-item.active{background:var(--light-accent-light);border-color:var(--light-accent)}.stock-item .stock-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.stock-item .symbol{font-weight:600;font-size:.875rem;color:var(--light-text-primary)}.stock-item .name{font-size:.75rem;color:var(--light-text-tertiary)}.stock-price{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.stock-price .price{font-weight:600;font-size:.875rem;color:var(--light-text-primary)}.stock-price .change{font-size:.75rem}.stock-price .change.positive{color:var(--light-positive)}.stock-price .change.negative{color:var(--light-negative)}.timeframe-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(45px,1fr));gap:var(--space-2)}@media (max-width: 480px){.timeframe-buttons{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px){.timeframe-buttons{grid-template-columns:repeat(7,1fr)}}.timeframe-btn{padding:clamp(8px,2vw,12px);border-radius:var(--radius-md);background:var(--light-bg-tertiary);color:var(--light-text-tertiary);border:1px solid rgba(229,231,235,.8);font-size:clamp(11px,2vw,13px);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:36px;display:flex;align-items:center;justify-content:center}.timeframe-btn:hover{background:rgba(255,255,255,1);color:var(--light-text-secondary);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.timeframe-btn.active{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:0 6px 16px #3b82f64d}.chart-type-buttons{display:flex;flex-direction:column;gap:var(--space-2)}.chart-type-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--light-bg-tertiary);color:var(--light-text-tertiary);border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.chart-type-btn:hover{background:var(--light-border);color:var(--light-text-secondary)}.chart-type-btn.active{background:var(--light-accent);color:#fff}.chart-type-btn.active svg{color:#fff}.indicators-list{display:flex;flex-direction:column;gap:var(--space-2)}.indicator-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.indicator-item:hover{background:var(--light-bg-tertiary)}.indicator-item.active{background:var(--light-accent-light)}.indicator-color{width:12px;height:12px;border-radius:var(--radius-full)}.chart-main{background:var(--light-bg-secondary);border-radius:var(--radius-2xl);border:1px solid var(--light-border);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);min-height:500px;order:1}@media (min-width: 1024px){.chart-main{order:2;min-height:650px}}.chart-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-top:1px solid var(--light-border);background:var(--light-bg-tertiary)}.footer-left,.footer-right{display:flex;gap:var(--space-6);align-items:center}.volume-info,.market-cap-info,.last-updated{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--light-text-tertiary)}[data-theme=dark] .charts-page{background:var(--dark-bg-primary);color:var(--dark-text-primary)}[data-theme=dark] .charts-header,[data-theme=dark] .charts-sidebar,[data-theme=dark] .chart-main{background:var(--dark-bg-secondary);border-color:var(--dark-border)}[data-theme=dark] .charts-header:before{background:linear-gradient(90deg,var(--dark-accent) 0%,var(--dark-accent-hover) 100%)}[data-theme=dark] .page-title,[data-theme=dark] .stock-info h2{color:var(--dark-text-primary)}[data-theme=dark] .page-title svg{color:var(--dark-accent)}[data-theme=dark] .symbol,[data-theme=dark] .stock-item .name{color:var(--dark-text-tertiary)}[data-theme=dark] .stock-item .symbol,[data-theme=dark] .stock-price .price{color:var(--dark-text-primary)}[data-theme=dark] .no-results{color:var(--dark-text-tertiary)}[data-theme=dark] .stock-item:hover{background:var(--dark-bg-tertiary)}[data-theme=dark] .stock-item.active{background:var(--dark-accent-light);border-color:var(--dark-accent)}[data-theme=dark] .timeframe-btn,[data-theme=dark] .chart-type-btn{background:var(--dark-bg-tertiary);color:var(--dark-text-tertiary)}[data-theme=dark] .timeframe-btn:hover,[data-theme=dark] .chart-type-btn:hover{background:var(--dark-border);color:var(--dark-text-secondary)}[data-theme=dark] .timeframe-btn.active,[data-theme=dark] .chart-type-btn.active{background:var(--dark-accent);color:var(--dark-bg-primary)}[data-theme=dark] .indicator-item:hover{background:var(--dark-bg-tertiary)}[data-theme=dark] .indicator-item.active{background:var(--dark-accent-light)}[data-theme=dark] .chart-footer{background:var(--dark-bg-tertiary);border-color:var(--dark-border)}[data-theme=dark] .volume-info,[data-theme=dark] .market-cap-info,[data-theme=dark] .last-updated{color:var(--dark-text-tertiary)}[data-theme=dark] .stock-price .change.positive{color:var(--dark-positive)}[data-theme=dark] .stock-price .change.negative{color:var(--dark-negative)}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);outline:none;min-height:44px;position:relative;overflow:hidden}.btn-premium:focus{outline:2px solid var(--light-accent);outline-offset:2px}.btn-premium.btn-primary{background:linear-gradient(135deg,var(--light-accent) 0%,var(--light-accent-hover) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-premium.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-premium.btn-secondary{background:var(--light-bg-secondary);color:var(--light-text-primary);border:1px solid var(--light-border);box-shadow:var(--shadow-sm)}.btn-premium.btn-secondary:hover{background:var(--light-bg-tertiary);border-color:var(--light-accent);transform:translateY(-1px)}.btn-premium.btn-ghost{background:transparent;color:var(--light-text-tertiary);border:1px solid transparent}.btn-premium.btn-ghost:hover{background:var(--light-bg-tertiary);color:var(--light-accent)}.btn-premium:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .5s ease-in-out}.currency-inr:before{content:"₹";margin-right:2px}.price-large{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.price-medium{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}.price-small{font-size:.875rem;font-weight:500;font-variant-numeric:tabular-nums}.loading-skeleton{background:linear-gradient(90deg,var(--light-bg-tertiary) 25%,var(--light-border) 50%,var(--light-bg-tertiary) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner{width:20px;height:20px;border:2px solid var(--light-bg-tertiary);border-top:2px solid var(--light-accent);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1200px){.charts-content{grid-template-columns:380px 1fr}}@media (max-width: 992px){.charts-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.charts-sidebar{height:auto}}@media (max-width: 768px){.charts-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.header-actions{width:100%;justify-content:flex-start}.chart-footer{flex-direction:column;gap:var(--space-4);align-items:flex-start}.footer-left,.footer-right{width:100%}}@media (max-width: 576px){.charts-page{padding:var(--space-2)}.charts-header{padding:var(--space-4)}.timeframe-buttons,.footer-left,.footer-right{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}[data-theme=dark] .btn-premium.btn-primary{background:linear-gradient(135deg,var(--dark-accent) 0%,var(--dark-accent-hover) 100%);color:var(--dark-bg-primary)}[data-theme=dark] .btn-premium.btn-secondary{background:var(--dark-bg-secondary);color:var(--dark-text-primary);border-color:var(--dark-border)}[data-theme=dark] .btn-premium.btn-secondary:hover{background:var(--dark-bg-tertiary);border-color:var(--dark-accent)}[data-theme=dark] .btn-premium.btn-ghost:hover{background:var(--dark-bg-tertiary);color:var(--dark-accent)}[data-theme=dark] .btn-premium:focus{outline-color:var(--dark-accent)}[data-theme=dark] .loading-skeleton{background:linear-gradient(90deg,var(--dark-bg-tertiary) 25%,var(--dark-border) 50%,var(--dark-bg-tertiary) 75%);background-size:200% 100%}[data-theme=dark] .loading-spinner{border-color:var(--dark-bg-tertiary);border-top-color:var(--dark-accent)}.stock-price{display:flex;align-items:center;gap:var(--space-2)}.stock-price .price-value{font-weight:600;color:var(--light-text-primary)}.stock-price .price-change{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;font-weight:500}.stock-price .price-change.up{color:var(--light-positive)}.stock-price .price-change.down{color:var(--light-negative)}.stock-price .price-change.neutral{color:var(--light-text-tertiary)}.btn-premium{position:relative;overflow:hidden}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-premium:hover:before{left:100%}.charts-sidebar::-webkit-scrollbar{width:6px}.charts-sidebar::-webkit-scrollbar-track{background:var(--light-bg-tertiary);border-radius:var(--radius-full)}.charts-sidebar::-webkit-scrollbar-thumb{background:var(--light-text-tertiary);border-radius:var(--radius-full)}.charts-sidebar::-webkit-scrollbar-thumb:hover{background:var(--light-accent)}.stock-item:focus,.timeframe-btn:focus,.chart-type-btn:focus,.indicator-item:focus{outline:2px solid var(--light-accent);outline-offset:2px}.charts-header h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em}.charts-header,.charts-sidebar,.chart-main{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.charts-header:hover,.charts-sidebar:hover,.chart-main:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .stock-price .price-value{color:var(--dark-text-primary)}[data-theme=dark] .stock-price .price-change.up{color:var(--dark-positive)}[data-theme=dark] .stock-price .price-change.down{color:var(--dark-negative)}[data-theme=dark] .stock-price .price-change.neutral{color:var(--dark-text-tertiary)}[data-theme=dark] .charts-sidebar::-webkit-scrollbar-track{background:var(--dark-bg-tertiary)}[data-theme=dark] .charts-sidebar::-webkit-scrollbar-thumb{background:var(--dark-text-tertiary)}[data-theme=dark] .charts-sidebar::-webkit-scrollbar-thumb:hover{background:var(--dark-accent)}[data-theme=dark] .stock-item:focus,[data-theme=dark] .timeframe-btn:focus,[data-theme=dark] .chart-type-btn:focus,[data-theme=dark] .indicator-item:focus{outline-color:var(--dark-accent)}.stock-item{transform:translateY(0);transition:all var(--transition-normal)}.stock-item:hover{transform:translateY(-1px)}.stock-item:active{transform:translateY(0)}.timeframe-btn,.chart-type-btn{transform:scale(1);transition:all var(--transition-fast)}.timeframe-btn:hover,.chart-type-btn:hover{transform:scale(1.05)}.timeframe-btn:active,.chart-type-btn:active{transform:scale(.95)}.charts-header{background:linear-gradient(135deg,var(--light-bg-secondary) 0%,rgba(249,250,251,.8) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.charts-sidebar{background:linear-gradient(180deg,var(--light-bg-secondary) 0%,rgba(255,255,255,.95) 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chart-main{background:linear-gradient(135deg,var(--light-bg-secondary) 0%,rgba(255,255,255,.98) 100%)}[data-theme=dark] .charts-header{background:linear-gradient(135deg,var(--dark-bg-secondary) 0%,rgba(30,41,59,.8) 100%)}[data-theme=dark] .charts-sidebar{background:linear-gradient(180deg,var(--dark-bg-secondary) 0%,rgba(30,41,59,.95) 100%)}[data-theme=dark] .chart-main{background:linear-gradient(135deg,var(--dark-bg-secondary) 0%,rgba(30,41,59,.98) 100%)}.tradingview-chart-container{background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-lg);transition:all .3s ease}.tradingview-chart-container:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.tradingview-chart-container.fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:10000!important;border-radius:0!important;margin:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;background:#ffffff!important;box-shadow:none!important;transform:none!important;display:flex!important;flex-direction:column!important}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(12px,2vw,24px) clamp(16px,3vw,32px);background:var(--card-bg, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);position:relative;z-index:10;min-height:60px}.chart-title{display:flex;align-items:center;gap:.75rem}.chart-title h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.chart-type{padding:.25rem .75rem;background:var(--accent-color);color:#fff;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.chart-controls{display:flex;align-items:center;gap:8px}.chart-control-btn{display:flex;align-items:center;justify-content:center;width:clamp(40px,8vw,48px);height:clamp(40px,8vw,48px);padding:0;background:#ffffff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026;position:relative;overflow:hidden}.chart-control-btn:hover{background:rgba(255,255,255,1);color:#1f2937;border-color:#3b82f6;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #3b82f659}.chart-control-btn:disabled{opacity:.5;cursor:not-allowed}.chart-wrapper{position:relative;background:var(--card-bg, #ffffff);flex:1;overflow:hidden}.chart-loading-overlay,.chart-empty-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--card-bg-rgb),.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.loading-content,.empty-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.loading-content p,.empty-content p{margin:0;color:var(--text-secondary);font-size:.875rem}.chart-footer{padding:clamp(12px,1.5vw,20px) clamp(16px,3vw,32px);background:rgba(248,250,252,.8);border-top:1px solid rgba(229,231,235,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:50px}.chart-info{display:flex;align-items:center;gap:clamp(8px,1vw,16px);font-size:clamp(11px,1vw,13px);color:#6b7280;font-weight:500}.tradingview-chart-container.fullscreen .chart-footer{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:2px solid rgba(229,231,235,.8)}.tradingview-chart-container.fullscreen .chart-header{padding:16px 24px;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:2px solid rgba(229,231,235,.9);box-shadow:0 2px 10px #0000001a;flex-shrink:0}.tradingview-chart-container.fullscreen .chart-controls{gap:16px}.tradingview-chart-container.fullscreen .chart-control-btn{width:52px;height:52px;border-width:2px;box-shadow:0 4px 16px #00000026;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:24px}.tradingview-chart-container.fullscreen .chart-wrapper{flex:1!important;height:auto!important;min-height:0!important;width:100%!important;overflow:hidden!important}.chart-control-btn{font-size:clamp(18px,4vw,22px);line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.chart-control-btn:hover{transform:translateY(-3px) scale(1.1);filter:drop-shadow(0 4px 12px rgba(59,130,246,.4))}.chart-control-btn.live-active{background:linear-gradient(135deg,rgba(20,241,149,.15),rgba(16,185,129,.15));color:#059669;border-color:#10b981;box-shadow:0 0 25px #10b98166;animation:pulse-live 2s infinite}@keyframes pulse-live{0%,to{box-shadow:0 0 25px #10b98166}50%{box-shadow:0 0 35px #10b98199}}.chart-control-btn.live-active:hover{background:linear-gradient(135deg,rgba(20,241,149,.2),rgba(16,185,129,.2));box-shadow:0 0 30px #10b98166}.chart-control-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(16,185,129,.15));color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.chart-control-btn.fullscreen-active{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(245,101,101,.15));color:#ef4444;border-color:#ef4444;box-shadow:0 0 20px #ef44444d}.chart-control-btn.active:hover{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(16,185,129,.2));box-shadow:0 0 25px #3b82f64d}.tradingview-chart-container.fullscreen .chart-control-btn:last-child{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(245,101,101,.1));color:#ef4444;border-color:#ef4444}.tradingview-chart-container.fullscreen .chart-control-btn:last-child:hover{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(245,101,101,.2));box-shadow:0 0 25px #ef44444d}@media (max-width: 768px){.chart-header{flex-direction:column;gap:16px;align-items:flex-start;padding:16px}.chart-controls{justify-content:center;gap:8px;width:100%}.chart-control-btn{width:42px;height:42px;flex:0 0 auto}.chart-control-btn svg{width:18px;height:18px}.tradingview-chart-container.fullscreen .chart-control-btn{width:50px;height:50px}.tradingview-chart-container.fullscreen .chart-control-btn svg{width:22px;height:22px}.chart-info{flex-direction:column;align-items:flex-start;gap:8px}.tradingview-chart-container.fullscreen .chart-header{padding:12px 16px}.tradingview-chart-container.fullscreen .chart-wrapper{height:calc(100vh - 120px)!important}}@media (max-width: 480px){.chart-controls{justify-content:space-around;gap:6px;width:100%;padding:0 8px}.chart-control-btn{width:40px;height:40px;min-width:40px}.chart-control-btn svg{width:16px;height:16px}.tradingview-chart-container.fullscreen .chart-control-btn{width:48px;height:48px}.tradingview-chart-container.fullscreen .chart-control-btn svg{width:20px;height:20px}}[data-theme=dark] .tradingview-chart-container,[data-theme=dark] .chart-header{background:#0F172A;border-color:#1e293b}[data-theme=dark] .chart-footer{background:#1E293B;border-color:#334155}[data-theme=light] .tradingview-chart-container,[data-theme=light] .chart-header{background:#FFFFFF;border-color:#e2e8f0}[data-theme=light] .chart-footer{background:#F8FAFC;border-color:#e2e8f0}.chart-indicators{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:5}.indicator-badge{padding:.25rem .5rem;background:rgba(var(--card-bg-rgb),.9);border:1px solid var(--border-color);border-radius:6px;font-size:.75rem;color:var(--text-secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chart-crosshair-info{position:absolute;top:1rem;right:1rem;background:rgba(var(--card-bg-rgb),.95);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;font-size:.75rem;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.crosshair-data{display:grid;grid-template-columns:auto auto;gap:.5rem 1rem}.crosshair-label{color:var(--text-secondary)}.crosshair-value{font-weight:600;text-align:right}.volume-up{color:#10b981}.volume-down{color:#ef4444}.chart-zoom-controls{position:absolute;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.25rem;z-index:5}.zoom-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(var(--card-bg-rgb),.9);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.zoom-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-color)}.chart-wrapper canvas{image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:crisp-edges}.chart-wrapper:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media print{.tradingview-chart-container{break-inside:avoid;box-shadow:none;border:1px solid #000}.chart-controls,.chart-zoom-controls{display:none}}.chart-control-btn.live-active{background-color:#14f1951a;color:#14f195;border-color:#14f195}.live-indicators{display:flex;align-items:center;margin-top:8px;gap:12px;font-size:.85rem}.live-price{font-weight:600;font-family:JetBrains Mono,monospace;transition:color .3s ease,transform .3s ease}.price-up{color:#14f195;animation:pulse-up 1s ease}.price-down{color:#ff6b6b;animation:pulse-down 1s ease}.price-update{animation:pulse 1s ease}.market-status{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:.75rem}.market-status.open{background-color:#14f1951a;color:#14f195}.market-status.closed{background-color:#ff6b6b1a;color:#ff6b6b}.status-icon{animation:pulse 2s infinite}.last-update{font-size:.75rem;opacity:.7}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes pulse-up{0%{transform:scale(1)}50%{transform:scale(1.1);color:#14f195}to{transform:scale(1)}}@keyframes pulse-down{0%{transform:scale(1)}50%{transform:scale(1.1);color:#ff6b6b}to{transform:scale(1)}}body.chart-fullscreen-active{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;margin:0!important;padding:0!important}html.chart-fullscreen-active{overflow:hidden!important}.tradingview-chart-container.fullscreen .chart-footer{flex-shrink:0;background:rgba(248,250,252,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid rgba(229,231,235,.8)}.chart-control-btn{position:relative;overflow:hidden}.chart-control-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);transition:left .5s}.chart-control-btn:hover:before{left:100%}.chart-loading-overlay{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chart-empty-overlay{background:rgba(248,250,252,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loading-content,.empty-content{padding:2rem;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 8px 32px #0000001a;border:1px solid rgba(229,231,235,.8)}[data-theme=dark] .chart-control-btn{background:rgba(30,41,59,.9);border-color:#334155cc;color:#f1f5f9}[data-theme=dark] .chart-control-btn:hover{background:rgba(51,65,85,1);border-color:#3b82f6;color:#fff}[data-theme=dark] .chart-loading-overlay,[data-theme=dark] .chart-empty-overlay{background:rgba(15,23,42,.95)}[data-theme=dark] .loading-content,[data-theme=dark] .empty-content{background:rgba(30,41,59,.9);border-color:#334155cc;color:#f1f5f9}.tradingview-chart-container,.chart-wrapper{will-change:transform;contain:layout style paint}.chart-control-btn{will-change:transform,background-color,border-color}.chart-control-btn:focus{outline:3px solid rgba(59,130,246,.5);outline-offset:2px}.chart-control-btn:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){.chart-control-btn,.chart-control-btn:before,.tradingview-chart-container{transition:none!important;animation:none!important}}@media (max-width: 360px){.chart-header{padding:8px 12px}.chart-controls{gap:4px}.chart-control-btn{padding:8px 4px;font-size:10px;min-height:36px}.chart-control-btn svg{width:14px;height:14px}.chart-control-btn span{display:none}.chart-footer{padding:8px 12px}.chart-info{font-size:10px;gap:6px}}@media (hover: none) and (pointer: coarse){.chart-control-btn{min-height:48px;padding:12px 16px}.chart-control-btn:hover{transform:none}.chart-control-btn:active{transform:scale(.95);background:rgba(59,130,246,.1)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.chart-control-btn{border-width:.5px}.chart-control-btn svg{stroke-width:2}}.charts-page{--chart-padding: clamp(12px, 3vw, 24px);--chart-gap: clamp(16px, 4vw, 32px);--chart-border-radius: clamp(12px, 2vw, 20px);--sidebar-width: clamp(280px, 25vw, 380px)}.charts-container{padding:0 var(--chart-padding)}.charts-header{padding:var(--chart-padding);border-radius:var(--chart-border-radius);margin-bottom:var(--chart-gap)}.charts-content{gap:var(--chart-gap)}.charts-sidebar,.chart-main{border-radius:var(--chart-border-radius);padding:var(--chart-padding)}@media (max-width: 480px){.charts-page{padding:8px}.charts-content{grid-template-columns:1fr;grid-template-rows:auto auto;gap:16px}.charts-sidebar{order:2;position:static;max-height:none;overflow-y:visible;padding:12px}.chart-main{order:1;min-height:400px}.chart-control-btn{width:44px!important;height:44px!important}.chart-control-btn svg{width:22px!important;height:22px!important}.sidebar-section{margin-bottom:16px}.sidebar-section h3{font-size:14px;margin-bottom:8px}.timeframe-buttons{display:flex;flex-wrap:wrap;gap:4px}.timeframe-btn{flex:1;min-width:40px;padding:8px 4px;font-size:11px}.chart-type-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.chart-type-btn{padding:10px 8px;font-size:12px}.indicators-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.indicator-item{padding:8px 12px;font-size:12px}}@media (min-width: 481px) and (max-width: 767px){.charts-content{grid-template-columns:1fr;grid-template-rows:auto auto;gap:20px}.charts-sidebar{order:2;position:static;max-height:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:start;padding:16px}.chart-main{order:1;min-height:500px}.chart-control-btn{width:46px!important;height:46px!important}.timeframe-buttons{grid-template-columns:repeat(4,1fr);gap:6px}.chart-type-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}}@media (min-width: 768px) and (max-width: 1023px){.charts-content{grid-template-columns:1fr;grid-template-rows:auto auto}.charts-sidebar{order:2;position:static;max-height:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.chart-main{order:1;min-height:500px}.timeframe-buttons{grid-template-columns:repeat(7,1fr);gap:6px}.sidebar-section{background:rgba(255,255,255,.5);padding:16px;border-radius:12px;border:1px solid rgba(229,231,235,.5)}}@media (min-width: 1024px) and (max-width: 1199px){.charts-content{grid-template-columns:350px 1fr;gap:32px}.charts-sidebar{position:sticky;top:24px;max-height:calc(100vh - 120px);overflow-y:auto;order:1}.chart-main{min-height:650px;order:2}}@media (min-width: 1200px) and (max-width: 1439px){.charts-content{grid-template-columns:350px 1fr;gap:32px}.chart-main{min-height:650px}}@media (min-width: 1440px){.charts-container{max-width:1900px}.charts-content{grid-template-columns:420px 1fr;gap:48px}.chart-main{min-height:750px}.charts-sidebar{padding:32px;order:1}.chart-control-btn{width:52px!important;height:52px!important}.chart-control-btn svg{width:26px!important;height:26px!important}}.timeframe-btn,.chart-type-btn,.indicator-item{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeframe-btn:before,.chart-type-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.timeframe-btn:hover:before,.chart-type-btn:hover:before{left:100%}.timeframe-btn.active,.chart-type-btn.active{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.indicator-item.active{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(16,185,129,.1));border-color:#3b82f6;transform:translate(4px)}.charts-header,.charts-sidebar,.chart-main{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.charts-sidebar,.chart-main{transition:all .3s cubic-bezier(.4,0,.2,1)}.charts-sidebar:hover,.chart-main:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,inset 0 1px #fff3}[data-theme=dark] .charts-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}[data-theme=dark] .charts-header,[data-theme=dark] .charts-sidebar,[data-theme=dark] .chart-main{background:rgba(30,41,59,.8);border-color:#33415580;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}[data-theme=dark] .sidebar-section{background:rgba(51,65,85,.3);border-color:#47556980}[data-theme=dark] .timeframe-btn.active,[data-theme=dark] .chart-type-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f666}.charts-page,.charts-container,.charts-content{contain:layout style paint}.charts-sidebar,.chart-main{will-change:transform}.timeframe-btn,.chart-type-btn,.indicator-item{transform:translateZ(0);backface-visibility:hidden}.timeframe-btn:focus,.chart-type-btn:focus,.indicator-item:focus{outline:3px solid rgba(59,130,246,.5);outline-offset:2px}@media (prefers-contrast: high){.charts-header,.charts-sidebar,.chart-main{border-width:2px;border-color:currentColor}.timeframe-btn,.chart-type-btn{border-width:2px}}.charts-fade-in{animation:fadeIn .5s ease-out}.charts-slide-up{animation:slideUp .5s ease-out}@media print{.charts-page{background:white!important;color:#000!important}.charts-sidebar{display:none}.charts-content{grid-template-columns:1fr}.chart-main{box-shadow:none;border:2px solid black}.charts-header{border-bottom:2px solid black}}:root{--light-bg-primary: #F9FAFB;--light-bg-secondary: #FFFFFF;--light-bg-tertiary: #F3F4F6;--light-text-primary: #111827;--light-text-secondary: #4B5563;--light-text-tertiary: #9CA3AF;--light-border: #E5E7EB;--light-accent: #7C3AED;--light-accent-hover: #6D28D9;--light-positive: #10B981;--light-negative: #EF4444;--light-warning: #F59E0B;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Poppins", var(--font-sans)}[data-theme=dark]{--dark-bg-primary: #0F0020;--dark-bg-secondary: #1E1B3A;--dark-bg-tertiary: #2D2A4A;--dark-text-primary: #B6B1BB;--dark-text-secondary: #9CA3AF;--dark-text-tertiary: #6B7280;--dark-border: #374151;--dark-accent: #3B82F6;--dark-accent-hover: #2563EB;--dark-positive: #14F195;--dark-negative: #F87171;--dark-warning: #FBBF24}.watchlist-page{width:100%;min-height:100vh;padding:24px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.watchlist-container{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.watchlist-content{display:grid;grid-template-columns:380px 1fr;gap:32px;min-height:calc(100vh - 200px);align-items:start}.watchlist-header{background:rgba(255,255,255,.95);border-radius:20px;padding:32px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:32px;position:relative;overflow:hidden;border:1px solid rgba(229,231,235,.6)}.watchlist-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--light-accent) 0%,var(--light-accent-hover) 100%)}.watchlist-header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.header-left{display:flex;align-items:center;gap:20px;flex:1}.header-icon{width:56px;height:56px;background:linear-gradient(135deg,#3B82F6 0%,#10B981 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 12px #3b82f64d;flex-shrink:0}.header-text h1{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.025em;line-height:1.2}.header-text p{font-size:16px;color:#6b7280;margin:0;font-weight:500;line-height:1.4}.header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid rgba(229,231,235,1);border-radius:12px;background:rgba(255,255,255,1);color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;height:44px;white-space:nowrap;box-shadow:0 1px 3px #0000001a}.action-btn:hover{background:rgba(255,255,255,1);border-color:#3b82f6;color:#1f2937;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f640}.action-btn.primary{background:linear-gradient(135deg,#3B82F6 0%,#10B981 100%);color:#fff;border:2px solid transparent;box-shadow:0 4px 12px #3b82f64d}.action-btn.primary:hover{background:linear-gradient(135deg,#2563EB 0%,#059669 100%);border:2px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 6px 16px #3b82f666}.action-btn svg{width:16px;height:16px}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0}.stat-card{background:rgba(255,255,255,.8);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid rgba(229,231,235,.6);transition:all .3s cubic-bezier(.4,0,.2,1);height:80px}.stat-card:hover{background:rgba(255,255,255,.95);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px);border-color:#3b82f666}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.1);color:#3b82f6;font-size:20px}.stat-icon.positive{background:rgba(16,185,129,.1);color:#10b981}.stat-icon.negative{background:rgba(239,68,68,.1);color:#ef4444}.stat-value{font-size:24px;font-weight:700;color:#111827;margin:0 0 4px;line-height:1.1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.stat-label{font-size:14px;color:#6b7280;font-weight:500;margin:0}.watchlist-sidebar{background:rgba(255,255,255,.95);border-radius:20px;border:1px solid rgba(229,231,235,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;display:flex;flex-direction:column;gap:24px;padding:24px;height:fit-content;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;position:sticky;top:24px}.sidebar-section{display:flex;flex-direction:column;gap:16px}.sidebar-section h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 12px;display:flex;align-items:center;gap:8px}.sidebar-section h3:before{content:"";width:3px;height:16px;background:linear-gradient(135deg,#3B82F6,#10B981);border-radius:2px}@media (max-width: 1200px){.watchlist-content{grid-template-columns:360px 1fr;gap:24px}}@media (max-width: 992px){.watchlist-content{grid-template-columns:1fr;gap:24px}.watchlist-sidebar{position:static;height:auto}.stats-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.watchlist-page{padding:16px}.watchlist-header{padding:24px}.watchlist-header-top{flex-direction:column;align-items:flex-start;gap:20px}.header-actions{width:100%;justify-content:flex-start}.stats-overview{grid-template-columns:1fr;gap:16px}.stat-card{height:70px;padding:16px}.stock-item{height:70px;padding:16px 20px}}@media (max-width: 576px){.watchlist-container{gap:20px}.watchlist-header,.main-header{padding:20px}.stock-list{padding:16px}}.watchlist-main{background:rgba(255,255,255,.95);border-radius:20px;border:1px solid rgba(229,231,235,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;position:relative;min-height:600px}.watchlist-main:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--light-accent) 0%,var(--light-positive) 50%,var(--light-accent) 100%);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.main-header{padding:32px;border-bottom:1px solid rgba(229,231,235,.6);background:rgba(248,250,252,.5);position:relative}.main-header:after{content:"";position:absolute;bottom:0;left:var(--space-6);right:var(--space-6);height:1px;background:linear-gradient(90deg,transparent,var(--light-accent),transparent)}.main-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.main-title h2{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--light-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3);letter-spacing:-.025em}.main-title svg{color:var(--light-accent);font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(124,58,237,.2))}.main-controls{display:flex;align-items:center;gap:var(--space-4)}.view-toggle{display:flex;background:var(--light-bg-secondary);border-radius:var(--radius-lg);border:2px solid var(--light-border);overflow:hidden;box-shadow:var(--shadow-sm);position:relative}.view-toggle:before{content:"";position:absolute;top:2px;left:2px;bottom:2px;width:calc(50% - 2px);background:linear-gradient(135deg,var(--light-accent) 0%,var(--light-accent-hover) 100%);border-radius:calc(var(--radius-lg) - 2px);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}.view-toggle[data-active=grid]:before{transform:translate(100%)}.view-toggle button{padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--light-text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:600;position:relative;z-index:2;min-width:80px;justify-content:center}.view-toggle button.active{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.view-toggle button:hover:not(.active){color:var(--light-text-primary);transform:translateY(-1px)}.sort-dropdown{position:relative}.sort-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:2px solid var(--light-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--light-bg-secondary) 0%,var(--light-bg-tertiary) 100%);color:var(--light-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.sort-btn:hover{background:linear-gradient(135deg,var(--light-bg-tertiary) 0%,var(--light-bg-secondary) 100%);border-color:var(--light-accent);color:var(--light-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sort-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.search-section{margin-top:var(--space-4)}.watchlist-search{width:100%}.watchlist-search .search-input-container{background:var(--light-bg-secondary);border:2px solid var(--light-border);border-radius:var(--radius-xl);transition:all .3s ease;position:relative;overflow:hidden}.watchlist-search .search-input-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);transition:left .5s ease}.watchlist-search .search-input-container:focus-within{border-color:var(--light-accent);box-shadow:0 0 0 4px #7c3aed1a}.watchlist-search .search-input-container:focus-within:before{left:100%}.watchlist-search .search-input{padding:var(--space-4) var(--space-5);font-size:1rem;font-weight:500;background:transparent;border:none;color:var(--light-text-primary);width:100%;position:relative;z-index:1}.watchlist-search .search-input::placeholder{color:var(--light-text-tertiary);font-style:italic}.watchlist-tabs{display:flex;background:var(--light-bg-secondary);border-bottom:1px solid var(--light-border);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.watchlist-tabs::-webkit-scrollbar{display:none}.watchlist-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:none;background:transparent;color:var(--light-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.watchlist-tab:hover{background:var(--light-bg-tertiary);color:var(--light-text-primary)}.watchlist-tab.active{color:var(--light-accent);background:var(--light-bg-tertiary)}.watchlist-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--light-accent)}.tab-count{margin-left:auto;background:rgba(243,244,246,.8);color:#9ca3af;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:600;min-width:24px;text-align:center}.stock-list{flex:1;overflow-y:auto;max-height:calc(100vh - 400px);padding:24px;scrollbar-width:thin;scrollbar-color:rgba(229,231,235,.6) transparent}.stock-list::-webkit-scrollbar{width:6px}.stock-list::-webkit-scrollbar-track{background:transparent}.stock-list::-webkit-scrollbar-thumb{background:var(--light-border);border-radius:3px}.stock-list::-webkit-scrollbar-thumb:hover{background:var(--light-accent)}.stock-item{display:flex;align-items:center;padding:24px 28px;margin-bottom:16px;border:2px solid rgba(229,231,235,.4);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,250,252,.9) 100%);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:88px;box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f}.stock-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.05),transparent);transition:left .5s ease}.stock-item:hover{background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(248,250,252,.98) 100%);border-color:#3b82f699;transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px #3b82f61f,0 8px 16px #00000014}.stock-item:hover:before{left:100%}.stock-item:active{transform:translateY(-2px) scale(1.005)}.stock-info{flex:1;display:flex;align-items:center;gap:24px;min-width:0;position:relative}.stock-basic-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.stock-symbol{font-size:1.25rem;font-weight:800;color:var(--light-text-primary);font-family:var(--font-display);letter-spacing:.025em;text-transform:uppercase;background:linear-gradient(135deg,#1f2937 0%,#374151 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stock-symbol:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--light-accent);transition:width .3s ease}.stock-item:hover .stock-symbol:after{width:100%}.stock-name{font-size:.875rem;color:var(--light-text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;line-height:1.3;opacity:.8;transition:opacity .3s ease}.stock-price-inline{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:140px;flex-shrink:0;margin-right:16px}.stock-price-value{font-size:1.125rem;font-weight:700;color:var(--light-text-primary);font-family:var(--font-display);line-height:1.2}.stock-price-change{font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;line-height:1}.stock-price-change.positive{color:#10b981;background:rgba(16,185,129,.1)}.stock-price-change.negative{color:#ef4444;background:rgba(239,68,68,.1)}.stock-price-change.neutral{color:#6b7280;background:rgba(107,114,128,.1)}.price-value{font-size:1.125rem;font-weight:700;color:var(--light-text-primary);font-family:var(--font-display)}.price-change{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.price-change.positive{color:var(--light-positive);background:rgba(16,185,129,.1)}.price-change.negative{color:var(--light-negative);background:rgba(239,68,68,.1)}.stock-actions{display:flex;align-items:center;gap:12px;opacity:.7;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(8px) scale(.95);margin-left:16px}.stock-item:hover .stock-actions{opacity:1;transform:translate(0) scale(1)}.stock-item:hover .stock-name{opacity:1;color:var(--light-text-primary)}.stock-item:hover .stock-symbol{background:linear-gradient(135deg,#3B82F6 0%,#10B981 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stock-action-btn{padding:var(--space-3);border:2px solid var(--light-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--light-bg-secondary) 0%,var(--light-bg-tertiary) 100%);color:var(--light-text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;box-shadow:var(--shadow-sm)}.stock-action-btn:hover{background:linear-gradient(135deg,var(--light-bg-tertiary) 0%,var(--light-bg-secondary) 100%);border-color:var(--light-accent);color:var(--light-accent);transform:translateY(-2px) scale(1.1);box-shadow:var(--shadow-md)}.stock-action-btn.danger:hover{border-color:var(--light-negative);color:var(--light-negative);background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(239,68,68,.05) 100%)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);text-align:center;min-height:400px;background:linear-gradient(135deg,var(--light-bg-tertiary) 0%,rgba(248,250,252,.8) 100%);border-radius:var(--radius-2xl);margin:var(--space-4);border:2px dashed var(--light-border);position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(124,58,237,.05) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.empty-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--light-accent) 0%,var(--light-accent-hover) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);font-size:2rem;color:#fff;box-shadow:0 10px 30px #7c3aed4d;position:relative;z-index:1}.empty-state h3{font-size:1.5rem;font-weight:700;color:var(--light-text-primary);margin:0 0 var(--space-3) 0;font-family:var(--font-display);position:relative;z-index:1}.empty-state p{font-size:1rem;color:var(--light-text-secondary);margin:0 0 var(--space-6) 0;max-width:400px;line-height:1.6;position:relative;z-index:1}[data-theme=dark] .watchlist-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#f8fafc}[data-theme=dark] .watchlist-header,[data-theme=dark] .watchlist-sidebar,[data-theme=dark] .watchlist-main{background:rgba(30,41,59,.95);border-color:#47556999}[data-theme=dark] .watchlist-header:before{background:linear-gradient(90deg,var(--dark-accent) 0%,var(--dark-accent-hover) 100%)}[data-theme=dark] .header-text h1,[data-theme=dark] .main-title h2,[data-theme=dark] .stock-symbol,[data-theme=dark] .price-value{color:#f8fafc}[data-theme=dark] .header-text p,[data-theme=dark] .stock-name{color:#94a3b8}[data-theme=dark] .action-btn{background:rgba(45,55,72,1);border:2px solid rgba(71,85,105,1);color:#e2e8f0;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .action-btn:hover{background:rgba(30,41,59,1);border-color:#3b82f6;color:#f8fafc;box-shadow:0 4px 12px #3b82f640}[data-theme=dark] .action-btn.primary{background:linear-gradient(135deg,#3B82F6 0%,#10B981 100%);border:2px solid transparent}[data-theme=dark] .action-btn.primary:hover{background:linear-gradient(135deg,#2563EB 0%,#059669 100%);border:2px solid rgba(255,255,255,.2)}[data-theme=dark] .stat-card{background:rgba(45,55,72,.8);border-color:#47556999}[data-theme=dark] .stat-card:hover{background:rgba(30,41,59,.95);border-color:#3b82f699}[data-theme=dark] .stat-icon{background:rgba(59,130,246,.1);color:#3b82f6}[data-theme=dark] .stat-icon.positive{background:rgba(16,185,129,.1);color:#10b981}[data-theme=dark] .stat-icon.negative{background:rgba(239,68,68,.1);color:#ef4444}[data-theme=dark] .stat-value{color:#f8fafc}[data-theme=dark] .stat-label{color:#94a3b8}[data-theme=dark] .main-header{background:var(--dark-bg-tertiary);border-color:var(--dark-border)}[data-theme=dark] .watchlist-tabs{background:var(--dark-bg-secondary);border-color:var(--dark-border)}[data-theme=dark] .watchlist-tab:hover{background:var(--dark-bg-tertiary);color:var(--dark-text-primary)}[data-theme=dark] .watchlist-tab.active{color:var(--dark-accent);background:var(--dark-bg-tertiary)}[data-theme=dark] .watchlist-tab.active:after{background:var(--dark-accent)}[data-theme=dark] .stock-item{background:rgba(45,55,72,.8);border-color:#47556999}[data-theme=dark] .stock-item:hover{background:rgba(30,41,59,.95);border-color:#3b82f699}[data-theme=dark] .price-change.positive{color:var(--dark-positive)}[data-theme=dark] .price-change.negative{color:var(--dark-negative)}[data-theme=dark] .stock-action-btn{background:var(--dark-bg-tertiary);border-color:var(--dark-border);color:var(--dark-text-secondary)}[data-theme=dark] .stock-action-btn:hover{background:var(--dark-bg-primary);border-color:var(--dark-accent);color:var(--dark-accent)}[data-theme=dark] .stock-action-btn.danger:hover{border-color:var(--dark-negative);color:var(--dark-negative)}.watchlist-list{display:flex;flex-direction:column;gap:var(--space-2)}.watchlist-tab{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid transparent;border-radius:12px;background:transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;height:44px}.watchlist-tab:hover{background:rgba(243,244,246,.8);color:#374151;border-color:#e5e7eb99;transform:translate(4px)}.watchlist-tab.active{background:linear-gradient(135deg,#3B82F6,#10B981);color:#fff;border-color:transparent;box-shadow:0 4px 12px #3b82f64d}.watchlist-tab svg{width:16px;height:16px;flex-shrink:0}.tab-count{margin-left:auto;background:var(--light-bg-tertiary);color:var(--light-text-tertiary);padding:.125rem .375rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600}.watchlist-tab.active .tab-count{background:rgba(255,255,255,.2);color:#fff}.quick-actions{display:flex;flex-direction:column;gap:var(--space-2)}.quick-actions .action-btn{justify-content:flex-start;width:100%}[data-theme=dark] .watchlist-tab{color:var(--dark-text-secondary)}[data-theme=dark] .watchlist-tab:hover{background:var(--dark-bg-tertiary);color:var(--dark-text-primary);border-color:var(--dark-border)}[data-theme=dark] .watchlist-tab.active{background:var(--dark-accent);color:#fff;border-color:var(--dark-accent)}[data-theme=dark] .tab-count{background:var(--dark-bg-tertiary);color:var(--dark-text-tertiary)}[data-theme=dark] .watchlist-tab.active .tab-count{background:rgba(255,255,255,.2);color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--light-text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--light-border);border-top:3px solid var(--light-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.loading-container p{font-size:1rem;font-weight:500;margin:0}[data-theme=dark] .loading-container{color:var(--dark-text-secondary)}[data-theme=dark] .loading-spinner{border-color:var(--dark-border);border-top-color:var(--dark-accent)}.watchlist-stock-search{border-radius:16px;border:1px solid rgba(229,231,235,.6);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:all .3s ease;margin-bottom:0}.watchlist-stock-search:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#3b82f666}.watchlist-stock-search .stock-search{background:transparent;border:none;padding:20px}.watchlist-stock-search .search-title{font-size:16px;font-weight:600;color:#374151;margin-bottom:16px;display:flex;align-items:center;gap:8px}.watchlist-stock-search .search-title:before{content:"";width:3px;height:16px;background:linear-gradient(135deg,#3B82F6,#10B981);border-radius:2px}.watchlist-stock-search .search-input-container{background:rgba(255,255,255,.9);border:1px solid rgba(229,231,235,.8);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden;height:44px;display:flex;align-items:center}.watchlist-stock-search .search-input-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(124,58,237,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s ease}.watchlist-stock-search .search-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:rgba(255,255,255,1)}.watchlist-stock-search .search-input-container:focus-within:before{opacity:1}.watchlist-stock-search .search-input{background:transparent;border:none;outline:none;color:#111827;font-weight:500;font-size:14px;padding:0 16px;width:100%;height:100%;position:relative;z-index:1}.watchlist-stock-search .search-input::placeholder{color:#9ca3af;font-style:normal}.watchlist-stock-search .search-results{background:var(--light-bg-secondary);border:1px solid var(--light-border);border-radius:var(--radius-xl);margin-top:var(--space-3);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.watchlist-stock-search .popular-stocks-section{background:transparent;border:none;padding:20px 0 0;margin-top:20px;border-top:1px solid rgba(229,231,235,.6)}.watchlist-stock-search .popular-stocks-title{font-size:16px;font-weight:600;color:#374151;margin-bottom:16px;display:flex;align-items:center;gap:8px}.watchlist-stock-search .popular-stocks-title:before{content:"";width:3px;height:16px;background:linear-gradient(135deg,#F59E0B,#EAB308);border-radius:2px}.watchlist-stock-search .popular-stock-item{background:rgba(255,255,255,.95);border:2px solid rgba(229,231,235,.8);border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s ease;position:relative;overflow:hidden;height:80px;display:flex;align-items:center;justify-content:space-between;gap:12px}.watchlist-stock-search .popular-stock-item:hover{background:rgba(255,255,255,1);border-color:#3b82f699;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.watchlist-stock-search .search-result-item,.watchlist-stock-search .popular-stock-item{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .watchlist-stock-search{background:rgba(30,41,59,.8);border-color:#47556999}[data-theme=dark] .watchlist-stock-search .search-title{color:#f8fafc}[data-theme=dark] .watchlist-stock-search .search-input-container{background:rgba(45,55,72,.9);border-color:#475569cc}[data-theme=dark] .watchlist-stock-search .search-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:rgba(30,41,59,1)}[data-theme=dark] .watchlist-stock-search .search-input-container:before{background:linear-gradient(45deg,transparent 30%,rgba(59,130,246,.1) 50%,transparent 70%)}[data-theme=dark] .watchlist-stock-search .search-input{color:#f8fafc}[data-theme=dark] .watchlist-stock-search .search-input::placeholder{color:#94a3b8}[data-theme=dark] .watchlist-stock-search .search-results{background:var(--dark-bg-secondary);border-color:var(--dark-border)}[data-theme=dark] .watchlist-stock-search .popular-stocks-title{color:#f8fafc}[data-theme=dark] .watchlist-stock-search .popular-stock-item{background:rgba(45,55,72,.95);border:2px solid rgba(71,85,105,.8)}[data-theme=dark] .watchlist-stock-search .popular-stock-item:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent)}[data-theme=dark] .watchlist-stock-search .popular-stock-item:hover{background:rgba(30,41,59,1);border-color:#3b82f6cc}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:linear-gradient(135deg,var(--light-bg-secondary) 0%,rgba(255,255,255,.95) 100%);border-radius:var(--radius-2xl);border:1px solid var(--light-border);box-shadow:0 25px 50px #00000040;max-width:500px;width:100%;max-height:90vh;overflow:hidden;position:relative}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--light-accent) 0%,var(--light-positive) 50%,var(--light-accent) 100%)}.modal-header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--light-border);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--light-bg-tertiary) 0%,rgba(248,250,252,.8) 100%)}.modal-header h3{font-size:1.5rem;font-weight:700;color:var(--light-text-primary);margin:0;font-family:var(--font-display)}.close-btn{width:40px;height:40px;border:2px solid var(--light-border);border-radius:var(--radius-lg);background:var(--light-bg-secondary);color:var(--light-text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.close-btn:hover{background:var(--light-negative);border-color:var(--light-negative);color:#fff;transform:scale(1.1)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--light-text-primary);margin-bottom:var(--space-2)}.form-input,.form-textarea{width:100%;padding:var(--space-4);border:2px solid var(--light-border);border-radius:var(--radius-lg);background:var(--light-bg-secondary);color:var(--light-text-primary);font-size:1rem;font-weight:500;transition:all .3s ease;font-family:var(--font-sans)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--light-accent);box-shadow:0 0 0 4px #7c3aed1a;background:white}.modal-footer{padding:var(--space-4) var(--space-6) var(--space-6);display:flex;gap:var(--space-3);justify-content:flex-end;background:linear-gradient(135deg,var(--light-bg-tertiary) 0%,rgba(248,250,252,.8) 100%)}.modal-footer .action-btn{min-width:120px;justify-content:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.watchlist-header{animation:fadeInUp .6s ease-out}.watchlist-sidebar{animation:slideInLeft .6s ease-out .2s both}.watchlist-main{animation:scaleIn .6s ease-out .4s both}.stock-item{animation:fadeInUp .4s ease-out}.stat-card{animation:scaleIn .4s ease-out}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}[data-theme=dark] .watchlist-main{background:linear-gradient(135deg,var(--dark-bg-secondary) 0%,rgba(30,27,58,.95) 100%)}[data-theme=dark] .watchlist-main:before{background:linear-gradient(90deg,var(--dark-accent) 0%,var(--dark-positive) 50%,var(--dark-accent) 100%)}[data-theme=dark] .main-header{background:linear-gradient(135deg,var(--dark-bg-tertiary) 0%,rgba(45,42,74,.8) 100%)}[data-theme=dark] .main-header:after{background:linear-gradient(90deg,transparent,var(--dark-accent),transparent)}[data-theme=dark] .stock-item{background:linear-gradient(135deg,rgba(30,41,59,.95) 0%,rgba(15,23,42,.9) 100%);border-color:#47556966;box-shadow:0 2px 8px #0003,0 1px 3px #0000004d}[data-theme=dark] .stock-item:hover{background:linear-gradient(135deg,rgba(30,41,59,1) 0%,rgba(15,23,42,.98) 100%);border-color:#3b82f699;box-shadow:0 16px 40px #3b82f633,0 8px 16px #0006}[data-theme=dark] .stock-item:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent)}[data-theme=dark] .stock-symbol:after{background:var(--dark-accent)}[data-theme=dark] .stock-price-value{color:var(--dark-text-primary)}[data-theme=dark] .stock-price-change.positive{color:var(--dark-positive);background:rgba(20,241,149,.1)}[data-theme=dark] .stock-price-change.negative{color:var(--dark-negative);background:rgba(248,113,113,.1)}[data-theme=dark] .stock-price-change.neutral{color:var(--dark-text-secondary);background:rgba(148,163,184,.1)}[data-theme=dark] .stock-symbol{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .stock-item:hover .stock-symbol{background:linear-gradient(135deg,#3B82F6 0%,#10B981 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .stock-item:hover .stock-name{opacity:1;color:var(--dark-text-primary)}[data-theme=dark] .price-change.positive{color:var(--dark-positive);background:rgba(20,241,149,.1)}[data-theme=dark] .price-change.negative{color:var(--dark-negative);background:rgba(248,113,113,.1)}[data-theme=dark] .empty-state{background:linear-gradient(135deg,var(--dark-bg-tertiary) 0%,rgba(45,42,74,.8) 100%);border-color:var(--dark-border)}[data-theme=dark] .empty-state:before{background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 70%)}[data-theme=dark] .empty-icon{background:linear-gradient(135deg,var(--dark-accent) 0%,var(--dark-accent-hover) 100%);box-shadow:0 10px 30px #3b82f64d}[data-theme=dark] .modal-content{background:linear-gradient(135deg,var(--dark-bg-secondary) 0%,rgba(30,27,58,.95) 100%);border-color:var(--dark-border)}[data-theme=dark] .modal-content:before{background:linear-gradient(90deg,var(--dark-accent) 0%,var(--dark-positive) 50%,var(--dark-accent) 100%)}[data-theme=dark] .modal-header{background:linear-gradient(135deg,var(--dark-bg-tertiary) 0%,rgba(45,42,74,.8) 100%);border-color:var(--dark-border)}[data-theme=dark] .modal-footer{background:linear-gradient(135deg,var(--dark-bg-tertiary) 0%,rgba(45,42,74,.8) 100%)}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:var(--dark-bg-secondary);border-color:var(--dark-border);color:var(--dark-text-primary)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--dark-accent);box-shadow:0 0 0 4px #3b82f61a;background:var(--dark-bg-tertiary)}.watchlist-stock-search .popular-stock-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;max-width:60%}.watchlist-stock-search .popular-stock-symbol{font-weight:700;color:#111827;font-size:14px;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.watchlist-stock-search .popular-stock-name{font-size:12px;color:#6b7280;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.watchlist-stock-search .popular-stock-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:100px;flex-shrink:0}.watchlist-stock-search .popular-stock-value{font-weight:700;color:#111827;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.2}.watchlist-stock-search .popular-stock-change{font-size:11px;font-weight:600;display:flex;align-items:center;gap:2px;padding:2px 6px;border-radius:8px;line-height:1.2}.watchlist-stock-search .popular-stock-change.positive{color:#10b981;background:rgba(16,185,129,.1)}.watchlist-stock-search .popular-stock-change.negative{color:#ef4444;background:rgba(239,68,68,.1)}.watchlist-stock-search .popular-stock-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}[data-theme=dark] .watchlist-stock-search .popular-stock-symbol{color:#f8fafc}[data-theme=dark] .watchlist-stock-search .popular-stock-name{color:#94a3b8}[data-theme=dark] .watchlist-stock-search .popular-stock-value{color:#f8fafc}.orders-page{width:100%;min-height:100vh;padding:var(--space-4, 1rem);background:var(--bg-primary);overflow-x:hidden;font-family:var(--font-family-primary, "Inter", sans-serif)}.orders-container{width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4, 1rem);overflow-x:hidden}@media (min-width: 768px){.orders-page{padding:var(--space-6, 1.5rem)}.orders-container{gap:var(--space-6, 1.5rem)}}@media (min-width: 1024px){.orders-page{padding:var(--space-8, 2rem)}.orders-container{max-width:1400px;gap:var(--space-8, 2rem)}}@media (min-width: 1440px){.orders-container{max-width:1600px}}.orders-header{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,250,252,.9) 100%);border:1px solid #E5E7EB;border-radius:1.5rem;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.orders-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10B981 0%,#14F195 100%)}.orders-controls{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:#FFFFFF;border:1px solid #E5E7EB;border-radius:1.5rem;padding:1.5rem 2rem;box-shadow:0 1px 3px #0000001a}.filter-group{display:flex;gap:1rem}.filter-select{padding:.75rem 1rem;border:1px solid #E5E7EB;border-radius:.75rem;background:#FFFFFF;color:#111827;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:150px}.filter-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.orders-card{background:#FFFFFF;border:1px solid #E5E7EB;border-radius:1.5rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.orders-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #E5E7EB;background:#F9FAFB}.card-title{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.125rem;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:.75rem}.card-icon{color:#10b981}.card-content{padding:0}.orders-table{width:100%;overflow-x:auto}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr auto;gap:1rem;padding:1.5rem 2rem;background:#F9FAFB;border-bottom:1px solid #E5E7EB;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.table-body{max-height:600px;overflow-y:auto}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr auto;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid #E5E7EB;transition:all .2s ease;cursor:pointer}.table-row:hover{background:#F9FAFB}.table-row:last-child{border-bottom:none}.order-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.order-id{font-size:.75rem;color:#6b7280;font-weight:500}.stock-symbol{font-size:.875rem;font-weight:600;color:#111827}.stock-name{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-type{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem;text-transform:uppercase;width:fit-content}.order-type.buy{color:#10b981;background:#ECFDF5}.order-type.sell{color:#ef4444;background:#FEF2F2}.order-subtype{font-size:.625rem;color:#9ca3af;margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}.price-info{display:flex;flex-direction:column;gap:.25rem}.order-price{font-size:.875rem;font-weight:600;color:#111827;font-variant-numeric:tabular-nums}.executed-price{font-size:.75rem;color:#10b981;font-weight:500}.total-amount{font-size:.875rem;font-weight:600;color:#111827;font-variant-numeric:tabular-nums}.fees{font-size:.75rem;color:#6b7280;margin-top:.25rem}.status-container{display:flex;align-items:center;gap:.5rem}.status-icon{font-size:1rem}.status-icon.completed{color:#10b981}.status-icon.pending{color:#f59e0b}.status-icon.cancelled{color:#ef4444}.status-text{font-size:.75rem;font-weight:600;text-transform:capitalize}.status-text.completed{color:#10b981}.status-text.pending{color:#f59e0b}.status-text.cancelled{color:#ef4444}.time-info{display:flex;flex-direction:column;gap:.25rem}.order-date{font-size:.75rem;color:#111827;font-weight:500}.order-time{font-size:.75rem;color:#6b7280}.action-buttons{display:flex;gap:.5rem}.action-btn.cancel{color:#ef4444}.action-btn.cancel:hover{background:#FEF2F2}@media (max-width: 1024px){.orders-controls{flex-direction:column;gap:1rem;align-items:stretch}.controls-left{flex-direction:column;gap:1rem}.search-container{width:100%}}@media (max-width: 768px){.orders-page{padding:1rem}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.card-header{padding:1rem}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem;padding:1rem}.orders-table{font-size:.75rem}.filter-group{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.header-actions{flex-direction:column;gap:.5rem}.btn-premium{width:100%;justify-content:center}}[data-theme=dark] .orders-page{background:#0F172A}[data-theme=dark] .orders-header{background:linear-gradient(135deg,rgba(30,41,59,.95) 0%,rgba(51,65,85,.9) 100%);border-color:#334155}[data-theme=dark] .orders-controls,[data-theme=dark] .orders-card{background:#1E293B;border-color:#334155}[data-theme=dark] .card-header,[data-theme=dark] .table-header{background:#334155;border-color:#475569}[data-theme=dark] .table-row:hover{background:#334155}[data-theme=dark] .search-input,[data-theme=dark] .filter-select{background:#1E293B;border-color:#334155;color:#f1f5f9}[data-theme=dark] .action-btn.cancel:hover{background:rgba(239,68,68,.2)}.history-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:0}.history-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-primary);padding:32px 24px}.header-content{max-width:1400px;margin:0 auto 32px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:16px}.header-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.header-text h1{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.header-text p{font-size:16px;color:var(--text-secondary);margin:0}.header-actions{display:flex;align-items:center;gap:12px}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.action-btn:hover{background:var(--bg-quaternary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.action-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.action-btn.loading{opacity:.7;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.stats-overview{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--bg-secondary);color:var(--text-secondary)}.stat-icon.positive{background:rgba(16,185,129,.1);color:var(--success-color)}.stat-icon.negative{background:rgba(239,68,68,.1);color:var(--danger-color)}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:var(--text-secondary);font-weight:500}.history-container{max-width:1400px;margin:0 auto;padding:32px 24px}.filters-panel{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:16px;margin-bottom:32px;overflow:hidden}.filters-content{padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:14px;font-weight:600;color:var(--text-primary)}.search-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;height:44px;padding:0 40px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.clear-search:hover{background:var(--bg-quaternary);color:var(--text-primary)}.filter-select{height:44px;padding:0 16px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.filter-actions{display:flex;align-items:center;justify-content:flex-end}.clear-filters-btn{padding:10px 20px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.transactions-section{min-height:400px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{width:80px;height:80px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-secondary);margin-bottom:24px}.empty-state h3{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.empty-state p{font-size:16px;color:var(--text-secondary);margin:0 0 32px;max-width:400px}.transactions-table{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden}.table-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.table-row{display:grid;grid-template-columns:140px 200px 100px 100px 120px 140px 140px 100px 80px;gap:16px;align-items:center;padding:16px 20px;transition:all .2s ease}.table-row.header{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background:var(--bg-secondary)}.table-row:not(.header):not(:last-child){border-bottom:1px solid var(--border-primary)}.sortable{display:flex;align-items:center;gap:6px;cursor:pointer;transition:color .2s ease}.sortable:hover{color:var(--text-primary)}.col-date .date-info{display:flex;flex-direction:column;gap:2px}.col-date .date{font-size:14px;font-weight:600;color:var(--text-primary)}.col-date .time{font-size:12px;color:var(--text-secondary)}.col-stock .stock-info{display:flex;flex-direction:column;gap:2px}.col-stock .symbol{font-size:14px;font-weight:700;color:var(--text-primary)}.col-stock .name{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-stock .exchange{font-size:10px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.type-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.type-badge.buy{background:rgba(16,185,129,.1);color:var(--success-color)}.type-badge.sell{background:rgba(239,68,68,.1);color:var(--danger-color)}.type-icon{font-size:14px}.col-quantity .quantity,.col-price .price{font-size:14px;font-weight:600;color:var(--text-primary)}.col-amount .amount-info{display:flex;flex-direction:column;gap:2px}.col-amount .total{font-size:14px;font-weight:600;color:var(--text-primary)}.col-amount .fees{font-size:11px;color:var(--text-secondary)}.gain-loss{display:flex;flex-direction:column;gap:2px}.gain-loss.positive .amount,.gain-loss.positive .percent{color:var(--success-color)}.gain-loss.negative .amount,.gain-loss.negative .percent{color:var(--danger-color)}.gain-loss .amount{font-size:14px;font-weight:600}.gain-loss .percent{font-size:12px}.no-data{color:var(--text-tertiary);font-style:italic}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.completed{background:rgba(16,185,129,.1);color:var(--success-color)}.status-badge.pending{background:rgba(245,158,11,.1);color:var(--warning-color)}.status-badge.failed{background:rgba(239,68,68,.1);color:var(--danger-color)}.status-icon{font-size:14px}.action-btn-small{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.action-btn-small:hover{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:var(--card-bg);border-radius:16px;width:100%;max-width:800px;max-height:90vh;border:1px solid var(--border-primary);box-shadow:0 20px 60px #0000004d;overflow:hidden;display:flex;flex-direction:column}.transaction-detail-modal{max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.modal-header h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{width:32px;height:32px;border:none;border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:var(--bg-quaternary);color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto;flex:1}.transaction-details{display:flex;flex-direction:column;gap:24px}.detail-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-primary)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:14px;color:var(--text-primary);font-weight:500}.detail-item .net-amount{font-size:16px;font-weight:700;color:var(--accent-primary)}.failure-reason{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(239,68,68,.1);border:1px solid var(--danger-color);border-radius:8px;color:var(--danger-color)}.failure-icon{font-size:20px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn.secondary:hover{background:var(--bg-quaternary)}.btn.primary{background:var(--accent-primary);color:#fff}.btn.primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-container p{font-size:16px;color:var(--text-secondary);margin:0}[data-theme=dark] .history-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}[data-theme=dark] .header-icon{background:linear-gradient(135deg,#14F195,#10B981)}[data-theme=dark] .action-btn.active{background:#14F195;color:#0f172a;border-color:#14f195}[data-theme=dark] .type-badge.buy,[data-theme=dark] .status-badge.completed{background:rgba(20,241,149,.1);color:#14f195}[data-theme=dark] .action-btn-small:hover,[data-theme=dark] .btn.primary{background:#14F195;color:#0f172a}[data-theme=dark] .btn.primary:hover{background:#10B981;box-shadow:0 4px 12px #14f1954d}[data-theme=dark] .detail-item .net-amount{color:#14f195}@media (max-width: 1200px){.stats-overview{grid-template-columns:repeat(2,1fr)}.table-row{grid-template-columns:120px 180px 90px 90px 110px 120px 120px 90px 70px;gap:12px}}@media (max-width: 768px){.history-header{padding:24px 16px}.header-content{flex-direction:column;align-items:flex-start;gap:20px}.header-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.stats-overview{grid-template-columns:1fr}.history-container{padding:24px 16px}.filters-content{grid-template-columns:1fr;gap:16px}.filter-actions{justify-content:center}.table-row{grid-template-columns:1fr;gap:8px;padding:16px}.table-row.header{display:none}.table-row.clickable{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:12px}.col-date,.col-stock,.col-type,.col-quantity,.col-price,.col-amount,.col-gain-loss,.col-status,.col-actions{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.col-date:before{content:"Date:"}.col-stock:before{content:"Stock:"}.col-type:before{content:"Type:"}.col-quantity:before{content:"Quantity:"}.col-price:before{content:"Price:"}.col-amount:before{content:"Amount:"}.col-gain-loss:before{content:"Gain/Loss:"}.col-status:before{content:"Status:"}.col-actions:before{content:"Actions:"}.col-date:before,.col-stock:before,.col-type:before,.col-quantity:before,.col-price:before,.col-amount:before,.col-gain-loss:before,.col-status:before,.col-actions:before{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.modal-content{max-width:95vw;max-height:95vh}.detail-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column;gap:8px}.modal-footer .btn{width:100%}}@media (max-width: 480px){.header-icon{width:48px;height:48px;font-size:20px}.header-text h1{font-size:24px}.header-actions{gap:8px}.action-btn{padding:10px 16px;font-size:13px}.stat-value{font-size:24px}.col-stock .name,.col-amount .fees{display:none}}.news-page{width:100%;min-height:100vh;padding:var(--space-4, 1rem);background:var(--bg-primary);overflow-x:hidden;font-family:var(--font-family-primary, "Inter", sans-serif)}.news-container{width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4, 1rem);overflow-x:hidden}@media (min-width: 768px){.news-page{padding:var(--space-6, 1.5rem)}.news-container{gap:var(--space-6, 1.5rem)}}@media (min-width: 1024px){.news-page{padding:var(--space-8, 2rem)}.news-container{max-width:1400px;gap:var(--space-8, 2rem)}}@media (min-width: 1440px){.news-container{max-width:1600px}}.news-header{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,250,252,.9) 100%);border:1px solid #E5E7EB;border-radius:1.5rem;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.news-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10B981 0%,#14F195 100%)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-left{display:flex;flex-direction:column;gap:.5rem}.page-title{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.875rem;font-weight:700;color:#111827;margin:0;display:flex;align-items:center;gap:.75rem}.title-icon{color:#10b981}.page-subtitle{font-size:1rem;color:#6b7280;margin:0;font-weight:500}.header-actions{display:flex;gap:.75rem}.news-controls{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:#FFFFFF;border:1px solid #E5E7EB;border-radius:1.5rem;padding:1.5rem 2rem;box-shadow:0 1px 3px #0000001a}.controls-left{display:flex;gap:1.5rem;align-items:center;flex:1}.controls-right{display:flex;gap:1rem;align-items:center}.search-container{position:relative;width:300px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #E5E7EB;border-radius:.75rem;background:#FFFFFF;color:#111827;font-size:.875rem;font-weight:500;transition:all .2s ease}.search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.search-input::placeholder{color:#9ca3af}.category-filter{display:flex;gap:.5rem;flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #E5E7EB;border-radius:.75rem;background:#FFFFFF;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.category-btn:hover{background:#F9FAFB;border-color:#d1d5db}.category-btn.active{background:#10B981;color:#fff;border-color:#10b981}.category-count{background:rgba(255,255,255,.2);color:inherit;padding:.125rem .375rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.category-btn.active .category-count{background:rgba(255,255,255,.2)}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.news-card{background:#FFFFFF;border:1px solid #E5E7EB;border-radius:1.5rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.news-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#10b981}.news-image{position:relative;width:100%;height:200px;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-card:hover .news-image img{transform:scale(1.05)}.news-category{position:absolute;top:1rem;left:1rem}.category-tag{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.category-tag.market{background:#DBEAFE;color:#1e40af}.category-tag.stocks{background:#ECFDF5;color:#047857}.category-tag.economy{background:#FEF3C7;color:#92400e}.category-tag.policy{background:#D1FAE5;color:#047857}.category-tag.earnings{background:#FEE2E2;color:#dc2626}.news-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#6b7280}.meta-left{display:flex;gap:1rem;align-items:center}.news-source,.news-time{display:flex;align-items:center;gap:.25rem}.read-time{font-weight:500;color:#10b981}.news-title{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.125rem;font-weight:600;color:#111827;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-summary{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-tags{display:flex;gap:.5rem;flex-wrap:wrap}.news-tag{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#F3F4F6;color:#6b7280;border-radius:.375rem;font-size:.75rem;font-weight:500}.news-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #F3F4F6}.actions-left{display:flex;align-items:center}.news-author{background:none;border:none;color:#6b7280;font-size:.75rem;font-weight:500;cursor:pointer;transition:color .2s ease}.news-author:hover{color:#10b981}.actions-right{display:flex;gap:.5rem}.action-btn{width:2rem;height:2rem;border:none;background:transparent;color:#6b7280;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn:hover{background:#F3F4F6;color:#111827}.action-btn.bookmarked{color:#f59e0b;background:#FEF3C7}.load-more-section{display:flex;justify-content:center;padding:2rem 0}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;min-height:44px}.btn-premium:focus{outline:2px solid #10B981;outline-offset:2px}.btn-premium.btn-secondary{background:#FFFFFF;color:#111827;border:1px solid #E5E7EB}.btn-premium.btn-secondary:hover{background:#F9FAFB;border-color:#10b981;transform:translateY(-1px)}.btn-premium.btn-ghost{background:transparent;color:#6b7280;border:1px solid transparent}.btn-premium.btn-ghost:hover{background:#F9FAFB;color:#10b981}@media (max-width: 1024px){.news-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.news-controls{flex-direction:column;gap:1rem;align-items:stretch}.controls-left{flex-direction:column;gap:1rem}.search-container{width:100%}.category-filter{justify-content:center}}@media (max-width: 768px){.news-page{padding:1rem}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.news-grid{grid-template-columns:1fr;gap:1rem}.news-image{height:160px}.news-content{padding:1rem}.category-filter{flex-wrap:wrap;gap:.25rem}.category-btn{padding:.375rem .75rem;font-size:.75rem}}@media (max-width: 480px){.news-meta{flex-direction:column;gap:.5rem;align-items:flex-start}.meta-left{flex-direction:column;gap:.25rem;align-items:flex-start}.news-actions{flex-direction:column;gap:1rem;align-items:flex-start}.actions-right{width:100%;justify-content:space-between}}[data-theme=dark] .news-page{background:#0F172A}[data-theme=dark] .news-header{background:linear-gradient(135deg,rgba(30,41,59,.95) 0%,rgba(51,65,85,.9) 100%);border-color:#334155}[data-theme=dark] .news-controls,[data-theme=dark] .news-card{background:#1E293B;border-color:#334155}[data-theme=dark] .search-input{background:#1E293B;border-color:#334155;color:#f1f5f9}[data-theme=dark] .category-btn{background:#1E293B;border-color:#334155;color:#9ca3af}[data-theme=dark] .category-btn:hover{background:#334155}[data-theme=dark] .news-tag{background:#334155;color:#9ca3af}[data-theme=dark] .news-actions{border-color:#334155}[data-theme=dark] .action-btn:hover{background:#334155;color:#f1f5f9}[data-theme=dark] .btn-premium.btn-secondary{background:#1E293B;color:#f1f5f9;border-color:#334155}[data-theme=dark] .btn-premium.btn-secondary:hover{background:#334155}.notifications-page{padding:24px;max-width:1200px;margin:0 auto;min-height:100vh;background:var(--background-color)}.notifications-content{display:flex;flex-direction:column;gap:20px}.notifications-actions{display:flex;justify-content:center;padding:16px;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.05));border:1px solid rgba(59,130,246,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:14px}.action-btn.mark-all{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b9814d}.action-btn.mark-all:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.notifications-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.search-container{position:relative;flex:1;min-width:250px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:16px}.search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color);color:var(--text-primary);font-size:14px;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.filter-toggle{padding:12px 20px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.filter-toggle:hover{background:var(--hover-color);color:var(--text-primary);border-color:var(--primary-color)}.filters-container{padding:20px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:20px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:150px}.filter-group label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-color);color:var(--text-primary);font-size:14px;cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--primary-color)}.bulk-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border:1px solid rgba(59,130,246,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bulk-info{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--text-primary)}.bulk-info input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.bulk-buttons{display:flex;gap:12px}.bulk-buttons button{padding:8px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.bulk-buttons button:hover{background:var(--hover-color);transform:translateY(-1px)}.bulk-buttons button.danger{color:#dc2626;border-color:#dc26264d}.bulk-buttons button.danger:hover{background:rgba(220,38,38,.1);border-color:#dc2626}.notifications-list{background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.notification-wrapper{position:relative;border-bottom:1px solid var(--border-color, #f3f4f6)}.notification-wrapper:last-child{border-bottom:none}.notification-checkbox{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.load-more-container{display:flex;justify-content:center;padding:24px}.load-more-btn{padding:12px 32px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d}.load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.empty-state,.error-state{text-align:center;padding:80px 20px;color:var(--text-secondary)}.empty-state svg,.error-state svg{color:var(--border-color);margin-bottom:24px;opacity:.5}.empty-state h3,.error-state h3{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.empty-state p,.error-state p{font-size:14px;color:var(--text-secondary);line-height:1.5;max-width:400px;margin:0 auto 24px}.error-state button{padding:10px 20px;border:1px solid var(--primary-color);border-radius:8px;background:var(--primary-color);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.error-state button:hover{background:var(--primary-hover);transform:translateY(-2px)}@media (max-width: 768px){.notifications-page{padding:16px}.notifications-header{flex-direction:column;align-items:flex-start;gap:20px}.notifications-title{font-size:28px}.notifications-actions{width:100%;justify-content:flex-end}.notifications-stats{grid-template-columns:repeat(2,1fr);gap:16px}.notifications-filters{padding:16px;gap:8px}.notification-filter{padding:8px 14px;font-size:13px}}@media (max-width: 480px){.notifications-stats{grid-template-columns:1fr}.notifications-filters{flex-direction:column;align-items:stretch}.notification-filter{justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color)}.two-fa-modal{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-color)}.modal-title{display:flex;align-items:center;gap:var(--space-3)}.modal-title h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color)}.modal-icon{color:var(--primary-color);font-size:1.5rem}.modal-close{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all .2s ease}.modal-close:hover{background:var(--bg-card-hover);color:var(--text-color)}.modal-body{padding:var(--space-6)}.two-fa-steps{display:flex;flex-direction:column;gap:var(--space-8)}.step{display:flex;flex-direction:column;gap:var(--space-4)}.step h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:var(--space-2)}.step h3:before{content:counter(step-counter);counter-increment:step-counter;background:var(--primary-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.two-fa-steps{counter-reset:step-counter}.step p{margin:0;color:var(--text-color-secondary);line-height:1.6}.qr-code-container{display:flex;justify-content:center;padding:var(--space-6);background:var(--bg-page);border-radius:var(--radius-xl);border:2px dashed var(--border-color)}.qr-code{max-width:200px;height:auto;border-radius:var(--radius-lg)}.qr-placeholder{width:200px;height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-color-secondary);font-style:italic;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.secret-key{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-page);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.secret-key code{flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--text-color);background:none;padding:0;word-break:break-all}.copy-button{background:var(--primary-color);color:#fff;border:none;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.copy-button:hover{background:var(--primary-color-hover);transform:translateY(-1px)}.verification-input{display:flex;justify-content:center}.code-input{width:200px;padding:var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;font-size:1.5rem;font-weight:600;letter-spacing:.5em;background:var(--bg-card);color:var(--text-color);transition:all .3s ease}.code-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border-color)}.btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:.875rem}.btn-secondary{background:var(--bg-card-hover);color:var(--text-color-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color);color:var(--text-color)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-color-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .modal-content{background:#1E293B;border-color:#334155}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{border-color:#334155}[data-theme=dark] .qr-code-container{background:#0F172A;border-color:#334155}[data-theme=dark] .qr-placeholder{background:#1E293B;border-color:#334155}[data-theme=dark] .secret-key{background:#0F172A;border-color:#334155}[data-theme=dark] .code-input{background:#1E293B;border-color:#334155}[data-theme=dark] .btn-secondary{background:#334155;border-color:#475569;color:#9ca3af}[data-theme=dark] .btn-secondary:hover{background:#475569;color:#f1f5f9}@media (max-width: 768px){.modal-content{width:95%;margin:var(--space-4)}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.two-fa-steps{gap:var(--space-6)}.qr-code{max-width:150px}.qr-placeholder{width:150px;height:150px}.code-input{width:150px;font-size:1.25rem}.modal-footer{flex-direction:column}.btn{width:100%}}:root{--primary-color: #10B981;--primary-color-hover: #059669;--secondary-color: #6B7280;--text-color: #111827;--text-color-secondary: #374151;--bg-page: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--bg-card: rgba(255, 255, 255, .95);--bg-card-hover: #F3F4F6;--border-color: #E5E7EB;--border-color-hover: rgba(16, 185, 129, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem}.settings-page{width:100%;min-height:100vh;padding:var(--space-8);background:var(--bg-page);overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.settings-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%);pointer-events:none;z-index:-1}.settings-container{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8);position:relative;z-index:1}.settings-header,.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-header{padding:var(--space-10)}.settings-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10B981 0%,#14F195 100%)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.header-left{display:flex;flex-direction:column;gap:var(--space-2)}.page-title{font-family:Poppins,sans-serif;font-size:1.875rem;font-weight:700;color:var(--text-color);margin:0;display:flex;align-items:center;gap:var(--space-3)}.title-icon{color:var(--primary-color)}.page-subtitle{font-size:1rem;color:var(--secondary-color);margin:0;font-weight:500}.header-actions{display:flex;gap:var(--space-3)}.settings-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.settings-tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);height:fit-content;display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:var(--space-8)}.tab-button{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border:none;background:transparent;color:var(--secondary-color);font-size:.9rem;font-weight:500;border-radius:var(--radius-xl);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.tab-button:hover{background:rgba(16,185,129,.05);color:var(--text-color);transform:translate(4px)}.tab-button.active{background:linear-gradient(135deg,#10B981 0%,#14F195 100%);color:#fff;font-weight:600;transform:translate(8px);box-shadow:0 4px 12px #10b9814d}.settings-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-10);min-height:600px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.settings-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10B981 0%,#14F195 100%);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.settings-section{display:flex;flex-direction:column;gap:var(--space-8)}.section-title{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.form-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-6);margin-top:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-3)}.form-group.full-width{grid-column:span 1}.form-label{font-size:.875rem;font-weight:600;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.form-input,.form-textarea,.form-select{padding:var(--space-4) var(--space-5);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:rgba(255,255,255,.9);color:var(--text-color);font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a,var(--shadow-md);background:rgba(255,255,255,1);transform:translateY(-1px)}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-sm)}.notification-groups,.security-groups,.preferences-groups{display:flex;flex-direction:column;gap:var(--space-8)}.notification-group,.security-group,.preferences-group{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);background:rgba(255,255,255,.5);border-radius:var(--radius-xl);border:1px solid rgba(229,231,235,.4)}.group-title{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0;display:flex;align-items:center;gap:var(--space-2)}.group-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#10B981 0%,#14F195 100%);border-radius:2px}.toggle-list{display:flex;flex-direction:column;gap:var(--space-5)}.toggle-item,.security-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);background:#F9FAFB;border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-item:hover,.security-item:hover{background:var(--bg-card-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--border-color-hover)}.toggle-info,.security-info{display:flex;align-items:center;gap:var(--space-4)}.toggle-icon,.security-icon{color:var(--primary-color);font-size:1.25rem}.toggle-label,.security-label{font-size:.875rem;font-weight:600;color:var(--text-color);margin-bottom:var(--space-1)}.toggle-description,.security-description{font-size:.75rem;color:var(--secondary-color)}.password-section{display:flex;gap:var(--space-4);flex-wrap:wrap}.theme-selector{display:flex;gap:var(--space-2)}.theme-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border:2px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-card);color:var(--secondary-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-option.active{background:linear-gradient(135deg,#10B981 0%,#14F195 100%);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 12px -1px #10b98166}.theme-option:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.toggle-switch{position:relative;width:48px;height:24px;background:#E5E7EB;border-radius:12px;cursor:pointer;transition:all .3s ease}.toggle-switch.on{background:var(--primary-color)}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.toggle-switch.on .toggle-thumb{transform:translate(24px)}@media (min-width: 768px){.settings-container{gap:var(--space-6)}.settings-layout{grid-template-columns:320px 1fr;gap:var(--space-8)}.settings-tabs{flex-direction:column;gap:var(--space-3)}.form-grid{grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:span 2}.password-section{flex-direction:row}}@media (max-width: 767px){.settings-page{padding:var(--space-6)}.settings-container{gap:var(--space-6)}.settings-layout{grid-template-columns:1fr;gap:var(--space-6)}.settings-tabs{position:static;flex-direction:row;display:grid;grid-template-columns:repeat(2,1fr);padding:var(--space-4);gap:var(--space-3)}.tab-button{flex-direction:column;gap:var(--space-2);padding:var(--space-4);text-align:center;font-size:.8rem}.settings-content{padding:var(--space-6)}.form-grid{grid-template-columns:1fr;gap:var(--space-6)}.form-group.full-width{grid-column:span 1}.toggle-item,.security-item{flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-5)}.toggle-switch{align-self:flex-start}.password-section{flex-direction:column;gap:var(--space-4)}}[data-theme=dark]{--text-color: #F1F5F9;--text-color-secondary: #9CA3AF;--bg-page: #0F172A;--bg-card: #1E293B;--bg-card-hover: #334155;--border-color: #334155;--border-color-hover: #475569}[data-theme=dark] .settings-header,[data-theme=dark] .settings-tabs,[data-theme=dark] .settings-content{background:#1E293B}[data-theme=dark] .settings-header,[data-theme=dark] .card{border-color:#334155}[data-theme=dark] .tab-button{color:#9ca3af}[data-theme=dark] .tab-button:hover{background:#334155;color:#f1f5f9}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] .form-select{background:#1E293B;border-color:#334155;color:#f1f5f9}[data-theme=dark] .toggle-item,[data-theme=dark] .security-item{background:#334155;border-color:#475569}[data-theme=dark] .toggle-item:hover,[data-theme=dark] .security-item:hover{background:#475569}[data-theme=dark] .theme-option{background:#1E293B;border-color:#334155;color:#9ca3af}[data-theme=dark] .theme-option:hover{background:#334155}:root{--profile-primary: #2563EB;--profile-primary-hover: #1D4ED8;--profile-secondary: #64748B;--profile-text-dark: #1F2937;--profile-text-light: #374151;--profile-success: #10B981;--profile-warning: #F59E0B;--profile-danger: #EF4444;--profile-bg-page: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--profile-bg-card: rgba(255, 255, 255, .95);--profile-bg-card-hover: rgba(248, 250, 252, .9);--profile-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--profile-gradient-card-border: rgba(102, 126, 234, .3);--profile-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--profile-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--profile-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--profile-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--profile-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--profile-radius-sm: .375rem;--profile-radius-md: .5rem;--profile-radius-lg: .75rem;--profile-radius-xl: 1rem;--profile-radius-2xl: 1.5rem;--profile-space-1: .25rem;--profile-space-2: .5rem;--profile-space-3: .75rem;--profile-space-4: 1rem;--profile-space-6: 1.5rem;--profile-space-8: 2rem;--profile-space-10: 2.5rem}.profile-page{width:100%;min-height:100vh;padding:var(--profile-space-4);background:var(--profile-bg-page);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.profile-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.3) 0%,transparent 50%);pointer-events:none;z-index:-1}.profile-container{width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--profile-space-6);position:relative;z-index:1}.profile-card,.stats-card,.achievements-card,.actions-card{background:var(--profile-bg-card);border:1px solid rgba(255,255,255,.2);border-radius:var(--profile-radius-2xl);box-shadow:var(--profile-shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.profile-card:hover,.stats-card:hover,.achievements-card:hover,.actions-card:hover{transform:translateY(-4px);box-shadow:var(--profile-shadow-xl);border-color:var(--profile-gradient-card-border)}.card-header{padding:var(--profile-space-8);border-bottom:1px solid rgba(226,232,240,.5);display:flex;justify-content:space-between;align-items:center}.card-title{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;font-weight:600;color:var(--profile-text-dark);margin:0;display:flex;align-items:center;gap:var(--profile-space-3)}.card-icon{color:var(--profile-primary)}.card-content{padding:var(--profile-space-8)}.profile-layout{display:grid;grid-template-columns:1fr;gap:var(--profile-space-6);width:100%}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--profile-space-6);margin-bottom:var(--profile-space-8);padding:var(--profile-space-6);background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(139,92,246,.05) 100%);border-radius:var(--profile-radius-xl);border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden}.avatar-container{position:relative;display:flex;flex-direction:column;align-items:center;z-index:2}.avatar{width:120px;height:120px;border-radius:50%;background:var(--profile-gradient-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid rgba(255,255,255,.8);box-shadow:var(--profile-shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.avatar:hover{transform:scale(1.05);box-shadow:var(--profile-shadow-xl);border-color:#667eea99}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-placeholder{color:#ffffffe6;font-size:3rem;text-shadow:0 2px 4px rgba(0,0,0,.1);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-initial{font-size:2.5rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.avatar-edit-btn{position:absolute;bottom:-8px;right:-8px;width:36px;height:36px;border-radius:50%;background:var(--profile-primary);color:#fff;border:3px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--profile-shadow-md);z-index:3}.avatar-edit-btn:hover{background:var(--profile-primary-hover);transform:scale(1.1);box-shadow:var(--profile-shadow-lg)}.profile-basic-info{text-align:center;z-index:2}.profile-name{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.875rem;font-weight:700;color:var(--profile-text-dark);margin:0 0 var(--profile-space-2) 0;background:linear-gradient(135deg,var(--profile-text-dark) 0%,var(--profile-text-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-email{font-size:1rem;color:var(--profile-secondary);margin:0 0 var(--profile-space-4) 0;font-weight:500}.join-date{display:flex;align-items:center;gap:var(--profile-space-2);font-size:.875rem;color:var(--profile-secondary);background:rgba(102,126,234,.1);padding:var(--profile-space-2) var(--profile-space-3);border-radius:var(--profile-radius-md);border:1px solid rgba(102,126,234,.2)}.profile-form{margin-top:var(--profile-space-8)}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--profile-space-6)}.form-group{display:flex;flex-direction:column;gap:var(--profile-space-3);position:relative}.form-label{font-size:.875rem;font-weight:600;color:var(--profile-text-light);display:flex;align-items:center;gap:var(--profile-space-2);margin-bottom:var(--profile-space-1);text-transform:uppercase;letter-spacing:.05em}.form-label svg{color:var(--profile-primary)}.form-input,.form-textarea{padding:var(--profile-space-4);border:2px solid rgba(226,232,240,.8);border-radius:var(--profile-radius-lg);background:rgba(255,255,255,.9);color:var(--profile-text-dark);font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--profile-primary);box-shadow:0 0 0 3px #2563eb1a,var(--profile-shadow-md);background:rgba(255,255,255,1);transform:translateY(-1px)}.form-input:hover,.form-textarea:hover{border-color:#2563eb4d;box-shadow:var(--profile-shadow-sm)}.form-display{padding:var(--profile-space-4);background:rgba(248,250,252,.8);border:2px solid rgba(226,232,240,.5);border-radius:var(--profile-radius-lg);color:var(--profile-text-light);font-size:.875rem;font-weight:500;min-height:48px;display:flex;align-items:center}.form-textarea{resize:vertical;min-height:80px}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--profile-space-6)}.stat-item{display:flex;align-items:center;gap:var(--profile-space-4);padding:var(--profile-space-6);background:#F9FAFB;border-radius:var(--profile-radius-xl);border:1px solid #E5E7EB;transition:all .2s ease}.stat-item:hover{background:#F3F4F6;transform:translateY(-1px)}.stat-icon{width:48px;height:48px;border-radius:var(--profile-radius-lg);background:rgba(16,185,129,.1);display:flex;align-items:center;justify-content:center}.stat-content{flex:1}.stat-value{font-size:1.25rem;font-weight:700;color:var(--profile-text-dark);margin:0 0 .25rem;font-variant-numeric:tabular-nums}.stat-title{font-size:.875rem;color:var(--profile-secondary);margin:0 0 .25rem;font-weight:500}.achievements-grid{display:grid;grid-template-columns:1fr;gap:var(--profile-space-6)}.achievement-item{display:flex;align-items:flex-start;gap:var(--profile-space-4);padding:var(--profile-space-6);background:#F9FAFB;border-radius:var(--profile-radius-xl);border:1px solid #E5E7EB;transition:all .2s ease;position:relative;overflow:hidden}.achievement-item.earned{border-color:var(--profile-success);background:rgba(16,185,129,.05)}.achievement-item.earned .achievement-icon{background:var(--profile-success);color:#fff}.achievement-item.locked{opacity:.6}.achievement-item:hover{background:#F3F4F6;transform:translateY(-1px)}.achievement-icon{width:48px;height:48px;border-radius:var(--profile-radius-lg);background:rgba(16,185,129,.1);color:var(--profile-success);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.achievement-content{flex:1}.achievement-title{font-size:1rem;font-weight:600;color:var(--profile-text-dark);margin:0 0 var(--profile-space-1) 0}.achievement-description{font-size:.875rem;color:var(--profile-secondary);margin:0}.achievement-badge{position:absolute;top:var(--profile-space-3);right:var(--profile-space-3);width:24px;height:24px;border-radius:50%;background:var(--profile-success);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--profile-shadow-sm)}.action-buttons{display:flex;flex-direction:column;gap:var(--profile-space-4)}.action-btn{display:flex;align-items:center;gap:var(--profile-space-4);padding:var(--profile-space-4) var(--profile-space-6);border:1px solid #E5E7EB;border-radius:var(--profile-radius-xl);background:#F9FAFB;font-size:1rem;font-weight:500;color:var(--profile-text-light);cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#F3F4F6;transform:translateY(-2px);box-shadow:var(--profile-shadow-sm)}.action-btn.logout{color:var(--profile-danger);border-color:var(--profile-danger)}.action-btn.logout:hover{background:rgba(239,68,68,.1);color:#fff}.action-btn span{flex:1;text-align:left}@media (min-width: 768px){.profile-container{max-width:1200px;padding:var(--profile-space-6)}.profile-layout{grid-template-columns:2fr 1fr}.profile-card{grid-column:1 / 2}.stats-card{grid-column:2 / 3;grid-row:1 / 2}.achievements-card{grid-column:1 / 2}.actions-card{grid-column:2 / 3;grid-row:2 / 3}.form-grid{grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:span 2}.stats-grid,.achievements-grid{grid-template-columns:1fr 1fr}.action-buttons{flex-direction:row;gap:var(--profile-space-6)}.action-btn{width:100%;justify-content:center}.action-btn span{text-align:center}}@media (min-width: 1024px){.profile-layout{grid-template-columns:2fr 1fr}.stats-grid{grid-template-columns:1fr}.achievements-grid{grid-template-columns:1fr 1fr}}:root{--saytrix-primary: #7C3AED;--saytrix-primary-light: #A855F7;--saytrix-secondary: #14F195;--saytrix-bg-light: #F9FAFB;--saytrix-bg-card: rgba(255, 255, 255, .95);--saytrix-bg-gradient: linear-gradient(135deg, #F9FAFB 0%, #E0E7FF 100%);--saytrix-text-primary: #111827;--saytrix-text-secondary: #6B7280;--saytrix-border: rgba(224, 231, 255, .3);--saytrix-shadow: 0 10px 25px rgba(0, 0, 0, .05);--saytrix-shadow-hover: 0 15px 35px rgba(0, 0, 0, .1);--saytrix-radius: 1.5rem;--saytrix-transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--saytrix-primary: #14F195;--saytrix-primary-light: #3B82F6;--saytrix-secondary: #7C3AED;--saytrix-bg-light: #6F00D1;--saytrix-bg-card: rgba(15, 0, 32, .95);--saytrix-bg-gradient: linear-gradient(135deg, #6F00D1 0%, #0F0020 100%);--saytrix-text-primary: #B6B1BB;--saytrix-text-secondary: rgba(182, 177, 187, .8);--saytrix-border: rgba(182, 177, 187, .1);--saytrix-shadow: 0 10px 25px rgba(111, 0, 209, .2);--saytrix-shadow-hover: 0 15px 35px rgba(111, 0, 209, .3)}[data-theme=dark] .text-step{background:rgba(20,241,149,.1);border-left-color:var(--saytrix-primary)}[data-theme=dark] .text-header{color:var(--saytrix-primary);border-bottom-color:var(--saytrix-border)}[data-theme=dark] .bullet-text,[data-theme=dark] .step-text,[data-theme=dark] .text-line{color:var(--saytrix-text-primary)}[data-theme=dark] .text-line strong{color:var(--saytrix-primary)}[data-theme=dark] .text-line em{color:var(--saytrix-text-secondary)}[data-theme=dark] .suggestion-chip{background:linear-gradient(135deg,var(--saytrix-primary) 0%,var(--saytrix-primary-light) 100%);box-shadow:0 4px 12px #14f1954d}[data-theme=dark] .suggestion-chip:hover{box-shadow:0 6px 20px #14f19566}.saytrix-page{min-height:100vh;background:var(--saytrix-bg-gradient);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--saytrix-text-primary);overflow-x:hidden}.saytrix-container{max-width:1600px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative;padding:0 1rem}.saytrix-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(124,58,237,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(20,241,149,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.saytrix-container>*{position:relative;z-index:1}.saytrix-navbar{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:var(--saytrix-bg-card);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:1px solid var(--saytrix-border);position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #0000001a}.tradebro-brand{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--saytrix-primary)}.brand-icon{padding:.5rem;background:linear-gradient(135deg,var(--saytrix-primary) 0%,var(--saytrix-primary-light) 100%);color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #7c3aed4d}.ai-mode-toggle{display:flex;background:var(--saytrix-border);border-radius:2rem;padding:.25rem;gap:.25rem}.mode-btn{padding:.5rem 1.5rem;border:none;border-radius:1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--saytrix-transition);background:transparent;color:var(--saytrix-text-secondary)}.mode-btn.active{background:var(--saytrix-primary);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.profile-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--saytrix-bg-card);border:1px solid var(--saytrix-border);border-radius:2rem;cursor:pointer;transition:var(--saytrix-transition);font-weight:500;color:var(--saytrix-text-primary)}.profile-btn:hover{border-color:var(--saytrix-primary);transform:translateY(-1px)}.audio-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--saytrix-bg-card);border:1px solid var(--saytrix-border);border-radius:2rem;cursor:pointer;transition:var(--saytrix-transition);font-weight:500;color:var(--saytrix-text-primary)}.audio-toggle-btn.enabled{background:linear-gradient(135deg,var(--saytrix-secondary) 0%,#10B981 100%);color:#fff;border-color:var(--saytrix-secondary)}.audio-toggle-btn.disabled{background:rgba(239,68,68,.1);color:#ef4444;border-color:#ef44444d}.audio-toggle-btn:hover{transform:translateY(-1px)}.saytrix-layout{display:flex;flex:1;gap:2rem;padding:2rem 1rem;min-height:0}.sector-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--saytrix-bg-card);border:1px solid var(--saytrix-border);border-radius:1rem;cursor:pointer;transition:var(--saytrix-transition);text-align:left}.chat-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;flex:1;min-height:0}.saytrix-main{flex:1;display:flex;flex-direction:column;gap:2rem;min-height:0;padding-bottom:140px}.recent-questions{background:var(--saytrix-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--saytrix-border);border-radius:var(--saytrix-radius);padding:2.5rem;text-align:center;box-shadow:var(--saytrix-shadow);margin:2rem 0}.recent-questions h3{font-size:1.5rem;font-weight:700;color:var(--saytrix-text-primary);margin:0 0 2rem;background:linear-gradient(135deg,var(--saytrix-primary) 0%,var(--saytrix-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.question-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:800px;margin:0 auto}.question-chip{padding:1rem 1.5rem;background:var(--saytrix-bg-card);border:2px solid var(--saytrix-border);border-radius:1rem;color:var(--saytrix-text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--saytrix-transition);text-align:center;position:relative;overflow:hidden}.question-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);transition:left .5s}.question-chip:hover:before{left:100%}.question-chip:hover{border-color:var(--saytrix-primary);transform:translateY(-3px);box-shadow:var(--saytrix-shadow-hover);color:var(--saytrix-primary)}.messages-container{flex:1;display:flex;flex-direction:column;gap:2rem;overflow-y:auto;padding:2rem 0;min-height:0;scroll-behavior:smooth;position:relative}.messages-container:after{content:"";position:sticky;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,var(--saytrix-bg-primary),transparent);pointer-events:none;z-index:1}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--saytrix-primary);border-radius:4px;opacity:.3}.messages-container::-webkit-scrollbar-thumb:hover{opacity:.8;background:linear-gradient(to bottom,var(--saytrix-primary),var(--saytrix-primary-light))}.message-wrapper{display:flex;gap:1rem;align-items:flex-start;max-width:100%;opacity:0;transform:translateY(20px);animation:messageSlideIn .5s ease-out forwards}.message-wrapper.user{flex-direction:row-reverse}@keyframes messageSlideIn{to{opacity:1;transform:translateY(0)}}.message-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--saytrix-shadow);position:relative;overflow:hidden}.message-avatar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.message-avatar:hover:before{opacity:1}.message-wrapper.user .message-avatar{background:linear-gradient(135deg,var(--saytrix-secondary) 0%,#10B981 100%);color:#fff;border:2px solid rgba(255,255,255,.2)}.message-wrapper.assistant .message-avatar{background:linear-gradient(135deg,var(--saytrix-primary) 0%,var(--saytrix-primary-light) 100%);color:#fff;border:2px solid rgba(255,255,255,.2)}.message-content{flex:1;max-width:calc(100% - 60px)}.user-message{background:linear-gradient(135deg,var(--saytrix-secondary) 0%,#10B981 100%);color:#fff;padding:1.25rem 1.75rem;border-radius:var(--saytrix-radius) var(--saytrix-radius) .5rem var(--saytrix-radius);box-shadow:var(--saytrix-shadow);margin-left:auto;max-width:75%;position:relative;overflow:hidden}.user-message:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,.6),rgba(255,255,255,.3))}.user-message p{margin:0;font-size:.95rem;font-weight:500;line-height:1.6}.message-meta{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.75rem;opacity:.8}.confidence-badge{padding:.25rem .5rem;border-radius:1rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.confidence-badge.high{background:rgba(255,255,255,.2);color:#ffffffe6}.confidence-badge.medium{background:rgba(251,191,36,.2);color:#f59e0b}.confidence-badge.low{background:rgba(239,68,68,.2);color:#ef4444}.saytrix-card{background:var(--saytrix-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--saytrix-border);border-radius:var(--saytrix-radius);padding:2rem;box-shadow:var(--saytrix-shadow);transition:var(--saytrix-transition);max-width:75%;position:relative;overflow:hidden}.saytrix-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--saytrix-primary),var(--saytrix-primary-light),var(--saytrix-secondary));opacity:0;transition:opacity .3s ease}.saytrix-card:hover{transform:translateY(-3px);box-shadow:var(--saytrix-shadow-hover)}.saytrix-card:hover:before{opacity:1}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-content{margin-bottom:1rem}.card-actions{display:flex;gap:.75rem;margin-top:1rem}.stock-symbol{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:var(--saytrix-text-primary)}.symbol-icon{color:var(--saytrix-primary)}.stock-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:1rem}.stock-change.positive{background:rgba(16,185,129,.1);color:#10b981}.stock-change.negative{background:rgba(239,68,68,.1);color:#ef4444}.stock-price{display:flex;align-items:baseline;gap:.25rem;margin-bottom:1rem}.currency{font-size:1.25rem;font-weight:600;color:var(--saytrix-text-secondary)}.price{font-size:2rem;font-weight:700;color:var(--saytrix-text-primary);font-variant-numeric:tabular-nums}.stock-details,.company-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-item,.metric-item{display:flex;justify-content:space-between;align-items:center}.metric-item{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-item .label,.metric-label{font-size:.875rem;color:var(--saytrix-text-secondary)}.metric-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.detail-item .value,.metric-value{font-size:.875rem;font-weight:600;color:var(--saytrix-text-primary)}.metric-value{font-size:1rem}.detail-item .value.positive{color:#10b981}.detail-item .value.negative{color:#ef4444}.company-name{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:var(--saytrix-text-primary)}.company-icon{color:var(--saytrix-primary)}.company-sector{font-size:.75rem;color:var(--saytrix-text-secondary);background:var(--saytrix-border);padding:.25rem .75rem;border-radius:1rem}.company-description{padding-top:1rem;border-top:1px solid var(--saytrix-border)}.company-description p{margin:0;font-size:.875rem;line-height:1.6;color:var(--saytrix-text-secondary)}.text-card{line-height:1.7;font-size:.95rem}.text-content{color:var(--saytrix-text-primary)}.text-paragraph{margin-bottom:1.5rem}.text-paragraph:last-child{margin-bottom:0}.text-header{font-size:1.1rem;font-weight:700;color:var(--saytrix-primary);margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--saytrix-border);position:relative}.text-header:after{content:"";position:absolute;bottom:-2px;width:30px;height:2px;background:var(--saytrix-secondary)}.text-bullet{display:flex;align-items:flex-start;gap:.75rem;margin:.75rem 0;padding-left:.5rem}.bullet-icon{color:var(--saytrix-secondary);font-weight:700;font-size:1.1rem;line-height:1.6;flex-shrink:0}.bullet-text{flex:1;line-height:1.6;color:var(--saytrix-text-primary)}.text-step{display:flex;align-items:flex-start;gap:1rem;margin:1rem 0;padding:1rem;background:rgba(124,58,237,.05);border-radius:.75rem;border-left:3px solid var(--saytrix-primary)}.step-number{background:var(--saytrix-primary);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.step-text{flex:1;line-height:1.6;color:var(--saytrix-text-primary);font-weight:500}.text-line{margin:.5rem 0;line-height:1.7;color:var(--saytrix-text-primary)}.text-line strong{font-weight:700;color:var(--saytrix-primary)}.text-line em{font-style:italic;color:var(--saytrix-text-secondary)}.suggestions-title{font-size:.875rem;font-weight:600;color:var(--saytrix-text-secondary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.75rem}.suggestion-chip{background:linear-gradient(135deg,var(--saytrix-primary) 0%,var(--saytrix-primary-light) 100%);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:2rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--saytrix-transition);box-shadow:0 4px 12px #7c3aed33;position:relative;overflow:hidden}.suggestion-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.suggestion-chip:hover:before{left:100%}.suggestion-chip:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed4d}.suggestion-chip:active{transform:translateY(0)}.floating-input{position:fixed!important;bottom:1.5rem!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 3rem)!important;max-width:1000px!important;z-index:1000!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:1rem!important}.input-container{display:flex;align-items:center;justify-content:center;gap:1.25rem;background:var(--saytrix-bg-card);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:2px solid var(--saytrix-border);border-radius:2rem;padding:1rem 1.5rem;box-shadow:0 20px 40px #0000001a,0 8px 16px #00000014,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:64px;width:100%;margin:0 auto}.input-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.08),transparent);transition:left .8s cubic-bezier(.4,0,.2,1)}.input-container:focus-within:before{left:100%}.input-container:focus-within{border-color:var(--saytrix-primary);box-shadow:0 25px 50px #7c3aed33,0 12px 24px #7c3aed26,inset 0 1px #fff3;transform:translateY(-2px)}.voice-btn,.send-btn{height:52px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;font-size:1.1rem;position:relative;overflow:hidden}.voice-btn{background:var(--saytrix-bg-card);color:var(--saytrix-text-secondary);border:2px solid var(--saytrix-border);box-shadow:0 4px 12px #0000000d}.voice-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(124,58,237,.12);border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%)}.voice-btn:hover:before{width:120%;height:120%}.voice-btn:hover{border-color:var(--saytrix-primary);color:var(--saytrix-primary);transform:scale(1.08);box-shadow:0 8px 20px #7c3aed33}.voice-btn.listening{background:linear-gradient(135deg,var(--saytrix-primary) 0%,var(--saytrix-primary-light) 100%);color:#fff;border-color:var(--saytrix-primary);box-shadow:0 0 30px #7c3aed99,0 8px 20px #7c3aed4d;animation:pulseListening 2s infinite}@keyframes pulseListening{0%,to{transform:scale(1);box-shadow:0 0 30px #7c3aed99,0 8px 20px #7c3aed4d}50%{transform:scale(1.05);box-shadow:0 0 40px #7c3aedcc,0 12px 30px #7c3aed66}}.typing-indicator{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--saytrix-bg-card);border-radius:var(--saytrix-radius);margin:1rem 0;opacity:0;animation:fadeIn .3s ease-out forwards}.typing-dots{display:flex;gap:.25rem}.typing-dot{width:8px;height:8px;background:var(--saytrix-primary);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.saytrix-navbar,.saytrix-main{padding:1rem}.recent-questions{padding:1.5rem}.question-chips{grid-template-columns:1fr}.floating-input{width:calc(100vw - 2rem)!important;bottom:1rem!important;left:50%!important;transform:translate(-50%)!important}.input-container{padding:.875rem 1.25rem;min-height:56px;gap:1rem;margin:0 auto;width:100%}.voice-btn,.send-btn{width:48px;height:48px;font-size:1rem}.voice-indicator{bottom:6rem;padding:.875rem 1.25rem;font-size:.8rem;left:50%;transform:translate(-50%)}.message-wrapper{gap:.75rem}.user-message,.saytrix-card{max-width:85%}}.send-btn{background:linear-gradient(135deg,var(--saytrix-primary) 0%,var(--saytrix-primary-light) 100%);color:#fff;border:2px solid transparent;box-shadow:0 6px 16px #7c3aed4d,0 2px 8px #7c3aed33}.send-btn:hover{transform:scale(1.08);box-shadow:0 8px 24px #7c3aed66,0 4px 12px #7c3aed4d}.send-btn:active{transform:scale(.95)}.send-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transition:all .3s ease;transform:translate(-50%,-50%)}.send-btn:hover:not(:disabled):before{width:100%;height:100%}.send-btn:hover:not(:disabled){transform:scale(1.1) rotate(15deg);box-shadow:0 10px 25px #7c3aed66}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.send-btn:disabled:hover{transform:none;box-shadow:none}.message-input{flex:1;padding:1rem 0;border:none;background:transparent;color:var(--saytrix-text-primary);font-size:1rem;font-weight:500;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;resize:none;min-height:24px;max-height:120px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.message-input::-webkit-scrollbar{display:none}.message-input::placeholder{color:var(--saytrix-text-secondary);font-weight:400;opacity:.8}.voice-indicator{position:fixed!important;bottom:8rem!important;left:50vw!important;right:auto!important;transform:translate(-50%)!important;background:var(--saytrix-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--saytrix-border);border-radius:2rem;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.875rem;font-weight:500;color:var(--saytrix-text-primary);box-shadow:0 10px 25px #0000001a;z-index:999!important;margin:0!important;max-width:300px}.voice-indicator.listening{border-color:var(--saytrix-primary);background:linear-gradient(135deg,var(--saytrix-primary),var(--saytrix-primary-light));color:#fff;box-shadow:0 0 25px #7c3aed66}.voice-indicator.speaking{border-color:var(--saytrix-secondary);background:linear-gradient(135deg,var(--saytrix-secondary),#10B981);color:#fff;box-shadow:0 0 25px #14f19566}.listening-animation{display:flex;align-items:center;gap:.25rem}.listening-animation .wave{width:3px;height:16px;background:currentColor;border-radius:2px;animation:waveAnimation 1.5s ease-in-out infinite}.listening-animation .wave:nth-child(2){animation-delay:.2s}.listening-animation .wave:nth-child(3){animation-delay:.4s}@keyframes waveAnimation{0%,to{height:8px;opacity:.5}50%{height:20px;opacity:1}}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--saytrix-transition)}.buy-btn{background:linear-gradient(135deg,#10B981 0%,var(--saytrix-secondary) 100%);color:#fff}.buy-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #10b9814d}.sell-btn{background:linear-gradient(135deg,#EF4444 0%,#F87171 100%);color:#fff}.sell-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #ef44444d}.suggestion-chip{padding:.5rem 1rem;background:rgba(124,58,237,.1);border:1px solid var(--saytrix-primary);border-radius:1.5rem;color:var(--saytrix-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--saytrix-transition);white-space:nowrap}.suggestion-chip:hover{background:var(--saytrix-primary);color:#fff;transform:translateY(-1px)}.typing-indicator{display:flex;gap:.25rem;align-items:center;padding:1rem 1.5rem}.typing-indicator span{width:8px;height:8px;background:var(--saytrix-primary);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}.voice-indicator{position:fixed;bottom:7rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-radius:2rem;font-size:.875rem;font-weight:500;z-index:1001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--saytrix-shadow-hover);max-width:300px;white-space:nowrap}.voice-indicator.listening{background:rgba(124,58,237,.95);color:#fff;border:1px solid var(--saytrix-primary)}.voice-indicator.speaking{background:rgba(16,185,129,.95);color:#fff;border:1px solid var(--saytrix-secondary)}.listening-animation{display:flex;gap:.25rem;align-items:center}.wave{width:3px;height:20px;background:currentColor;border-radius:1.5px;animation:wave 1s ease-in-out infinite}.wave:nth-child(2){animation-delay:.1s}.wave:nth-child(3){animation-delay:.2s}@keyframes wave{0%,to{height:20px;opacity:.4}50%{height:10px;opacity:1}}.error-banner{position:fixed;top:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:rgba(239,68,68,.95);color:#fff;border-radius:1rem;font-size:.875rem;font-weight:500;z-index:1002;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 25px #ef44444d}.error-banner button{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:var(--saytrix-transition)}.error-banner button:hover{background:rgba(255,255,255,.2)}@media (max-width: 1024px){.saytrix-layout{flex-direction:column;gap:1rem}.saytrix-sidebar{width:100%;max-height:200px;order:-1}.saytrix-sidebar.collapsed{width:100%;max-height:80px}.sector-btn{flex-shrink:0;min-width:120px}.floating-input{width:calc(100vw - 4rem)!important;bottom:1rem!important;left:50%!important;transform:translate(-50%)!important}}.animate-spin{animation:spin 1s linear infinite}.saytrix-sidebar::-webkit-scrollbar{width:4px}.saytrix-sidebar::-webkit-scrollbar-track{background:transparent}.saytrix-sidebar::-webkit-scrollbar-thumb{background:var(--saytrix-border);border-radius:2px}.saytrix-sidebar::-webkit-scrollbar-thumb:hover{background:var(--saytrix-primary)}@media (max-width: 480px){.saytrix-navbar{padding:.75rem}.brand-text,.profile-btn span{display:none}.saytrix-layout{padding:.75rem}.recent-questions,.saytrix-card{padding:1rem}.floating-input{width:calc(100% - 1rem);bottom:.5rem}.voice-indicator{bottom:6rem;padding:.75rem 1rem;font-size:.75rem}}@media (max-width: 1024px){.floating-input{width:calc(100vw - 4rem)!important;bottom:1rem!important;left:50%!important;transform:translate(-50%)!important}}@media (max-width: 768px){.saytrix-navbar{padding:1rem;flex-wrap:wrap;gap:1rem}.navbar-center{order:3;width:100%}.ai-mode-toggle{width:100%;justify-content:center}.saytrix-layout{padding:1rem}.recent-questions{padding:1.5rem}.question-chips{flex-direction:column;align-items:stretch}.question-chip{text-align:center;padding:1rem}.saytrix-card{max-width:100%}.user-message{max-width:85%}.stock-details,.company-metrics{grid-template-columns:1fr}.card-actions{flex-direction:column}.input-container{padding:.5rem .75rem}.voice-btn,.send-btn{width:40px;height:40px}}.saytrix-container{padding:0 1rem}.saytrix-layout{gap:2rem;padding:2rem 1rem}.saytrix-main{gap:2rem;padding-bottom:140px}.messages-container{gap:1.5rem;padding:1rem 0}.floating-input{position:fixed!important;bottom:1.5rem!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 3rem)!important;max-width:1000px!important;z-index:1000!important}.voice-indicator{bottom:7rem!important;padding:.75rem 1.25rem;max-width:280px}@media (max-width: 1024px){.saytrix-layout{padding:1.5rem .75rem;gap:1.5rem}.floating-input{width:calc(100% - 2rem)!important}}@media (max-width: 768px){.saytrix-container{padding:0 .5rem}.saytrix-navbar{padding:1rem .5rem}.saytrix-layout{padding:1rem .5rem;gap:1rem}.saytrix-main{gap:1.5rem;padding-bottom:120px}.recent-questions{padding:1.5rem 1rem;margin:1rem 0}.question-chips{gap:.75rem}.messages-container{gap:1rem;padding:.5rem 0}.floating-input{width:calc(100% - 1rem)!important;bottom:1rem!important}.input-container{padding:.75rem 1rem;min-height:52px;gap:.75rem}.voice-btn,.send-btn{width:44px;height:44px}.voice-indicator{bottom:5.5rem!important;padding:.75rem 1rem;font-size:.8rem}.user-message,.saytrix-card{max-width:90%}}.saytrix-card{padding:2rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.card-content{display:flex;flex-direction:column;gap:1.25rem}.text-content{line-height:1.7;display:flex;flex-direction:column;gap:1rem}.text-paragraph{margin:0}.text-header{margin:1.5rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--saytrix-border)}.text-header:first-child{margin-top:0}.text-bullet,.text-step{margin:.75rem 0}.text-line{margin:.5rem 0;display:flex;align-items:flex-start;gap:.5rem}.text-line:first-child{margin-top:0}.text-line:last-child{margin-bottom:0}.text-suggestions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--saytrix-border)}.suggestion-chips{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding:.5rem 0}.suggestion-chip{margin:.25rem;padding:.75rem 1.25rem;display:inline-block}@media (max-width: 480px){.saytrix-container{padding:0 .25rem}.saytrix-navbar{padding:.75rem .5rem}.saytrix-layout{padding:.75rem .25rem;gap:.75rem}.saytrix-main{gap:1rem;padding-bottom:100px}.recent-questions{padding:1rem .75rem;margin:.5rem 0}.messages-container{gap:.75rem}.saytrix-card{padding:1.5rem 1rem;margin-bottom:1rem}.text-content,.text-paragraph{margin-bottom:1rem}.text-header{margin:1.5rem 0 .75rem}.text-suggestions{margin-top:2rem;padding-top:1.5rem}.suggestion-chips{gap:.75rem;margin-top:1rem;padding:.25rem 0}.suggestion-chip{margin:.125rem;padding:.5rem 1rem}.text-line{margin:.375rem 0;gap:.375rem}.floating-input{width:calc(100% - .5rem)!important;bottom:.5rem!important}.input-container{padding:.5rem .75rem;min-height:48px;gap:.5rem}.voice-btn,.send-btn{width:40px;height:40px}.voice-indicator{bottom:4.5rem!important;padding:.5rem .75rem;font-size:.75rem}}.stock-detail-page{padding:20px;max-width:800px;margin:0 auto;background:var(--bg-primary);min-height:100vh}.stock-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:16px 0;border-bottom:1px solid var(--border-primary)}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--bg-tertiary);transform:translate(-2px)}.header-info h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.header-info p{font-size:16px;color:var(--text-secondary);margin:4px 0 0}.header-actions{display:flex;gap:12px}.refresh-btn,.watchlist-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.refresh-btn:hover,.watchlist-btn:hover{background:var(--bg-tertiary)}.refresh-btn.spinning svg{animation:spin 1s linear infinite}.watchlist-btn.active{background:var(--accent-primary);color:#fff}.price-section{background:var(--card-bg);border-radius:20px;padding:24px;margin-bottom:24px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.current-price{display:flex;align-items:center;gap:16px;margin-bottom:20px}.price-value{font-size:36px;font-weight:700;color:var(--text-primary)}.price-change{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;font-weight:600;font-size:16px}.price-change.positive{background:rgba(16,185,129,.1);color:var(--success-color)}.price-change.negative{background:rgba(239,68,68,.1);color:var(--danger-color)}.price-range{display:grid;grid-template-columns:1fr 1fr;gap:20px}.range-item{display:flex;flex-direction:column;gap:4px}.range-item .label{font-size:14px;color:var(--text-secondary);font-weight:500}.range-item .value{font-size:16px;color:var(--text-primary);font-weight:600}.key-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-item{display:flex;align-items:center;gap:12px;background:var(--card-bg);padding:16px;border-radius:16px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.stat-icon{width:20px;height:20px;color:var(--accent-primary)}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:12px;color:var(--text-secondary);font-weight:500}.stat-value{font-size:16px;color:var(--text-primary);font-weight:600}.trading-section{background:var(--card-bg);border-radius:20px;padding:24px;margin-bottom:24px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.trading-section h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.quantity-section{margin-bottom:20px}.quantity-section label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.quantity-controls{display:flex;align-items:center;gap:12px}.quantity-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-primary);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease}.quantity-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.quantity-input{width:80px;height:40px;border:1px solid var(--border-primary);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);text-align:center;font-size:16px;font-weight:600}.quantity-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.order-summary{background:var(--bg-secondary);border-radius:16px;padding:16px;margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.summary-row:not(:last-child){border-bottom:1px solid var(--border-primary)}.summary-row.total{font-weight:700;font-size:16px;color:var(--text-primary)}.summary-row .positive{color:var(--success-color)}.summary-row .negative{color:var(--danger-color)}.slide-to-buy-container{position:relative}.insufficient-funds-warning{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(239,68,68,.1);color:var(--danger-color);border-radius:12px;margin-bottom:16px;font-size:14px;font-weight:500}.slide-to-buy{position:relative;height:60px;border-radius:30px;overflow:hidden;cursor:pointer;user-select:none;transition:all .3s ease;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.slide-to-buy.disabled{opacity:.5;cursor:not-allowed}.slide-to-buy.processing{cursor:wait}.slide-track{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:30px;transition:background .1s ease;overflow:hidden}.slide-button{position:absolute;top:4px;left:4px;width:52px;height:52px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;cursor:grab;color:#10b981;font-size:20px;-webkit-user-select:none;user-select:none;z-index:2;transition:box-shadow .2s ease}.slide-button:active{cursor:grabbing}.slide-button:hover{box-shadow:0 6px 16px #0003}.slide-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600;font-size:16px;color:#fff;pointer-events:none}.loading-spinner.small{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #10B981;border-radius:50%;animation:spin 1s linear infinite}.company-info{background:var(--card-bg);border-radius:20px;padding:24px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.company-info h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.company-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-primary)}.detail-row .label{font-size:14px;color:var(--text-secondary);font-weight:500}.detail-row .value{font-size:14px;color:var(--text-primary);font-weight:600}.company-description{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.stock-detail-loading,.stock-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:16px}.stock-detail-error svg{color:var(--danger-color)}.stock-detail-error h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.stock-detail-error p{font-size:16px;color:var(--text-secondary);margin:0}.back-btn{padding:12px 24px;background:var(--accent-primary);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:var(--accent-secondary);transform:translateY(-1px)}.clickable{cursor:pointer;transition:all .2s ease}.clickable:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.clickable:active{transform:translateY(0)}@media (max-width: 768px){.stock-detail-page{padding:16px}.price-range{grid-template-columns:1fr;gap:12px}.key-stats{grid-template-columns:repeat(2,1fr);gap:12px}.quantity-controls{justify-content:center}.company-details{grid-template-columns:1fr}.header-info h1{font-size:24px}.price-value{font-size:28px}}.trades-page{padding:2rem}.trades-container{max-width:1200px;margin:0 auto}.trades-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.trade-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.trade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.trade-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.trade-type{padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.trade-type.buy{background:var(--success-bg);color:var(--success-text)}.trade-type.sell{background:var(--danger-bg);color:var(--danger-text)}.trade-details p{margin:.5rem 0;color:var(--text-secondary)}.trade-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-edit,.btn-delete{padding:.5rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.btn-edit{background:var(--primary-bg);color:var(--primary-text)}.btn-delete{background:var(--danger-bg);color:var(--danger-text)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-elevated);padding:2rem;border-radius:var(--radius-lg);width:90%;max-width:400px}.modal-content h2{margin-bottom:1.5rem;color:var(--text-primary)}.modal-content form{display:flex;flex-direction:column;gap:1rem}.modal-content input,.modal-content select{padding:.75rem;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary)}.modal-actions{display:flex;gap:1rem;margin-top:1rem}.modal-actions button{flex:1;padding:.75rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:500}.modal-actions button[type=button]{background:var(--bg-secondary);color:var(--text-secondary)}.modal-actions button[type=submit]{background:var(--primary);color:#fff}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.legal-page{min-height:100vh;background:var(--dark-bg-primary);padding:var(--space-xl) var(--space-lg);position:relative;overflow-x:hidden}.legal-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 35%,rgba(20,241,149,.05) 0%,transparent 25%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.08) 0%,transparent 20%);z-index:0}.legal-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.legal-header{margin-bottom:var(--space-3xl)}.back-link{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:var(--space-xl);transition:all .2s ease;padding:var(--space-sm) 0}.back-link:hover{color:var(--accent-primary);transform:translate(-4px)}.legal-title-section{text-align:center;padding:var(--space-2xl);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:var(--radius-xl);border:1px solid var(--glass-border-strong);box-shadow:var(--shadow-lg)}.legal-icon{width:80px;height:80px;margin:0 auto var(--space-lg);background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);box-shadow:var(--shadow-md)}.legal-title{font-size:2.5rem;font-weight:800;color:var(--text-inverse);margin-bottom:var(--space-md);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.legal-subtitle{font-size:1.1rem;color:#fffc;margin-bottom:var(--space-lg);line-height:1.6}.last-updated{display:inline-block;padding:var(--space-sm) var(--space-lg);background:rgba(59,130,246,.1);color:var(--accent-primary);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;border:1px solid rgba(59,130,246,.2)}.legal-content{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:var(--radius-xl);border:1px solid var(--glass-border-strong);box-shadow:var(--shadow-lg);padding:var(--space-3xl)}.legal-notice,.privacy-commitment{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);color:#ffc107}.privacy-commitment{background:rgba(20,241,149,.1);border-color:#14f1954d;color:var(--success-color)}.highlight-box{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:rgba(20,241,149,.1);border:1px solid rgba(20,241,149,.3);border-radius:var(--radius-md);color:var(--success-color);margin:var(--space-lg) 0;font-weight:500}.warning-box{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--error-color);margin:var(--space-lg) 0}.legal-section{margin-bottom:var(--space-3xl)}.legal-section h2{display:flex;align-items:center;gap:var(--space-md);font-size:1.5rem;font-weight:700;color:var(--text-inverse);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--glass-border-strong)}.legal-section h3{font-size:1.2rem;font-weight:600;color:var(--text-inverse);margin:var(--space-xl) 0 var(--space-md) 0}.legal-section p{color:#ffffffe6;line-height:1.7;margin-bottom:var(--space-lg)}.legal-section ul{margin:var(--space-lg) 0;padding-left:var(--space-xl)}.legal-section li{color:#ffffffd9;line-height:1.6;margin-bottom:var(--space-sm)}.legal-section li strong{color:var(--text-inverse);font-weight:600}.contact-info{background:rgba(255,255,255,.05);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);margin:var(--space-lg) 0}.contact-info p{margin-bottom:var(--space-sm);color:#ffffffe6}.contact-info strong{color:var(--text-inverse)}.inline-link{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:all .2s ease}.inline-link:hover{text-decoration:underline;color:var(--accent-secondary)}.legal-footer{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:2px solid var(--glass-border-strong);text-align:center}.legal-footer p{color:#fffc;font-size:1.1rem;margin-bottom:var(--space-xl);font-weight:500}.legal-actions{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.legal-actions .btn{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--space-sm)}.legal-actions .btn-outline{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary)}.legal-actions .btn-outline:hover{background:var(--accent-primary);color:var(--text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-md)}.legal-actions .btn-primary{background:var(--gradient-primary);border:none;color:var(--text-inverse);box-shadow:var(--shadow-md)}.legal-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.legal-page{padding:var(--space-lg) var(--space-md)}.legal-content{padding:var(--space-xl)}.legal-title{font-size:2rem}.legal-subtitle{font-size:1rem}.legal-section h2{font-size:1.3rem;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.legal-actions{flex-direction:column;align-items:center}.legal-actions .btn{width:100%;max-width:300px;justify-content:center}.legal-notice,.privacy-commitment,.warning-box{flex-direction:column;gap:var(--space-sm)}}@media (max-width: 480px){.legal-title-section{padding:var(--space-xl)}.legal-icon{width:60px;height:60px}.legal-title{font-size:1.75rem}.legal-content{padding:var(--space-lg)}.legal-section ul{padding-left:var(--space-lg)}}:root{--brand-navy: #0A1930;--brand-green: #14C38E;--brand-teal: #00C2CB;--brand-gold: #C19A6B;--brand-blue: #0EA5E9;--bg-primary: #F9FAFB;--bg-secondary: #F9FAFB;--bg-tertiary: #F9FAFB;--bg-elevated: #FFFFFF;--bg-accent: #E0E7FF;--bg-overlay: rgba(249, 250, 251, .95);--text-primary: #111827;--text-secondary: #4B5563;--text-tertiary: #6B7280;--text-quaternary: #9CA3AF;--text-inverse: #FFFFFF;--text-muted: #9CA3AF;--accent-primary: #047857;--accent-secondary: #D1FAE5;--accent-light: #D1FAE5;--accent-hover: #065F46;--accent-pressed: #064E3B;--success-color: #10B981;--success-light: #ECFDF5;--success-dark: #047857;--error-color: #DC2626;--error-light: #FEF2F2;--error-dark: #991B1B;--warning-color: #D97706;--warning-light: #FEF3C7;--warning-dark: #92400E;--info-color: #2563EB;--info-light: #EFF6FF;--info-dark: #1D4ED8;--profit-color: #059669;--profit-bg: #F0FDF4;--loss-color: #EF4444;--loss-bg: #FEF2F2;--neutral-color: #6B7280;--border-primary: #E5E7EB;--border-secondary: #D1D5DB;--border-tertiary: #9CA3AF;--border-focus: #047857;--border-hover: #6B7280;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--glass-bg-strong: rgba(255, 255, 255, .12);--glass-border-strong: rgba(255, 255, 255, .25);--gradient-primary: linear-gradient(135deg, #14C38E 0%, #00C2CB 50%, #0EA5E9 100%);--gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-text: linear-gradient(135deg, #14C38E 0%, #00C2CB 50%, #0EA5E9 100%);--gradient-gold: linear-gradient(135deg, #C19A6B 0%, #F4D03F 100%);--gradient-dark: linear-gradient(135deg, #0A1930 0%, #1A2332 50%, #2A3441 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-secondary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Monaco", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--space-5xl: 6rem;--space-6xl: 8rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(26, 29, 35, .03);--shadow-sm: 0 1px 2px 0 rgba(26, 29, 35, .05);--shadow-md: 0 4px 6px -1px rgba(26, 29, 35, .08), 0 2px 4px -1px rgba(26, 29, 35, .04);--shadow-lg: 0 10px 15px -3px rgba(26, 29, 35, .08), 0 4px 6px -2px rgba(26, 29, 35, .04);--shadow-xl: 0 20px 25px -5px rgba(26, 29, 35, .08), 0 10px 10px -5px rgba(26, 29, 35, .04);--shadow-2xl: 0 25px 50px -12px rgba(26, 29, 35, .12);--shadow-3xl: 0 35px 60px -12px rgba(26, 29, 35, .15);--shadow-glow: 0 0 20px rgba(20, 195, 142, .15);--shadow-glow-strong: 0 0 40px rgba(20, 195, 142, .25);--shadow-teal-glow: 0 0 30px rgba(0, 194, 203, .2);--shadow-focus: 0 0 0 3px rgba(4, 120, 87, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--transition-spring: .6s cubic-bezier(.175, .885, .32, 1.275);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}[data-theme=dark]{--bg-primary: #6F00D1;--bg-secondary: #0F0020;--bg-tertiary: #0F0020;--bg-elevated: #0F0020;--bg-accent: #14F195;--bg-overlay: rgba(15, 0, 32, .95);--text-primary: #B6B1BB;--text-secondary: #B6B1BB;--text-tertiary: #B6B1BB;--text-quaternary: #B6B1BB;--text-inverse: #0F0020;--text-muted: #B6B1BB;--accent-primary: #14F195;--accent-secondary: #3B82F6;--accent-light: rgba(20, 241, 149, .1);--accent-hover: #10D97F;--accent-pressed: #0EA770;--border-primary: rgba(182, 177, 187, .2);--border-secondary: rgba(182, 177, 187, .3);--border-tertiary: rgba(182, 177, 187, .4);--border-focus: #14F195;--border-hover: rgba(182, 177, 187, .5);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-bg-strong: rgba(255, 255, 255, .08);--glass-border-strong: rgba(255, 255, 255, .15);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .15);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .25), 0 10px 10px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .3);--shadow-3xl: 0 35px 60px -12px rgba(0, 0, 0, .35);--shadow-glow: 0 0 20px rgba(20, 195, 142, .3);--shadow-glow-strong: 0 0 40px rgba(20, 195, 142, .4);--shadow-teal-glow: 0 0 30px rgba(0, 194, 203, .3);--shadow-focus: 0 0 0 3px rgba(20, 195, 142, .2)}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family-primary);font-size:1rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-variant-ligatures:common-ligatures}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;backface-visibility:hidden}svg,.icon{shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden}button,input,select,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;backface-visibility:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-secondary);font-weight:600;line-height:1.2;margin-bottom:var(--space-lg);color:var(--text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.025em}h2{font-size:2rem;font-weight:650;letter-spacing:-.02em}h3{font-size:1.75rem;font-weight:600;letter-spacing:-.015em}h4{font-size:1.5rem;font-weight:600;letter-spacing:-.01em}h5{font-size:1.25rem;font-weight:600}h6{font-size:1.125rem;font-weight:600}p{margin-bottom:var(--space-lg);color:var(--text-secondary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:hover{color:var(--accent-hover)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-error{color:var(--error-color)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.visible{display:block}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}@media (max-width: 768px){html{font-size:14px}.container{padding:0 var(--space-md)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@media (max-width: 480px){html{font-size:13px}.container{padding:0 var(--space-sm)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--border-color: #000000;--text-secondary: #000000}}.app{min-height:100vh;display:flex;flex-direction:row;overflow-x:hidden}.main-content{flex:1;min-height:100vh;overflow-x:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content-full{flex:1;min-height:100vh;overflow-x:hidden;margin-left:0;width:100%}@media (min-width: 769px){.main-content{margin-left:280px}}.page{min-height:100vh;padding:var(--space-4);background:var(--bg-primary);width:100%;overflow-x:hidden}@media (min-width: 768px){.page{padding:var(--space-6)}}@media (min-width: 1024px){.page{padding:var(--space-8)}}.page-container{max-width:100%;margin:0 auto;width:100%}@media (min-width: 1200px){.page-container{max-width:1400px}}@media (min-width: 1440px){.page-container{max-width:1600px}}.page-header{margin-bottom:var(--space-8);position:relative}.page-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.3) 20%,rgba(16,185,129,.3) 80%,transparent 100%)}@media (min-width: 768px){.page-header{margin-bottom:var(--space-10)}}.page-header h1{display:flex;align-items:center;gap:var(--space-4);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.2;letter-spacing:-.025em}.page-header h1 svg{width:2rem;height:2rem;padding:.375rem;background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 12px #3b82f640}@media (min-width: 768px){.page-header h1{font-size:2.5rem;gap:var(--space-5);margin-bottom:var(--space-4)}.page-header h1 svg{width:2.5rem;height:2.5rem;padding:.5rem}}@media (min-width: 1024px){.page-header h1{font-size:3rem}}.page-header p{font-size:1rem;color:var(--text-secondary);margin-bottom:0;line-height:1.6;max-width:600px}@media (min-width: 768px){.page-header p{font-size:1.125rem}}@media (min-width: 1024px){.page-header p{font-size:1.25rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-lg);background:var(--bg-primary)}.loading-spinner{border:3px solid var(--border-light);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.sm{width:20px;height:20px;border-width:2px}.loading-spinner.md{width:40px;height:40px;border-width:3px}.loading-spinner.lg{width:60px;height:60px;border-width:4px}.loading-text{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media print{*{background:white!important;color:#000!important;box-shadow:none!important}.no-print{display:none!important}}--btn-primary-bg: var(--accent-primary); --btn-primary-hover: var(--accent-hover); --btn-primary-text: var(--text-inverse); --btn-secondary-bg: var(--secondary-bg); --btn-secondary-hover: var(--tertiary-bg); --btn-secondary-text: var(--text-primary); --input-bg: var(--elevated-bg); --input-border: var(--border-primary); --input-focus-border: var(--border-focus); --input-placeholder: var(--text-quaternary); --modal-bg: var(--elevated-bg); --modal-overlay: rgba(0, 0, 0, .5); --modal-border: var(--border-primary); --toast-success-bg: var(--success-light); --toast-success-border: var(--success-color); --toast-error-bg: var(--danger-light); --toast-error-border: var(--danger-color); --toast-warning-bg: var(--warning-light); --toast-warning-border: var(--warning-color); --toast-info-bg: var(--info-light); --toast-info-border: var(--info-color); } :root {--price-up: var(--success-color);--price-down: var(--danger-color);--price-neutral: var(--text-secondary);--price-up-bg: var(--success-light);--price-down-bg: var(--danger-light);--portfolio-gain: var(--profit-color);--portfolio-loss: var(--loss-color);--portfolio-gain-bg: var(--profit-bg);--portfolio-loss-bg: var(--loss-bg);--order-pending: var(--warning-color);--order-filled: var(--success-color);--order-cancelled: var(--danger-color);--order-partial: var(--info-color);--market-open: var(--success-color);--market-closed: var(--danger-color);--market-pre: var(--warning-color);--market-after: var(--info-color)}:root{--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.175, .885, .32, 1.275);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-slower: .5s;--duration-slowest: .75s;--delay-none: 0ms;--delay-short: 75ms;--delay-normal: .15s;--delay-long: .3s;--transform-origin-center: center;--transform-origin-top: top;--transform-origin-bottom: bottom;--transform-origin-left: left;--transform-origin-right: right}:root{--space-px: 1px;--space-0: 0;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--z-hide: -1;--z-auto: auto;--z-base: 0;--z-docked: 10;--z-dropdown: 1000;--z-sticky: 1020;--z-banner: 1030;--z-overlay: 1040;--z-modal: 1050;--z-popover: 1060;--z-skiplink: 1070;--z-toast: 1080;--z-tooltip: 1090}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--primary-bg);transition:var(--transition-colors)}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}a{color:var(--accent-primary);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--accent-hover);text-decoration:underline}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*:not(.sidebar):not(.sidebar *){-webkit-backface-visibility:hidden;backface-visibility:hidden}input:not(.sidebar input):not(.sidebar textarea):not(.sidebar select),textarea:not(.sidebar input):not(.sidebar textarea):not(.sidebar select),select:not(.sidebar input):not(.sidebar textarea):not(.sidebar select){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-primary);outline:none}.icon:not(.sidebar .icon):not(.sidebar svg):not(.sidebar i),svg:not(.sidebar .icon):not(.sidebar svg):not(.sidebar i),i:not(.sidebar .icon):not(.sidebar svg):not(.sidebar i){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;-webkit-backface-visibility:hidden;backface-visibility:hidden}table,th,td{border-collapse:collapse;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover);border-color:var(--border-secondary);transform:translateY(-1px)}.btn-success{background:var(--success-color);color:var(--text-inverse);border-color:var(--success-color)}.btn-success:hover:not(:disabled){background:var(--success-dark);border-color:var(--success-dark);transform:translateY(-1px)}.btn-danger{background:var(--danger-color);color:var(--text-inverse);border-color:var(--danger-color)}.btn-danger:hover:not(:disabled){background:var(--danger-dark);border-color:var(--danger-dark);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}.btn-outline:hover:not(:disabled){background:var(--accent-primary);color:var(--text-inverse)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--font-size-lg)}.btn-full{width:100%}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--shadow-focus)}.form-input::placeholder{color:var(--input-placeholder)}.form-input.error{border-color:var(--danger-color);box-shadow:0 0 0 3px #dc26261a}.form-input.success{border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--card-shadow);transition:var(--transition-fast)}.card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:0}.price-display{font-family:var(--font-mono);font-weight:var(--font-weight-semibold)}.price-up{color:var(--price-up)}.price-down{color:var(--price-down)}.price-neutral{color:var(--price-neutral)}.portfolio-gain{color:var(--portfolio-gain);background:var(--portfolio-gain-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base)}.portfolio-loss{color:var(--portfolio-loss);background:var(--portfolio-loss-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--secondary-bg);border-radius:var(--radius-base)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-base);transition:var(--transition-colors)}::-webkit-scrollbar-thumb:hover{background:var(--border-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-secondary) var(--secondary-bg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-fade-in{animation:fadeIn var(--duration-300) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-500) var(--ease-out)}.animate-slide-down{animation:slideDown var(--duration-500) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-200) var(--ease-out)}.animate-pulse{animation:pulse var(--duration-1000) var(--ease-in-out) infinite}.animate-bounce{animation:bounce var(--duration-1000) var(--ease-bounce)}.hover-lift{transition:var(--transition-transform)}.hover-lift:hover{transform:translateY(-4px)}.hover-glow{transition:var(--transition-fast)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-scale{transition:var(--transition-transform)}.hover-scale:hover{transform:scale(1.02)}.loading-shimmer{background:linear-gradient(90deg,var(--secondary-bg) 0%,var(--tertiary-bg) 50%,var(--secondary-bg) 100%);background-size:200px 100%;animation:shimmer var(--duration-1000) ease-in-out infinite}*:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:focus,.form-input:focus{outline:none;box-shadow:var(--shadow-focus)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){:root{--border-primary: #000000;--border-secondary: #000000;--text-secondary: var(--text-primary)}.btn,.card{border-width:2px}}@media (min-width: 640px){.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:text-base{font-size:var(--font-size-base)}.sm\:text-lg{font-size:var(--font-size-lg)}}@media (min-width: 768px){.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}}@media (min-width: 1024px){.lg\:text-xl{font-size:var(--font-size-xl)}.lg\:text-2xl{font-size:var(--font-size-2xl)}.lg\:text-3xl{font-size:var(--font-size-3xl)}}@media (max-width: 768px){html{font-size:14px}.btn{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm)}.card{padding:var(--space-4);border-radius:var(--radius-lg)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (max-width: 480px){html{font-size:13px}.btn{padding:var(--space-2) var(--space-4)}.card{padding:var(--space-3)}}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.bg-primary{background-color:var(--primary-bg)}.bg-secondary{background-color:var(--secondary-bg)}.bg-success{background-color:var(--success-light)}.bg-danger{background-color:var(--danger-light)}.bg-warning{background-color:var(--warning-light)}.bg-info{background-color:var(--info-light)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.theme-transition{transition:background-color var(--duration-300) var(--ease-in-out),color var(--duration-300) var(--ease-in-out),border-color var(--duration-300) var(--ease-in-out)}*{transition:background-color var(--duration-200) var(--ease-in-out),color var(--duration-200) var(--ease-in-out),border-color var(--duration-200) var(--ease-in-out)}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--card-padding: var(--space-6);--card-gap: var(--space-4);--section-padding: var(--space-8);--element-gap: var(--space-4);--content-gap: var(--space-6);--page-padding: var(--space-6);--button-padding-x: var(--space-6);--button-padding-y: var(--space-3);--input-padding-x: var(--space-4);--input-padding-y: var(--space-3);--form-gap: var(--space-4);--container-padding: var(--space-6);--grid-gap: var(--space-6);--list-gap: var(--space-3);--nav-gap: var(--space-4)}@media (max-width: 768px){:root{--card-padding: var(--space-4);--section-padding: var(--space-6);--page-padding: var(--space-4);--container-padding: var(--space-4);--grid-gap: var(--space-4)}}@media (max-width: 480px){:root{--card-padding: var(--space-3);--section-padding: var(--space-4);--page-padding: var(--space-3);--container-padding: var(--space-3);--grid-gap: var(--space-3)}}.page-container{padding:var(--page-padding);margin:0 auto;max-width:1400px}.page-header{margin-bottom:var(--section-padding);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-primary)}.page-content{display:flex;flex-direction:column;gap:var(--content-gap)}.page-section{margin-bottom:var(--section-padding)}.page-section:last-child{margin-bottom:0}.container{padding-left:var(--container-padding);padding-right:var(--container-padding)}.content-wrapper{padding:var(--section-padding)}.grid{display:grid;gap:var(--grid-gap)}.flex{display:flex;gap:var(--element-gap)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.card{padding:var(--card-padding);margin-bottom:var(--card-gap)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-primary)}.card-body{display:flex;flex-direction:column;gap:var(--space-4)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-primary)}.list{display:flex;flex-direction:column;gap:var(--list-gap)}.list-item{padding:var(--space-3) var(--space-4)}.form{display:flex;flex-direction:column;gap:var(--form-gap)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-row{display:flex;gap:var(--space-4);align-items:end}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-primary)}.nav{display:flex;gap:var(--nav-gap)}.nav-vertical{flex-direction:column;gap:var(--space-2)}.nav-item{padding:var(--space-2) var(--space-4)}.table{border-spacing:0;border-collapse:separate}.table th,.table td{padding:var(--space-3) var(--space-4)}.table th{padding-bottom:var(--space-4);border-bottom:2px solid var(--border-primary)}.table td{border-bottom:1px solid var(--border-primary)}.modal-content{padding:var(--space-8)}.modal-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary)}.modal-body{margin-bottom:var(--space-6)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--border-primary)}.btn,.button,button:not(.nav-item):not(.toggle-btn):not(.sidebar *){display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--button-padding-y) var(--button-padding-x);font-family:var(--font-primary);font-size:.875rem;font-weight:500;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,background-color,border-color,box-shadow;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:var(--shadow-sm);min-height:44px}.btn:hover,.button:hover,button:not(.nav-item):not(.toggle-btn):hover{transform:translateY(-1px) translateZ(0);box-shadow:var(--shadow-md)}.btn:active,.button:active,button:not(.nav-item):not(.toggle-btn):active{transform:translateY(0) translateZ(0);box-shadow:var(--shadow-sm)}.input,.form-control,input:not([type=checkbox]):not([type=radio]),textarea,select{display:block;width:100%;padding:var(--input-padding-y) var(--input-padding-x);font-family:var(--font-primary);font-size:1rem;font-weight:400;line-height:1.5;color:var(--text-primary);background:var(--elevated-bg);border:2px solid var(--border-primary);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:48px;margin-bottom:var(--space-1)}.input:focus,.form-control:focus,input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #14f1951a;transform:translateY(-1px)}.input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:1}.input-sm{padding:var(--space-2) var(--space-3);font-size:.875rem;min-height:40px}.input-lg{padding:var(--space-4) var(--space-5);font-size:1.125rem;min-height:56px}.input-group{display:flex;gap:var(--space-2);align-items:stretch}.input-group .input{margin-bottom:0}.input-group-prepend,.input-group-append{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-secondary);font-size:.875rem;font-weight:500}.input-group-prepend{border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group-append{border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group .input{border-radius:0}.input-group .input:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group .input:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.form-label,label{display:block;margin-bottom:var(--space-2);font-size:.875rem;font-weight:600;color:var(--text-secondary);line-height:1.4}.form-label.required:after,label.required:after{content:" *";color:var(--danger-color)}.form-help,.help-text{margin-top:var(--space-1);font-size:.8125rem;color:var(--text-tertiary);line-height:1.4}.input.error,.form-control.error{border-color:var(--danger-color);box-shadow:0 0 0 3px #ef44441a}.error-message{margin-top:var(--space-1);font-size:.8125rem;color:var(--danger-color);font-weight:500}.input.success,.form-control.success{border-color:var(--success-color);box-shadow:0 0 0 3px #14f1951a}.success-message{margin-top:var(--space-1);font-size:.8125rem;color:var(--success-color);font-weight:500}.card{background:var(--elevated-bg);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:var(--card-gap)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--space-5) var(--card-padding);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);margin-bottom:0}.card-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.4}.card-subtitle{margin:var(--space-1) 0 0 0;font-size:.875rem;color:var(--text-secondary);font-weight:500}.card-body{padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--space-4)}.card-footer{padding:var(--space-4) var(--card-padding);background:var(--bg-secondary);border-top:1px solid var(--border-primary);margin-top:0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.table-container{background:var(--elevated-bg);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.table thead{background:var(--bg-secondary)}.table th{padding:var(--space-4) var(--space-5);text-align:left;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;border-bottom:2px solid var(--border-primary);position:sticky;top:0;z-index:1}.table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-primary);color:var(--text-primary);vertical-align:middle}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.table-sm th,.table-sm td{padding:var(--space-3) var(--space-4)}.table-lg th,.table-lg td{padding:var(--space-5) var(--space-6)}.list{background:var(--elevated-bg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.list-item{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:var(--space-3);transition:all .2s ease;cursor:pointer}.list-item:hover{background:var(--bg-secondary);transform:translate(2px)}.list-item:last-child{border-bottom:none}.list-item-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.list-item-title{font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.list-item-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}.list-item-meta{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--text-tertiary)}.list-item-actions{display:flex;gap:var(--space-2);align-items:center}.list-flush{border:none;border-radius:0;box-shadow:none}.list-flush .list-item{border-left:none;border-right:none;border-radius:0}.badge,.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:600;line-height:1;text-align:center;white-space:nowrap;border-radius:var(--radius-full);border:1px solid transparent;margin-right:var(--space-2);margin-bottom:var(--space-1)}.badge:last-child,.tag:last-child{margin-right:0}.badge-sm,.tag-sm{padding:var(--space-1) var(--space-2);font-size:.6875rem}.badge-lg,.tag-lg{padding:var(--space-2) var(--space-4);font-size:.875rem}.badge-group,.tag-group{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.badge-group .badge,.badge-group .tag,.tag-group .badge,.tag-group .tag{margin:0}.m-0{margin:0!important}.m-1{margin:var(--space-1)!important}.m-2{margin:var(--space-2)!important}.m-3{margin:var(--space-3)!important}.m-4{margin:var(--space-4)!important}.m-5{margin:var(--space-5)!important}.m-6{margin:var(--space-6)!important}.m-8{margin:var(--space-8)!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--space-1)!important}.mt-2{margin-top:var(--space-2)!important}.mt-3{margin-top:var(--space-3)!important}.mt-4{margin-top:var(--space-4)!important}.mt-5{margin-top:var(--space-5)!important}.mt-6{margin-top:var(--space-6)!important}.mt-8{margin-top:var(--space-8)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--space-1)!important}.mb-2{margin-bottom:var(--space-2)!important}.mb-3{margin-bottom:var(--space-3)!important}.mb-4{margin-bottom:var(--space-4)!important}.mb-5{margin-bottom:var(--space-5)!important}.mb-6{margin-bottom:var(--space-6)!important}.mb-8{margin-bottom:var(--space-8)!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--space-1)!important}.ml-2{margin-left:var(--space-2)!important}.ml-3{margin-left:var(--space-3)!important}.ml-4{margin-left:var(--space-4)!important}.ml-5{margin-left:var(--space-5)!important}.ml-6{margin-left:var(--space-6)!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--space-1)!important}.mr-2{margin-right:var(--space-2)!important}.mr-3{margin-right:var(--space-3)!important}.mr-4{margin-right:var(--space-4)!important}.mr-5{margin-right:var(--space-5)!important}.mr-6{margin-right:var(--space-6)!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--space-1)!important;margin-right:var(--space-1)!important}.mx-2{margin-left:var(--space-2)!important;margin-right:var(--space-2)!important}.mx-3{margin-left:var(--space-3)!important;margin-right:var(--space-3)!important}.mx-4{margin-left:var(--space-4)!important;margin-right:var(--space-4)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:var(--space-1)!important;margin-bottom:var(--space-1)!important}.my-2{margin-top:var(--space-2)!important;margin-bottom:var(--space-2)!important}.my-3{margin-top:var(--space-3)!important;margin-bottom:var(--space-3)!important}.my-4{margin-top:var(--space-4)!important;margin-bottom:var(--space-4)!important}.my-6{margin-top:var(--space-6)!important;margin-bottom:var(--space-6)!important}.p-0{padding:0!important}.p-1{padding:var(--space-1)!important}.p-2{padding:var(--space-2)!important}.p-3{padding:var(--space-3)!important}.p-4{padding:var(--space-4)!important}.p-5{padding:var(--space-5)!important}.p-6{padding:var(--space-6)!important}.p-8{padding:var(--space-8)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--space-1)!important}.pt-2{padding-top:var(--space-2)!important}.pt-3{padding-top:var(--space-3)!important}.pt-4{padding-top:var(--space-4)!important}.pt-5{padding-top:var(--space-5)!important}.pt-6{padding-top:var(--space-6)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--space-1)!important}.pb-2{padding-bottom:var(--space-2)!important}.pb-3{padding-bottom:var(--space-3)!important}.pb-4{padding-bottom:var(--space-4)!important}.pb-5{padding-bottom:var(--space-5)!important}.pb-6{padding-bottom:var(--space-6)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--space-1)!important;padding-right:var(--space-1)!important}.px-2{padding-left:var(--space-2)!important;padding-right:var(--space-2)!important}.px-3{padding-left:var(--space-3)!important;padding-right:var(--space-3)!important}.px-4{padding-left:var(--space-4)!important;padding-right:var(--space-4)!important}.px-5{padding-left:var(--space-5)!important;padding-right:var(--space-5)!important}.px-6{padding-left:var(--space-6)!important;padding-right:var(--space-6)!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:var(--space-1)!important;padding-bottom:var(--space-1)!important}.py-2{padding-top:var(--space-2)!important;padding-bottom:var(--space-2)!important}.py-3{padding-top:var(--space-3)!important;padding-bottom:var(--space-3)!important}.py-4{padding-top:var(--space-4)!important;padding-bottom:var(--space-4)!important}.py-5{padding-top:var(--space-5)!important;padding-bottom:var(--space-5)!important}.py-6{padding-top:var(--space-6)!important;padding-bottom:var(--space-6)!important}.gap-0{gap:0!important}.gap-1{gap:var(--space-1)!important}.gap-2{gap:var(--space-2)!important}.gap-3{gap:var(--space-3)!important}.gap-4{gap:var(--space-4)!important}.gap-5{gap:var(--space-5)!important}.gap-6{gap:var(--space-6)!important}.gap-8{gap:var(--space-8)!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:var(--space-1)!important}.row-gap-2{row-gap:var(--space-2)!important}.row-gap-3{row-gap:var(--space-3)!important}.row-gap-4{row-gap:var(--space-4)!important}.row-gap-6{row-gap:var(--space-6)!important}.col-gap-0{column-gap:0!important}.col-gap-1{column-gap:var(--space-1)!important}.col-gap-2{column-gap:var(--space-2)!important}.col-gap-3{column-gap:var(--space-3)!important}.col-gap-4{column-gap:var(--space-4)!important}.col-gap-6{column-gap:var(--space-6)!important}@media (max-width: 768px){.md\:m-0{margin:0!important}.md\:m-2{margin:var(--space-2)!important}.md\:m-4{margin:var(--space-4)!important}.md\:p-0{padding:0!important}.md\:p-2{padding:var(--space-2)!important}.md\:p-4{padding:var(--space-4)!important}.md\:gap-2{gap:var(--space-2)!important}.md\:gap-4{gap:var(--space-4)!important}}@media (max-width: 480px){.sm\:m-0{margin:0!important}.sm\:m-1{margin:var(--space-1)!important}.sm\:m-2{margin:var(--space-2)!important}.sm\:p-0{padding:0!important}.sm\:p-1{padding:var(--space-1)!important}.sm\:p-2{padding:var(--space-2)!important}.sm\:gap-1{gap:var(--space-1)!important}.sm\:gap-2{gap:var(--space-2)!important}}.btn:disabled,.button:disabled,button:not(.nav-item):not(.toggle-btn):disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary,.button-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.btn-primary:hover,.button-primary:hover{background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.btn-secondary,.button-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--border-primary)}.btn-secondary:hover,.button-secondary:hover{background-color:var(--btn-secondary-hover)}.btn-success,.button-success{background-color:var(--btn-success-bg);color:var(--btn-success-text);border-color:var(--btn-success-bg)}.btn-success:hover,.button-success:hover{background-color:var(--btn-success-hover);border-color:var(--btn-success-hover)}.btn-danger,.button-danger{background-color:var(--btn-danger-bg);color:var(--btn-danger-text);border-color:var(--btn-danger-bg)}.btn-danger:hover,.button-danger:hover{background-color:var(--btn-danger-hover);border-color:var(--btn-danger-hover)}.btn-sm,.button-sm{padding:.5rem 1rem;font-size:.75rem}.btn-lg,.button-lg{padding:1rem 2rem;font-size:1rem}.btn-xl,.button-xl{padding:1.25rem 2.5rem;font-size:1.125rem}.input,.form-input,input:not([type=checkbox]):not([type=radio]){display:block;width:100%;padding:.75rem 1rem;font-family:var(--font-primary);font-size:.875rem;font-weight:400;line-height:1.5;color:var(--input-text);background-color:var(--input-bg);background-clip:padding-box;border:1px solid var(--input-border);border-radius:var(--radius-lg);transition:var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.input:focus,.form-input:focus,input:not([type=checkbox]):not([type=radio]):focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.input::placeholder,.form-input::placeholder,input:not([type=checkbox]):not([type=radio])::placeholder{color:var(--input-placeholder);opacity:1}.input:disabled,.form-input:disabled,input:not([type=checkbox]):not([type=radio]):disabled{opacity:.6;cursor:not-allowed}.input-sm,.form-input-sm{padding:.5rem .75rem;font-size:.75rem}.input-lg,.form-input-lg{padding:1rem 1.25rem;font-size:1rem}.card{display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--elevated-bg);background-clip:border-box;border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);transition:var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.card-header{padding:1.5rem 1.5rem 0;margin-bottom:0;background-color:transparent;border-bottom:1px solid var(--border-secondary)}.card-body{flex:1 1 auto;padding:1.5rem}.card-footer{padding:0 1.5rem 1.5rem;background-color:transparent;border-top:1px solid var(--border-secondary)}.card-title{margin-bottom:.75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.card-subtitle{margin-top:-.375rem;margin-bottom:0;font-size:.875rem;color:var(--text-secondary)}.card-text{margin-bottom:1rem;color:var(--text-secondary)}.card-glass{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.card-elevated{box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1;color:var(--text-inverse);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--radius-full);background-color:var(--accent-primary)}.badge-primary{background-color:var(--accent-primary);color:var(--text-inverse)}.badge-secondary{background-color:var(--text-quaternary);color:var(--text-inverse)}.badge-success{background-color:var(--success-color);color:var(--text-inverse)}.badge-danger{background-color:var(--danger-color);color:var(--text-inverse)}.badge-warning{background-color:var(--warning-color);color:var(--text-inverse)}.badge-info{background-color:var(--info-color);color:var(--text-inverse)}.badge-sm{padding:.125rem .375rem;font-size:.625rem}.badge-lg{padding:.375rem .75rem;font-size:.875rem}.table{width:100%;margin-bottom:1rem;color:var(--text-primary);vertical-align:top;border-color:var(--border-primary);border-collapse:collapse}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid var(--border-primary)}.table thead th{vertical-align:bottom;border-bottom:2px solid var(--border-primary);font-weight:600;color:var(--text-secondary);background-color:var(--bg-secondary)}.table tbody tr:hover{background-color:var(--bg-secondary)}.table-striped tbody tr:nth-of-type(odd){background-color:var(--bg-secondary)}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid var(--border-primary)}.loading{display:inline-block;width:1rem;height:1rem;border:2px solid var(--loading-secondary);border-radius:50%;border-top-color:var(--loading-primary);animation:spin 1s ease-in-out infinite}.loading-lg{width:2rem;height:2rem;border-width:3px}.loading-sm{width:.75rem;height:.75rem;border-width:1px}@keyframes spin{to{transform:rotate(360deg)}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-nowrap{white-space:nowrap!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.font-weight-light{font-weight:var(--font-light)!important}.font-weight-normal{font-weight:var(--font-normal)!important}.font-weight-medium{font-weight:var(--font-medium)!important}.font-weight-semibold{font-weight:var(--font-semibold)!important}.font-weight-bold{font-weight:var(--font-bold)!important}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}.btn-premium:focus-visible{box-shadow:var(--shadow-lg)}.btn-premium:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--elevated-bg);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success{background:linear-gradient(135deg,var(--success-color),var(--success-dark));color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-success:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-danger{background:linear-gradient(135deg,var(--danger-color),var(--danger-dark));color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-warning{background:linear-gradient(135deg,var(--warning-color),var(--warning-dark));color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-warning:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-info{background:linear-gradient(135deg,var(--info-color),var(--info-dark));color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-info:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-premium{background:var(--elevated-bg);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--card-shadow);transition:all var(--transition-base);overflow:hidden;position:relative}.card-premium:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-focus)}.card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--success-color),var(--info-color))}.card-glass-premium{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.stats-card{background:var(--elevated-bg);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--card-shadow);transition:all var(--transition-base);position:relative;overflow:hidden}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.stats-card-icon{width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:var(--text-inverse)}.stats-card-title{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.stats-card-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.stats-card-change{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.stats-card-change.positive{color:var(--success-color)}.stats-card-change.negative{color:var(--danger-color)}.notification-premium{background:var(--notification-bg);border:1px solid var(--notification-border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-lg);display:flex;align-items:flex-start;gap:.75rem;position:relative;overflow:hidden}.notification-premium:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--accent-primary)}.notification-premium.success:before{background:var(--success-color)}.notification-premium.danger:before{background:var(--danger-color)}.notification-premium.warning:before{background:var(--warning-color)}.notification-premium.info:before{background:var(--info-color)}.notification-icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.notification-content{flex:1}.notification-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.notification-message{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.input-premium{width:100%;padding:.875rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:.875rem;color:var(--input-text);transition:all var(--transition-fast);outline:none}.input-premium:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.input-premium::placeholder{color:var(--input-placeholder)}.input-group-premium{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group-premium .input-premium{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group-premium .input-group-text{display:flex;align-items:center;padding:.875rem 1rem;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-secondary);text-align:center;white-space:nowrap;background-color:var(--bg-secondary);border:1px solid var(--input-border);border-radius:var(--radius-lg)}.badge-premium{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:600;line-height:1;color:var(--text-inverse);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));box-shadow:var(--shadow-sm)}.badge-premium.success{background:linear-gradient(135deg,var(--success-color),var(--success-dark))}.badge-premium.danger{background:linear-gradient(135deg,var(--danger-color),var(--danger-dark))}.badge-premium.warning{background:linear-gradient(135deg,var(--warning-color),var(--warning-dark))}.badge-premium.info{background:linear-gradient(135deg,var(--info-color),var(--info-dark))}.loading-premium{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid var(--border-secondary);border-radius:50%;border-top-color:var(--accent-primary);animation:spin-premium 1s linear infinite}.loading-premium.large{width:2.5rem;height:2.5rem;border-width:3px}.loading-premium.small{width:1rem;height:1rem;border-width:1px}@keyframes spin-premium{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s ease-out}.slide-up{animation:slideUp .5s ease-out}.scale-in{animation:scaleIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;width:100%;max-width:100%;font-size:14px;scroll-behavior:smooth}body{overflow-x:hidden;width:100%;max-width:100%;margin:0;padding:0;font-family:var(--font-family-primary, "Inter", sans-serif);line-height:1.6;background:var(--bg-primary);color:var(--text-primary)}.app{width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative}.main-content{width:100%;max-width:100%;min-height:100vh;overflow-x:hidden;flex:1;transition:margin-left .3s cubic-bezier(.4,0,.2,1);z-index:1}@media (max-width: 768px){.main-content{margin-left:0!important;margin-top:0!important;margin-bottom:80px!important;padding:.75rem}.dashboard-container{padding:0}.market-indices,.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.index-card,.stat-card{padding:.75rem}.index-value,.stat-value{font-size:1.25rem}.page-header{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.page-header-actions{flex-wrap:wrap;justify-content:center;gap:.5rem}.auth-card{margin:1rem;padding:1.5rem;width:calc(100% - 2rem)}.modal-content{margin:1rem;width:calc(100% - 2rem);max-height:90vh;overflow-y:auto}.trades-grid{grid-template-columns:1fr;gap:1rem}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%;margin:.25rem 0}.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;height:70px;background:var(--bg-elevated);border-top:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:space-around;padding:8px 16px;box-shadow:0 -2px 10px #0000001a}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;text-decoration:none;color:var(--text-secondary);border-radius:var(--radius-md);transition:all .2s ease;min-width:60px;font-size:.75rem}.mobile-nav-item svg{font-size:1.25rem;margin-bottom:4px}.mobile-nav-item.active{color:var(--primary);background:var(--primary-bg)}.mobile-nav-item span{font-size:.7rem;font-weight:500}.main-content{padding-bottom:80px!important;margin-left:0!important}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.nav-item{padding:.75rem 1rem}.nav-link{font-size:.9rem}.form-input{font-size:16px;padding:.75rem}.form-actions{display:flex;flex-direction:column;gap:.75rem}.form-actions .btn{width:100%;padding:.875rem}.code-input{text-align:center!important;font-size:1.25rem!important;letter-spacing:.25rem!important}.demo-code-notice{background:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius-md);padding:.75rem;margin-top:1rem;text-align:center}.btn,.nav-link,.trade-actions button{min-height:44px;min-width:44px}}.page-container{width:100%;max-width:100%;padding:20px;min-height:calc(100vh - 40px);box-sizing:border-box}@media (min-width: 769px){.page-container{padding:32px 40px;min-height:calc(100vh - 64px)}}@media (max-width: 768px) and (min-width: 481px){.page-container{padding:24px 20px;min-height:calc(100vh - 48px)}}@media (max-width: 480px){.page-container{padding:16px 12px;min-height:calc(100vh - 32px)}}.responsive-grid{display:grid;gap:20px;width:100%}@media (min-width: 1200px){.responsive-grid.cols-3{grid-template-columns:repeat(3,1fr)}.responsive-grid.cols-2{grid-template-columns:repeat(2,1fr)}.responsive-grid.cols-4{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1199px) and (min-width: 769px){.responsive-grid.cols-3,.responsive-grid.cols-4,.responsive-grid.cols-2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.responsive-grid.cols-2,.responsive-grid.cols-3,.responsive-grid.cols-4{grid-template-columns:1fr;gap:16px}}.responsive-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:all .2s ease}@media (max-width: 768px){.responsive-card{padding:16px;border-radius:var(--radius-md)}}@media (max-width: 480px){.responsive-card{padding:12px;border-radius:var(--radius-sm)}}.responsive-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}@media (max-width: 768px){.responsive-title{font-size:1.75rem;margin-bottom:12px}}@media (max-width: 480px){.responsive-title{font-size:1.5rem;margin-bottom:8px}}.responsive-subtitle{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px}@media (max-width: 768px){.responsive-subtitle{font-size:1.125rem;margin-bottom:8px}}@media (max-width: 480px){.responsive-subtitle{font-size:1rem;margin-bottom:6px}}.responsive-button{padding:12px 24px;font-size:.875rem;border-radius:var(--radius-md);transition:all .2s ease}@media (max-width: 768px){.responsive-button{padding:10px 20px;font-size:.8rem}}@media (max-width: 480px){.responsive-button{padding:8px 16px;font-size:.75rem;border-radius:var(--radius-sm)}}.page{width:100%;min-height:100vh;padding:var(--space-4, 1rem);overflow-x:hidden;background:var(--bg-primary)}.page-container,.dashboard-container,.portfolio-container,.watchlist-container,.orders-container,.news-container,.saytrix-container{width:100%;max-width:100%;padding:var(--space-4, 1rem);margin:0 auto;overflow-x:hidden;transition:all .3s ease}@media (max-width: 480px){html{font-size:13px}.page,.page-container,.dashboard-container,.portfolio-container,.watchlist-container,.orders-container,.news-container,.saytrix-container{padding:var(--space-3, .75rem)}.page-title{font-size:1.25rem;margin-bottom:var(--space-3, .75rem)}.page-subtitle{font-size:.75rem;margin-bottom:var(--space-4, 1rem)}.market-indices,.stats-grid{grid-template-columns:1fr}.mobile-nav-item{min-width:50px;padding:6px 8px}.mobile-nav-item svg{font-size:1.1rem}.mobile-nav-item span{font-size:.65rem}.index-card,.stat-card{padding:1rem}.auth-card{margin:.5rem;padding:1rem}.modal-content{margin:.5rem;width:calc(100% - 1rem)}.page-header-title{font-size:1.5rem}.page-header-subtitle{font-size:.875rem}}@media (min-width: 481px) and (max-width: 768px){html{font-size:14px}.page,.page-container,.dashboard-container,.portfolio-container,.watchlist-container,.orders-container,.news-container,.saytrix-container{padding:var(--space-4, 1rem)}.page-title{font-size:1.5rem;margin-bottom:var(--space-4, 1rem)}.page-subtitle{font-size:.875rem;margin-bottom:var(--space-5, 1.25rem)}}@media (min-width: 769px) and (max-width: 1024px){html{font-size:15px}.page,.page-container,.dashboard-container,.portfolio-container,.watchlist-container,.orders-container,.news-container,.saytrix-container{padding:var(--space-6, 1.5rem)}.page-title{font-size:2rem;margin-bottom:var(--space-5, 1.25rem)}.page-subtitle{font-size:1rem;margin-bottom:var(--space-6, 1.5rem)}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5, 1.25rem)}.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}}@media (min-width: 1025px){html{font-size:16px}.page,.page-container,.dashboard-container,.portfolio-container,.watchlist-container,.orders-container,.news-container,.saytrix-container{padding:var(--space-8, 2rem);max-width:1400px}.page-title{font-size:2.5rem;margin-bottom:var(--space-6, 1.5rem)}.page-subtitle{font-size:1.125rem;margin-bottom:var(--space-8, 2rem)}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6, 1.5rem)}.table-responsive table{min-width:auto}}@media (min-width: 1440px){.page,.page-container,.dashboard-container,.portfolio-container,.watchlist-container,.orders-container,.news-container,.saytrix-container{max-width:1600px;padding:var(--space-10, 2.5rem)}.metrics-grid{gap:var(--space-8, 2rem)}.page-title{font-size:3rem}}.card,.metric-card,.dashboard-card,.portfolio-card{width:100%;max-width:100%;overflow:hidden;margin-bottom:var(--space-4, 1rem)}@media (min-width: 768px){.card,.metric-card,.dashboard-card,.portfolio-card{margin-bottom:var(--space-6, 1.5rem)}}.grid,.metrics-grid,.dashboard-grid,.portfolio-grid{width:100%;max-width:100%;overflow:hidden;display:grid;gap:var(--space-4, 1rem)}@media (max-width: 768px){.grid,.metrics-grid,.dashboard-grid,.portfolio-grid{grid-template-columns:1fr;gap:var(--space-3, .75rem)}}@media (min-width: 769px) and (max-width: 1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width: 1025px){.metrics-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid,.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{width:100%;min-width:100%;border-collapse:collapse}@media (max-width: 768px){.table-responsive table{min-width:600px;font-size:.875rem}.table-responsive th,.table-responsive td{padding:var(--space-2, .5rem)}}@media (min-width: 769px){.table-responsive th,.table-responsive td{padding:var(--space-3, .75rem)}}.form-container,.form-group,.input-group{width:100%;max-width:100%}.form-row{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}@media (min-width: 768px){.form-row{flex-direction:row;align-items:center}}.btn,.button{max-width:100%;word-wrap:break-word;padding:var(--space-3, .75rem) var(--space-4, 1rem);font-size:.875rem}@media (min-width: 768px){.btn,.button{padding:var(--space-3, .75rem) var(--space-5, 1.25rem);font-size:1rem}}@media (min-width: 1024px){.btn,.button{padding:var(--space-3, .75rem) var(--space-6, 1.5rem)}}.search-container,.filter-container{width:100%;max-width:100%;overflow:hidden;margin-bottom:var(--space-4, 1rem)}.search-input,.filter-input{width:100%;max-width:100%;padding:var(--space-3, .75rem);font-size:.875rem}@media (min-width: 768px){.search-container,.filter-container{margin-bottom:var(--space-6, 1.5rem)}.search-input,.filter-input{font-size:1rem;padding:var(--space-3, .75rem) var(--space-4, 1rem)}}.search-results{width:100%;max-width:100%;overflow:hidden}.chart-container,.graph-container{width:100%;max-width:100%;overflow:hidden;margin-bottom:var(--space-4, 1rem)}.chart-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%}.chart-wrapper>*{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 768px){.chart-wrapper{padding-bottom:75%}}.modal,.overlay{max-width:100vw;max-height:100vh;overflow:auto}.modal-content{max-width:90vw;max-height:90vh;overflow:auto;margin:var(--space-4, 1rem)}@media (min-width: 768px){.modal-content{max-width:600px;margin:var(--space-8, 2rem) auto}}@media (min-width: 1024px){.modal-content{max-width:800px}}.flex-container{display:flex;flex-wrap:wrap;max-width:100%}.desktop-only{display:none}@media (min-width: 1025px){.mobile-only{display:none}.desktop-only{display:block}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}img,video,iframe,embed,object{max-width:100%;height:auto}.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-wrap{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.flex-container{display:flex;flex-wrap:wrap;max-width:100%;overflow:hidden}.flex-item{flex:1;min-width:0;max-width:100%}.mobile-only{display:block}.tablet-only,.desktop-only{display:none}@media (min-width: 769px) and (max-width: 1024px){.mobile-only,.desktop-only{display:none}.tablet-only{display:block}}@media (min-width: 1025px){.mobile-only,.tablet-only{display:none}.desktop-only{display:block}}.spacing-mobile{margin:var(--space-3, .75rem);padding:var(--space-3, .75rem)}.spacing-tablet{margin:var(--space-4, 1rem);padding:var(--space-4, 1rem)}.spacing-desktop{margin:var(--space-6, 1.5rem);padding:var(--space-6, 1.5rem)}@media (min-width: 769px){.spacing-mobile{margin:var(--space-4, 1rem);padding:var(--space-4, 1rem)}}@media (min-width: 1025px){.spacing-mobile,.spacing-tablet{margin:var(--space-6, 1.5rem);padding:var(--space-6, 1.5rem)}}*:focus{outline:2px solid var(--accent-primary, #10b981);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.card,.btn,.input{border-width:2px}}*{max-width:100%;word-wrap:break-word}.container{width:100%;max-width:100%;margin:0 auto;padding:0 var(--space-4, 1rem)}@media (min-width: 768px){.container{padding:0 var(--space-6, 1.5rem)}}@media (min-width: 1024px){.container{max-width:1200px;padding:0 var(--space-8, 2rem)}}@media (min-width: 1440px){.container{max-width:1400px}}@media print{.mobile-menu-btn,.btn,.modal{display:none!important}.main-content{margin-left:0!important;width:100%!important}.page,.page-container{padding:0;margin:0}}