:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.admin_container{flex-direction:column;width:100%;min-height:100vh;margin:0;display:flex}.admin_container .admin_header{background-color:#fff;justify-content:flex-end;align-items:center;gap:10px;height:13vh;display:flex}.admin_container .admin_header img{border-radius:50%;width:3rem;height:3rem;margin:1rem}.admin_container .admin_header button{cursor:pointer;color:#07689f;text-transform:uppercase;background-color:#0000;border:none;font-size:1rem;font-weight:800}.admin_container .admin_body{flex-direction:row;height:100%;display:flex}.admin_container .admin_body .sidebar{background-color:#07689f;flex:1}.admin_container .admin_body .sidebar .sidebar_item{cursor:pointer;color:#92b9d4;text-transform:uppercase;flex-direction:row;align-items:center;gap:10px;width:100%;height:5rem;padding-left:clamp(.5rem,15%,2rem);font-size:1rem;text-decoration:none;display:flex;position:relative}.admin_container .admin_body .sidebar .sidebar_item:after{content:"";opacity:0;pointer-events:none;background:#fff;border-radius:5px;width:85%;height:70%;transition:all .3s;position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%)}.admin_container .admin_body .sidebar .sidebar_item:hover{color:#fff}.admin_container .admin_body .sidebar .sidebar_item:hover:after{opacity:.1}.admin_container .admin_body .container{flex:4;overflow-y:auto}.admin_container .admin_body .container img{object-fit:cover;width:100%;height:100%}.managerUser{border-top:1px solid #a6aeba;flex-direction:column;width:calc(100% - .5rem);min-height:86.5dvh;margin-left:.5rem;display:flex}.managerUser .managerUser_card{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.managerUser .managerUser_card .card{background-color:#f5f4ed;border-radius:10px}.managerUser .managerUser_card .card .card_header{color:#000}.managerUser .managerUser_card .card .card_header span{font-size:.8rem}.managerUser .managerUser_card .card .card_value{font-size:.8rem;font-weight:600}.managerUser .tab{gap:6px;margin-top:.3rem;display:flex}.managerUser .tab button{cursor:pointer;border-radius:5px;height:2rem;margin-left:.1rem}.managerUser .tab .btTab{color:#07689f;background-color:#0000}.managerUser .tab .activeTab{color:#fff;background-color:#07689f}.managerUser input{box-sizing:border-box;cursor:auto;border:1px solid gray;border-radius:5px;width:100%;height:2rem;margin:.2rem 0;padding-left:5px}.managerUser table{width:100%;height:100%;margin:0}.managerUser table thead tr th{padding:.5rem 0}.managerUser table tbody tr td{color:#000;padding:.5rem .2rem;font-size:.8rem;font-weight:500}.managerUser table tbody tr td button{cursor:pointer;text-align:center;background-color:#0000;border:1px solid #07689f;border-radius:5px;justify-content:space-around;align-items:center;width:5.5rem;height:2rem;margin:0 auto;display:flex}.managerUser table tbody tr td button:hover{color:#fff;background-color:#07689f}.modal-overlay{z-index:500;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.user-modal{background:#f5f4ed;border-radius:16px;flex-direction:column;gap:.75rem;width:30vw;max-height:90vh;padding:1.5rem 1.25rem 1.25rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0000002e}.user-modal .modal-close{cursor:pointer;color:#888;background:0 0;border:none;align-items:center;font-size:1.3rem;display:flex;position:absolute;top:.75rem;right:.75rem}.user-modal .modal-close:hover{color:#333}.user-modal .modal-header{flex-direction:column;align-items:center;gap:.3rem;padding-bottom:.5rem;display:flex}.user-modal .modal-header .modal-name{color:#111;font-size:1rem;font-weight:700}.user-modal .modal-header .modal-code{color:#888;font-size:.8rem}.user-modal .modal-section{background:#fff;border-radius:12px;flex-direction:column;gap:.55rem;padding:.9rem 1rem;display:flex}.user-modal .modal-section .modal-section-title{text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:.15rem;font-size:.7rem;font-weight:700}.user-modal .modal-section .modal-info-row{color:#333;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding-bottom:.4rem;font-size:.85rem;display:flex}.user-modal .modal-section .modal-info-row:last-of-type{border-bottom:none;padding-bottom:0}.user-modal .modal-section .modal-info-row strong{font-weight:700}.user-modal .modal-section .modal-packages{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.user-modal .modal-section .modal-packages .pkg-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:.5rem .25rem;transition:border-color .2s}.user-modal .modal-section .modal-packages .pkg-card .pkg-num{color:#333;font-size:1.1rem;font-weight:600}.user-modal .modal-section .modal-packages .pkg-card .pkg-unit{color:#888;font-size:.7rem}.user-modal .modal-section .modal-packages .pkg-card.active{background:#eff6ff;border-color:#07689f}.user-modal .modal-section .modal-packages .pkg-card.active .pkg-num,.user-modal .modal-section .modal-packages .pkg-card.active .pkg-unit{color:#07689f}.user-modal .modal-section .modal-action-btn{cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.55rem;font-size:.85rem;font-weight:500;display:flex}.user-modal .modal-section .modal-action-btn.lock{color:#92400e;border:1.5px solid #f59e0b}.user-modal .modal-section .modal-action-btn.lock:hover{background:#fffbeb}.user-modal .modal-section .modal-action-btn.lock.active{color:#fff;background:#f59e0b}.user-modal .modal-section .modal-action-btn.delete{color:#991b1b;border:1.5px solid #ef4444}.user-modal .modal-section .modal-action-btn.delete:hover{background:#fef2f2}.user-modal .modal-section .modal-action-btn.delete.active{color:#fff;background:#ef4444}.user-modal .modal-footer{gap:.6rem;margin-top:.25rem;display:flex}.user-modal .modal-footer button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:.6rem;font-size:.9rem;font-weight:600}.user-modal .modal-footer .modal-footer-cancel{color:#444;background:#f3f4f6}.user-modal .modal-footer .modal-footer-cancel:hover{background:#e5e7eb}.user-modal .modal-footer .modal-footer-save{color:#fff;background:#07689f}.user-modal .modal-footer .modal-footer-save:hover{background:#055582}.managerUser .pending-empty{color:#6b7280;padding:1rem 0;font-size:.9rem}.managerUser .pending-approve,.managerUser .pending-reject{cursor:pointer;border:none;border-radius:8px;padding:4px 12px;font-size:.8rem;font-weight:600}.managerUser .pending-approve:disabled,.managerUser .pending-reject:disabled{opacity:.5;cursor:default}.managerUser .pending-approve{color:#166534;background:#dcfce7}.managerUser .pending-approve:hover:not(:disabled){background:#bbf7d0}.managerUser .pending-reject{color:#991b1b;background:#fee2e2}.managerUser .pending-reject:hover:not(:disabled){background:#fecaca}.information{padding-right:3rem}.panel{cursor:pointer;writing-mode:vertical-rl;border:1px solid var(--border);border-radius:5px;flex-shrink:0;padding:12px 8px;transform:rotate(360deg)}.panel.hideButton{color:#3f51b5;background-color:#0000}.panel.showButton{color:#fff;background-color:#3f51b5}.main{flex-direction:row;height:100dvh;display:flex;position:relative;overflow:hidden}.main-content{min-width:0;height:100dvh;color:var(--text-h);background:#fff;flex:1;overflow:auto}.mainSidebar{scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;width:14rem;overflow:auto}.mainSidebar::-webkit-scrollbar{display:none}.mainSidebar{color:#fff;background-color:#082d61;border-right:1px solid #ffffff1f;flex-direction:column;transition:width .3s;display:flex}.mainSidebar.hidden{width:0}.mainSidebar .ms-header{justify-content:space-around;align-items:center;height:7vh;padding:0 .5rem;display:flex}.mainSidebar .ms-header div{cursor:pointer;color:#f5d77a;font-size:1.7rem;font-weight:700}.mainSidebar .ms-header button{color:#fff;cursor:pointer;background-color:#0000;border:none;height:1.7rem;font-size:1.7rem}.mainSidebar .ms-header div .logo{mix-blend-mode:lighten;width:10rem;height:3rem}.mainSidebar .ms-auth{border-top:1px solid #ffffff1f;margin-top:.3rem;padding-top:.5rem}.mainSidebar .ms-auth a{cursor:pointer;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;display:flex}.mainSidebar .ms-auth a .ms-auth-avatar{text-align:center;display:flex}.mainSidebar .ms-auth a button{color:#fff;text-align:center;cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:5px;font-size:1.2rem}.mainSidebar .ms-auth a button:hover{color:#000;background-color:#fff}.mainSidebar .ms-body{border-top:1px solid #ffffff1f;margin-top:.5rem}.mainSidebar .ms-body .ms-body-navbar{margin:0;padding:0;list-style:none}.mainSidebar .ms-body .ms-body-navbar .navbar-item{cursor:auto;color:#ffffff80;align-items:center;margin-top:1rem;padding-left:1rem;font-size:.9rem;display:flex;position:relative}.mainSidebar .ms-body .ms-body-navbar .navbar-item a{color:#fffc;align-items:center;gap:.5rem;width:100%;height:100%;padding-left:clamp(.5rem,15%,1rem);font-size:1rem;display:flex}.mainSidebar .ms-body .ms-body-navbar .navbar-item a:hover{color:#fff}.mainSidebar .ms-body .ms-body-navbar .navbar-item a:after{content:"";opacity:0;pointer-events:none;background:#fff;border-radius:5px;width:90%;height:80%;transition:all .3s;position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%)}.mainSidebar .ms-body .ms-body-navbar .navbar-item a:hover:after{opacity:.1}.mainSidebar .ms-body .ms-body-navbar .text-redirect{cursor:pointer;height:3rem;margin-top:.2rem;padding:0 1rem}.mainSidebar .ms-body .ms-body-navbar .active{opacity:.1;pointer-events:none;background:#fff;border-radius:5px;width:85%;height:70%;transition:all .3s;position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%)}.mainSidebar .ms-footer{margin:0 .2rem}.mainSidebar .ms-footer b{color:#fffc;font-size:.8rem}.showSidebar{z-index:200;color:#fff;cursor:pointer;opacity:0;pointer-events:none;background-color:#8fd6e0;border:none;border-radius:6px;justify-content:center;align-items:center;width:3rem;height:2rem;font-size:1.5rem;transition:opacity .3s;display:flex;position:absolute;top:.5rem;left:.5rem}.showSidebar.visible{opacity:1;pointer-events:auto}@media (width<=768px){.mainSidebar{z-index:300;height:100dvh;position:fixed;top:0;left:0;box-shadow:2px 0 14px #00000059}.information{padding-right:.5rem}.information>div{flex-wrap:wrap}.information h1{font-size:1.3rem}}.container_panel{flex-direction:column;align-items:flex-start;display:flex}.container_panel .btPanel{cursor:pointer;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#3b82f6,#8b3df5) border-box;border:2px solid #0000;border-radius:14px;align-items:center;gap:.2rem;padding:.25rem .5rem;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 16px #6366f140}.container_panel .btPanel:hover{transform:translateY(-1px);box-shadow:0 8px 22px #6366f159}.container_panel .btPanel:active{transform:translateY(0)}.container_panel .btPanel.btPanelHidden{justify-content:center;gap:0;padding:.4rem}.container_panel .btPanel.btPanelHidden .btPanel__divider,.container_panel .btPanel.btPanelHidden .btPanel__text{display:none}.container_panel .btPanel .btPanel__icon{fill:url(#funnelGrad);width:1.35rem;height:1.35rem}.container_panel .btPanel .btPanel__divider{opacity:.45;background:linear-gradient(#3b82f6,#8b3df5);align-self:stretch;width:1px;margin:.1rem 0}.container_panel .btPanel .btPanel__text{text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,#3b82f6,#8b3df5);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:700}.container_panel .panel-slide{width:0;transition:width .3s;overflow:hidden}.container_panel .panel-slide.is-open{width:clamp(150px,20vw,260px)}@media (width<=768px){.container_panel .panel-slide.is-open{width:46vw}}table{width:clamp(150px,20vw,260px)}table thead{display:block}table thead tr{table-layout:fixed;width:100%;display:table}table thead tr th{color:#fff;vertical-align:top;background-color:#07689f;padding:4px 0}table thead tr th .th-ma{justify-content:center;align-items:center;gap:4px;display:flex}table thead tr th .search-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;padding:0;font-size:.8rem;display:flex}table thead tr th .search-btn:hover{opacity:1}table thead tr th .symbol-input-form{align-items:center;gap:2px;padding:2px 4px;display:flex}table thead tr th .symbol-input-form input{color:#fff;text-transform:uppercase;background:#ffffff26;border:1px solid #ffffff80;border-radius:4px;outline:none;flex:1;width:0;min-width:0;padding:2px 4px;font-size:.75rem}table thead tr th .symbol-input-form input::placeholder{color:#ffffff80}table thead tr th .symbol-input-form .close-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;padding:0;font-size:1rem;display:flex}table thead tr th .symbol-input-form .close-btn:hover{opacity:1}table tbody{display:block;overflow-y:scroll}table tbody::-webkit-scrollbar{width:6px}table tbody::-webkit-scrollbar-thumb{background-color:#0000;border-radius:3px;transition:background-color .3s}table tbody:hover::-webkit-scrollbar-thumb{background-color:#00000059}table tbody.is-scrolling::-webkit-scrollbar-thumb{background-color:#00000059}table tbody tr{table-layout:fixed;text-transform:uppercase;width:100%;font-size:.85rem;display:table}table tbody tr .code{color:#07689f;cursor:pointer;background-color:#0000}table tbody tr .hold{color:#fff;background-color:#009300;font-weight:500}table tbody tr .sell{color:#fff;background-color:#ff4a68;font-weight:500}table tbody tr .percent_hold{color:#009300}table tbody tr .percent_sell{color:#ff4a68}@media (width<=768px){table{width:46vw}table thead tr th{font-size:.78rem}table tbody tr{font-size:.72rem}}.login-page{background:#f0f4f8;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2.5rem 2rem;box-shadow:0 4px 24px #0000001a}.login-title{text-align:center;color:#07689f;margin:0 0 1.5rem;font-size:1.5rem}.field-group{flex-direction:column;gap:4px;margin-bottom:1rem;display:flex}.field-group label{color:#444;font-size:.85rem;font-weight:500}.field-group input{border:1px solid #ddd;border-radius:8px;outline:none;padding:.55rem .75rem;font-size:.95rem;transition:border-color .2s}.field-group input:focus{border-color:#07689f}.field-group input.error{border-color:#e53935}.field-group .error-msg{color:#e53935;font-size:.75rem}.password-wrap{border:1px solid #ddd;border-radius:8px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.password-wrap:focus-within{border-color:#07689f}.password-wrap.error{border-color:#e53935}.password-wrap input{border:none;outline:none;flex:1;padding:.55rem .75rem;font-size:.95rem}.password-wrap .toggle-pw{cursor:pointer;color:#888;background:0 0;border:none;align-items:center;padding:0 .75rem;font-size:1rem;display:flex}.password-wrap .toggle-pw:hover{color:#333}.submit-btn{color:#fff;cursor:pointer;background:#07689f;border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:.65rem;font-size:1rem;font-weight:600;transition:background .2s}.submit-btn:hover{background:#055582}.auth-switch{text-align:center;color:#666;margin:1.25rem 0 0;font-size:.85rem}.auth-switch a{color:#07689f;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.popup{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:320px;padding:2rem;box-shadow:0 8px 32px #00000026}.popup .popup-icon{color:#e53935;margin-bottom:.5rem;font-size:3rem}.popup h3{color:#222;margin:0 0 .5rem;font-size:1.1rem}.popup p{color:#666;margin-bottom:1.25rem;font-size:.9rem}.popup button{color:#fff;cursor:pointer;background:#07689f;border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:.9rem}.popup button:hover{background:#055582}.auth-page{color:#e7ebf6;background:url(/assets/auth-hero-BkXYyt3D.jpg) 50%/100% 100% no-repeat,#0b1326;min-height:100dvh;font-family:sans-serif;display:flex;overflow:hidden}.auth-hero{flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:2rem 2.5rem;display:flex;position:relative}.auth-hero .auth-brand{mix-blend-mode:lighten;background:url(/assets/logo-DdBAgLQi.png) 0/contain no-repeat;align-items:center;gap:.6rem;width:15rem;height:7rem;margin:-3rem 0 0 -1.5rem;display:flex}.auth-hero .auth-brand .auth-brand__mark{color:#e0a92e;font-size:2rem;line-height:1}.auth-hero .auth-brand .auth-brand__name{letter-spacing:.04em;font-size:1.6rem;font-weight:800}.auth-hero .auth-brand .auth-brand__name span{background:linear-gradient(135deg,#f5d77a,#e0a92e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-hero .auth-brand .auth-brand__sub{letter-spacing:.18em;color:#8d98b5;text-transform:uppercase;font-size:.6rem;display:block}.auth-hero .auth-tagline h2{letter-spacing:.15em;text-transform:uppercase;color:#ffffffd9;margin:0;font-size:1.1rem;font-weight:600}.auth-hero .auth-tagline .auth-tagline__big{letter-spacing:.02em;background:linear-gradient(135deg,#f5d77a,#e0a92e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.4rem 0;font-size:2.6rem;font-weight:800;line-height:1.05}.auth-hero .auth-features{flex-wrap:wrap;gap:1.6rem;display:flex}.auth-hero .auth-features .auth-feature{max-width:7rem}.auth-hero .auth-features .auth-feature .auth-feature__icon{color:#e0a92e;font-size:1.3rem}.auth-hero .auth-features .auth-feature b{text-transform:uppercase;letter-spacing:.04em;margin-top:.3rem;font-size:.72rem;display:block}.auth-hero .auth-features .auth-feature span{color:#8d98b5;font-size:.66rem}.auth-panel{background:linear-gradient(#0b1326,#060c1a);flex:0 0 30rem;justify-content:center;align-items:center;max-width:100%;padding:2rem;display:flex}.auth-card{width:100%;max-width:25rem}.auth-card .auth-logo{mix-blend-mode:lighten;background:url(/assets/logo-auth-MnhQr3VE.png) 0/contain no-repeat;width:30vw;height:20vh}.auth-card .auth-tabs{border-bottom:1px solid #ffffff1a;gap:1.5rem;display:flex}.auth-card .auth-tabs button{color:#8d98b5;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex:1;padding:.75rem 0;font-size:.95rem;font-weight:700;position:relative}.auth-card .auth-tabs button.is-active{color:#e7ebf6}.auth-card .auth-tabs button.is-active:after{content:"";background:linear-gradient(90deg,#f5d77a,#e0a92e);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.auth-card h3,.auth-card p{text-align:left}.auth-card .auth-welcome{margin:0 0 .2rem;font-size:1.5rem;font-weight:800}.auth-card .auth-welcome-sub{color:#8d98b5;margin:0 0 1.3rem;font-size:.85rem}.auth-card .field-group{margin-bottom:.9rem}.auth-card .field-group label{color:#8d98b5;margin-bottom:.35rem;font-size:.78rem;display:block}.auth-card .input-wrap{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:.5rem;padding:0 .8rem;transition:border-color .15s;display:flex}.auth-card .input-wrap:focus-within{border-color:#e0a92e}.auth-card .input-wrap.error{border-color:#ff5d73}.auth-card .input-wrap .input-icon{color:#8d98b5;flex-shrink:0;font-size:1rem}.auth-card .input-wrap input{color:#e7ebf6;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.7rem 0;font-size:.9rem}.auth-card .input-wrap input::placeholder{color:#8d98b5b3}.auth-card .input-wrap input:-webkit-autofill{-webkit-text-fill-color:#e7ebf6;caret-color:#e7ebf6;transition:background-color 9999s ease-in-out}.auth-card .input-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:#e7ebf6;caret-color:#e7ebf6;transition:background-color 9999s ease-in-out}.auth-card .input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:#e7ebf6;caret-color:#e7ebf6;transition:background-color 9999s ease-in-out}.auth-card .input-wrap input:-webkit-autofill:active{-webkit-text-fill-color:#e7ebf6;caret-color:#e7ebf6;transition:background-color 9999s ease-in-out}.auth-card .input-wrap .toggle-pw{color:#8d98b5;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;display:flex}.auth-card .error-msg{color:#ff5d73;margin-top:.3rem;font-size:.72rem;display:block}.auth-card .auth-row{justify-content:space-between;align-items:center;margin:.4rem 0 1.1rem;font-size:.82rem;display:flex}.auth-card .auth-row label{color:#8d98b5;cursor:pointer;align-items:center;gap:.4rem;display:flex}.auth-card .auth-row label input{accent-color:#e0a92e}.auth-card .auth-row .auth-link{color:#e0a92e;cursor:pointer;background:0 0;border:none;font-size:.82rem}.auth-card .submit-btn{letter-spacing:.08em;text-transform:uppercase;color:#3a2a00;cursor:pointer;background:linear-gradient(135deg,#f5d77a,#e0a92e);border:none;border-radius:10px;width:100%;padding:.85rem;font-size:.95rem;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 8px 20px #e0a92e4d}.auth-card .submit-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #e0a92e6b}.auth-card .submit-btn:active{transform:translateY(0)}.auth-card .auth-divider{color:#8d98b5;align-items:center;gap:.8rem;margin:1.2rem 0;font-size:.78rem;display:flex}.auth-card .auth-divider:before,.auth-card .auth-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.auth-card .auth-social{gap:.6rem;display:flex}.auth-card .auth-social button{color:#e7ebf6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 0;font-size:.82rem;transition:background .15s;display:flex}.auth-card .auth-social button:hover{background:#ffffff14}.auth-card .auth-social button svg{font-size:1rem}.auth-card .auth-switch{text-align:center;color:#8d98b5;margin:1.3rem 0 0;font-size:.85rem}.auth-card .auth-switch button{color:#e0a92e;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:700}@media (width<=900px){.auth-hero{display:none}.auth-panel{flex:1}}.popup-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup{text-align:center;color:#e7ebf6;background:#111c38;border:1px solid #ffffff1a;border-radius:14px;width:min(22rem,90vw);padding:1.6rem}.popup .popup-icon{color:#ff5d73;font-size:2.6rem}.popup .popup-icon.success{color:#36c98b}.popup h3{margin:.6rem 0 .4rem}.popup p{color:#8d98b5;margin:0 0 1.1rem;font-size:.88rem}.popup button{cursor:pointer;color:#3a2a00;background:linear-gradient(135deg,#f5d77a,#e0a92e);border:none;border-radius:8px;padding:.55rem 1.4rem;font-weight:700}.auth-image-page{background:#060c1a;justify-content:center;align-items:center;min-height:100dvh;display:flex;overflow:auto}.auth-image-frame{background:url(/assets/auth-full-lj3LTnyH.jpg) 50%/100% 100% no-repeat;width:100vw;height:100dvh;position:relative}.ov{color:#fff;box-sizing:border-box;background:0 0;border:none;outline:none;margin:0;padding:0 .6rem;font-size:1rem;position:absolute}input.ov::placeholder{color:#0000}input.ov:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s ease-in-out}input.ov:-webkit-autofill:hover{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s ease-in-out}input.ov:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s ease-in-out}input.ov:-webkit-autofill:active{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s ease-in-out}button.ov{cursor:pointer}.auth-image-frame.debug .ov{background:#ff00001f;outline:1px solid red}.ov-account{width:30%;height:6.5%;top:35%;left:67%}.ov-password{width:30%;height:6.5%;top:43.2%;left:67%}.ov-eye{width:4%;height:6.5%;top:43.2%;left:93%}.ov-remember{width:2.2%;height:3.8%;top:50.2%;left:67%}.ov-submit{width:28%;height:6.5%;top:57%;left:68%}.ov-register{width:11%;height:4.2%;top:74%;left:78.5%}.filter-stock{box-sizing:border-box;text-align:left;width:100%;font-family:var(--sans);margin:0 auto;padding:16px}.filter-stock__header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.filter-stock__title{color:var(--text-h);margin:0;font-size:24px;font-weight:700}.filter-stock__updated{color:var(--text);white-space:nowrap;font-size:14px}.filter-stock__toolbar{gap:16px;margin-bottom:16px;display:flex}.filter-stock__dropdown{flex:0 0 320px;position:relative}.filter-stock__dropdown .dropdown-trigger{width:100%;color:var(--text-h);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:15px;transition:border-color .15s;display:flex}.filter-stock__dropdown .dropdown-trigger.is-open{border-color:#2f6bff}.filter-stock__dropdown .dropdown-trigger .placeholder{color:var(--text-h)}.filter-stock__dropdown .dropdown-trigger .chevron{color:var(--text);flex-shrink:0;font-size:18px;transition:transform .15s}.filter-stock__dropdown .dropdown-trigger.is-open .chevron{transform:rotate(180deg)}.filter-stock__dropdown .dropdown-menu{z-index:20;background:var(--bg);border:1px solid var(--border);max-height:360px;box-shadow:var(--shadow);border-radius:8px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.filter-stock__dropdown .dropdown-menu::-webkit-scrollbar{width:8px}.filter-stock__dropdown .dropdown-menu::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:4px}.filter-stock__dropdown .dropdown-item{color:var(--text-h);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:15px;display:flex}.filter-stock__dropdown .dropdown-item:hover{background:var(--accent-bg)}.filter-stock__dropdown .dropdown-item .dropdown-radio{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:18px;height:18px;position:relative}.filter-stock__dropdown .dropdown-item.is-active{color:#2f6bff}.filter-stock__dropdown .dropdown-item.is-active .dropdown-radio{border-color:#2f6bff}.filter-stock__dropdown .dropdown-item.is-active .dropdown-radio:after{content:"";background:#2f6bff;border-radius:50%;position:absolute;inset:3px}.filter-stock__search{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 16px;display:flex}.filter-stock__search .search-icon{color:var(--text);flex-shrink:0;font-size:18px}.filter-stock__search input{width:0;min-width:0;color:var(--text-h);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:15px}.filter-stock__search input::placeholder{color:var(--text)}.filter-stock__table table{border-collapse:collapse;table-layout:fixed;width:100%}.filter-stock__table thead th{text-align:center;text-transform:uppercase;color:var(--text-h);border-bottom:2px solid var(--border);white-space:nowrap;padding:14px 12px;font-size:14px;font-weight:700}.filter-stock__table tbody td{text-align:center;height:72px;color:var(--text-h);border-bottom:1px solid var(--border);vertical-align:middle;padding:0 12px;font-size:15px}.filter-stock__table .col-code{color:#2f6bff;cursor:pointer;font-weight:700}.filter-stock__table .col-signal{padding:0}.filter-stock__table .badge{color:#fff;letter-spacing:.5px;justify-content:center;align-items:center;width:100%;height:72px;font-size:15px;font-weight:700;display:flex}.filter-stock__table .badge--hold{background:#1fa463}.filter-stock__table .badge--sell{background:#ff5b78}.filter-stock__pagination{align-items:center;gap:8px;margin-top:20px;display:flex}.filter-stock__pagination .page-btn{color:#4361ee;background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 6px;font-size:15px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.filter-stock__pagination .page-btn:hover:not(:disabled):not(.is-active){border-color:#4361ee}.filter-stock__pagination .page-btn.is-active{color:#fff;background:#4361ee;border-color:#4361ee}.filter-stock__pagination .page-btn--arrow{color:var(--text);font-size:18px}.filter-stock__pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=640px){.filter-stock__toolbar{flex-direction:column}.filter-stock__dropdown{flex:auto}}.info-user{color:#1f2937;background:#f6f7fb;min-height:100%;padding:1.5rem;font-family:sans-serif}.info-user .iu-tabs{border-bottom:1px solid #e6e8ef;gap:1.8rem;margin-bottom:1.5rem;display:flex}.info-user .iu-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:.45rem;padding:.75rem .2rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative}.info-user .iu-tabs button svg{font-size:1rem}.info-user .iu-tabs button.is-active{color:#2563eb}.info-user .iu-tabs button.is-active:after{content:"";background:#2563eb;height:2px;position:absolute;bottom:-1px;left:0;right:0}.info-user .iu-state{color:#6b7280;padding:1rem 0;font-size:.9rem}.info-user .iu-state--error{color:#dc2626}.info-user .iu-body{grid-template-columns:18rem 1fr;align-items:start;gap:1.5rem;display:grid}.info-user .iu-card{background:#fff;border:1px solid #e6e8ef;border-radius:10px;box-shadow:0 1px 3px #1018280a}.info-user .iu-summary{padding:1.2rem}.info-user .iu-summary__head{border-bottom:1px solid #e6e8ef;align-items:center;gap:.8rem;padding-bottom:1rem;display:flex}.info-user .iu-summary .iu-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.2rem;font-weight:700;display:flex}.info-user .iu-summary .iu-name{font-size:1rem;font-weight:700}.info-user .iu-summary .iu-role{color:#6b7280;font-size:.82rem}.info-user .iu-summary__row{align-items:center;gap:.5rem;padding-top:1rem;font-size:.88rem;display:flex}.info-user .iu-summary__row svg{color:#6b7280;flex-shrink:0}.info-user .iu-summary__label{color:#6b7280;flex-shrink:0;width:3.2rem}.info-user .iu-summary__value{color:#1f2937;word-break:break-all}.info-user .iu-form{padding:1.4rem 1.6rem 1.6rem}.info-user .iu-form__title{border-bottom:1px solid #e6e8ef;margin:0 0 .4rem;padding-bottom:1rem;font-size:1.15rem;font-weight:700}.info-user .iu-form__foot{justify-content:flex-end;margin-top:1.2rem;display:flex}.info-user .iu-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.info-user .iu-field{margin-top:1rem}.info-user .iu-field label{color:#2563eb;margin-bottom:.4rem;font-size:.85rem;display:block}.info-user .iu-field label .req{color:#ef4444}.info-user .iu-field input,.info-user .iu-field select,.info-user .iu-field textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #e6e8ef;border-radius:8px;outline:none;width:100%;padding:.65rem .8rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.info-user .iu-field input:focus,.info-user .iu-field select:focus,.info-user .iu-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.info-user .iu-field input::placeholder,.info-user .iu-field select::placeholder,.info-user .iu-field textarea::placeholder{color:#aab2c0}.info-user .iu-field textarea{resize:vertical}.info-user .iu-msg{margin-top:1rem;font-size:.85rem}.info-user .iu-msg--error{color:#dc2626}.info-user .iu-msg--ok{color:#16a34a}.info-user .iu-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:background .15s;display:inline-flex}.info-user .iu-btn:hover{background:#2563eb0f}.info-user .iu-btn:disabled{opacity:.6;cursor:default}@media (width<=820px){.info-user .iu-body,.info-user .iu-grid{grid-template-columns:1fr}}