:root{--bg-dark: #0f111a;--card-bg: #1a1d29;--modal-bg: #212529;--text-main: #ffffff;--text-muted: #888888;--accent-blue: #007bff;--status-active: #28a745;--profit-pos: #2ecc71;--profit-neg: #e74c3c}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom:140px}.dashboard-header{background-color:var(--card-bg);padding:1rem 2rem;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.title-responsive{font-size:clamp(1.2rem,5vw,1.8rem);line-height:1}.subtitle-responsive{font-size:clamp(.6rem,3vw,.85rem);text-align:inherit}#sort-select,#broker-select{appearance:none;-webkit-appearance:none;padding:8px 35px 8px 15px;font-size:.85rem;font-weight:600;border-radius:20px;border:1px solid #ddd;cursor:pointer;transition:all .2s;background-repeat:no-repeat;background-position:right 12px center;background-size:12px}#sort-select{background-color:#fff;color:#444;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}#btn-toggle-notif i{display:inline-block;transition:all .3s ease}#btn-toggle-notif:hover{transform:scale(1.1)}@keyframes bell-shake{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}to{transform:rotate(0)}}.bell-animating{animation:bell-shake .5s ease-in-out;opacity:.6;pointer-events:none}.asset-card{background-color:var(--card-bg);border-radius:12px;padding:1.5rem;border:1px solid #333;transition:transform .2s ease,border-color .3s ease}.asset-card:hover{transform:translateY(-5px)}.text-profit-pos{color:var(--profit-pos)!important}.text-profit-neg{color:var(--profit-neg)!important}.border-profit-viva-pos{border-left:6px solid #145a32!important}.border-profit-dia-neg{border-left:6px solid var(--profit-pos)!important}.border-neutral-portfolio{border-left:6px solid var(--accent-blue)!important}.border-loss-dia-pos{border-left:6px solid #f1948a!important}.border-loss-viva-neg{border-left:6px solid #922b21!important}.price-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.price-value{font-size:1.1rem;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999!important;display:none;justify-content:center;align-items:center}.modal-overlay.active{display:flex!important}.custom-modal{background-color:var(--modal-bg);padding:25px;border-radius:16px;width:90%;max-width:400px;border:1px solid #444;animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.bottom-drawer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1320px;background-color:var(--modal-bg);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -5px 30px #0006;z-index:1040;transition:transform .3s cubic-bezier(.4,0,.2,1)}.bottom-drawer.collapsed{transform:translate(-50%,calc(100% - 75px))}.drawer-header{padding:10px 20px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.drag-handle{width:40px;height:4px;background-color:#495057;border-radius:10px;margin-bottom:5px}.drawer-content{padding:10px 15px 40px}.form-control-sm{height:34px!important;font-size:.85rem!important}.input-group>.qty-btn{flex:1!important;font-size:.7rem!important;background-color:#1a1d20;border:1px solid #333;color:#adb5bd}.login-card{background-color:var(--modal-bg);padding:40px;border-radius:24px;border:1px solid #333}.btn-google-login{background-color:#fff;color:#000;border-radius:12px;font-weight:700}@media(max-width:991px){header{padding:8px!important}.header-brand{width:100%;text-align:center}.actions-container{position:absolute;top:12px;right:15px}.bottom-drawer{max-width:100%;border-radius:24px 24px 0 0}}