/* /shares/static/src/scss/shares_portal.scss */
 html, body{margin: 0; padding: 0;}body{background: radial-gradient(circle at top left, #04152e 0, #020818 35%, #000 100%); font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; min-height: 100vh;}.o_shares_portal{--bg-main: #020818; --bg-card: #050c1a; --bg-card-alt: #061224; --accent: #00e5ff; --accent-soft: rgba(0, 229, 255, 0.5); --accent-glow: rgba(0, 229, 255, 0.2); --text-main: #e5e7eb; --text-soft: #9ca3af; --text-muted: #64748b; --border-soft: rgba(148, 163, 184, 0.35); --border-card: rgba(148, 163, 184, 0.55); --danger: #f97373; --warning: #facc15; --success: #4ade80; --radius-card: 18px; box-sizing: border-box; color: var(--text-main); width: 100%; max-width: 1280px; margin: 18px auto; background: radial-gradient(circle at top left, #04121f 0, #020617 35%, #000 90%); border-radius: 24px; border: 1px solid rgba(148, 163, 184, 0.55); box-shadow: 0 26px 70px rgba(15, 23, 42, 0.95); overflow-x: hidden; overflow-y: visible;}.o_shares_portal *, .o_shares_portal *::before, .o_shares_portal *::after{box-sizing: border-box;}.o_shares_portal .row{display: flex; flex-wrap: wrap; max-width: 100%; margin-left: 0; margin-right: 0;}.o_shares_portal .col-6{flex: 0 0 50%; max-width: 50%; min-width: 0;}.o_shares_portal .col-12{flex: 0 0 100%; max-width: 100%; min-width: 0;}.o_shares_portal [class*="col-"]{min-width: 0;}@media (min-width: 768px){.o_shares_portal .col-md-3{flex: 0 0 25%; max-width: 25%;}}@media (min-width: 992px){.o_shares_portal .col-lg-6{flex: 0 0 50%; max-width: 50%;}}.o_shares_portal a{color: var(--accent); text-decoration: none;}.o_shares_portal button{border: none; cursor: pointer; font: inherit;}.o_shares_portal input, .o_shares_portal select, .o_shares_portal textarea{background: #020617; border-radius: 8px; border: 1px solid rgba(148, 163, 184, 0.5); padding: 8px 12px; color: var(--text-main); width: 100%; font-size: 13px; outline: none; transition: border-color 0.2s, box-shadow 0.2s;}.o_shares_portal input:focus, .o_shares_portal select:focus, .o_shares_portal textarea:focus{border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent-glow);}.o_shares_portal input::placeholder, .o_shares_portal select::placeholder, .o_shares_portal textarea::placeholder{color: rgba(156, 163, 175, 0.6);}.o_shares_portal textarea{resize: vertical; min-height: 80px;}.o_shares_portal .btn-primary{background: linear-gradient(90deg, #00e5ff, #38bdf8); color: #020617; border-radius: 999px; padding: 8px 20px; font-weight: 600; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 0 20px rgba(0, 229, 255, 0.35); transition: all 0.2s ease; white-space: nowrap; border: none;}.o_shares_portal .btn-primary:hover{transform: translateY(-1px); box-shadow: 0 0 26px rgba(0, 229, 255, 0.55); filter: brightness(1.05);}.o_shares_portal .btn-primary:active{transform: translateY(0);}.o_shares_portal .btn-primary:disabled, .o_shares_portal .btn-primary[disabled]{opacity: 0.35; cursor: not-allowed; box-shadow: none; filter: grayscale(0.4); background: linear-gradient(90deg, rgba(148, 163, 184, 0.5), rgba(148, 163, 184, 0.3)); color: rgba(15, 23, 42, 0.8);}.o_shares_portal .btn-ghost{background: transparent; color: var(--text-soft); border-radius: 999px; padding: 6px 14px; border: 1px solid rgba(148, 163, 184, 0.4); font-size: 12px; transition: all 0.2s;}.o_shares_portal .btn-ghost:hover{border-color: var(--text-main); color: var(--text-main); background: rgba(255, 255, 255, 0.03);}.o_shares_portal #app{width: 100%; max-width: 100%; display: grid; grid-template-columns: 240px 1fr; background: transparent; border: none; box-shadow: none; border-radius: 0; overflow: hidden;}@media (max-width: 900px){.o_shares_portal{margin: 0; border-radius: 0; border: none; min-height: 100vh;}.o_shares_portal #app{grid-template-columns: 1fr;}.o_shares_portal .sidebar{position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; top: auto !important; width: 100% !important; height: auto !important; min-width: unset !important; z-index: 99999; background: linear-gradient(to top, #020617 0%, #0a1628 100%); border-top: 1px solid rgba(0, 229, 255, 0.2); border-right: none; border-bottom: none; border-radius: 0; padding: 8px 0; padding-bottom: calc(8px + env(safe-area-inset-bottom)); box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5); display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch; justify-content: flex-start; gap: 0; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none;}.o_shares_portal .sidebar::-webkit-scrollbar{display: none;}.o_shares_portal .sidebar > div:first-child, .o_shares_portal .sidebar .logo-block, .o_shares_portal .sidebar .side-tagline, .o_shares_portal .sidebar .nav-group-title{display: none !important;}.o_shares_portal .sidebar .nav-list{display: contents !important;}.o_shares_portal .sidebar .nav-item{flex: 0 0 auto; display: flex !important; flex-direction: column !important; align-items: center; justify-content: center; padding: 8px 10px; font-size: 10px; white-space: nowrap; border-radius: 0; background: transparent; border: none !important; color: rgba(255, 255, 255, 0.5); transition: all 0.2s; text-align: center; min-width: 56px;}.o_shares_portal .sidebar .nav-item::before{content: ""; width: 22px; height: 22px; margin-bottom: 4px; display: block; background-color: currentColor; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center;}.o_shares_portal .sidebar .nav-item[data-page="dashboard"]::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E");}.o_shares_portal .sidebar .nav-item[data-page="myInvestment"]::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 6 13.5 15.5 8.5 10.5 1 18'/%3E%3Cpolyline points='17 6 23 6 23 12'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 6 13.5 15.5 8.5 10.5 1 18'/%3E%3Cpolyline points='17 6 23 6 23 12'/%3E%3C/svg%3E");}.o_shares_portal .sidebar .nav-item[data-page="profile"]::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M20 21a8 8 0 1 0-16 0'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M20 21a8 8 0 1 0-16 0'/%3E%3C/svg%3E");}.o_shares_portal .sidebar .nav-item[data-page="logout"]::before{-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");}.o_shares_portal .sidebar .nav-item.active{background: transparent; color: #00e5ff; font-weight: 600;}.o_shares_portal .sidebar .nav-item small{display: none !important;}.o_shares_portal .sidebar .nav-item .label{font-size: 10px; display: block; margin-top: 2px;}.o_shares_portal .sidebar .nav-item a{display: flex; flex-direction: column; align-items: center; color: inherit;}.o_shares_portal .main{padding: 12px; padding-bottom: 120px !important;}.o_shares_portal .page{padding-bottom: 80px;}.o_shares_portal .sidebar > div:first-child{display: none !important;}.o_shares_portal .topbar{flex-direction: column; gap: 10px;}.o_shares_portal .topbar .user-block{align-self: flex-end;}.o_shares_portal .grid-4{grid-template-columns: repeat(2, 1fr) !important; gap: 8px;}.o_shares_portal .kpi{padding: 12px;}.o_shares_portal .kpi small{font-size: 9px;}.o_shares_portal .kpi .kpi-value{font-size: 18px;}.o_shares_portal .chart-row{grid-template-columns: 1fr !important;}.o_shares_portal .chart-card{min-height: 200px;}.o_shares_portal .dashboard-hero{flex-direction: column; padding: 12px;}.o_shares_portal .dashboard-hero .hero-meta{text-align: left; margin-top: 8px;}.o_shares_portal .card{padding: 12px;}.o_shares_portal .card-header{flex-direction: column; gap: 4px;}.o_shares_portal .card-header .card-sub{text-align: left;}.o_shares_portal .progress-labels{font-size: 10px;}.o_shares_portal .milestone span{font-size: 8px;}}@media (max-width: 480px){.o_shares_portal{}.o_shares_portal .grid-4{grid-template-columns: repeat(2, 1fr) !important; gap: 6px;}.o_shares_portal .kpi{padding: 10px 8px;}.o_shares_portal .kpi small{font-size: 8px; letter-spacing: 0.08em;}.o_shares_portal .kpi .kpi-value{font-size: 14px;}.o_shares_portal .sidebar .nav-list{justify-content: center;}.o_shares_portal .hero-title{font-size: 13px;}.o_shares_portal .hero-text{font-size: 11px;}.o_shares_portal .hero-meta{font-size: 10px;}}@media (max-width: 576px){.o_shares_portal{}.o_shares_portal .main{padding: 8px !important;}.o_shares_portal .row{display: flex !important; flex-wrap: wrap !important;}.o_shares_portal .row > .col-6{flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important;}.o_shares_portal .row.g-2, .o_shares_portal .row.g-md-3{--bs-gutter-x: 8px; --bs-gutter-y: 8px; margin-left: -4px; margin-right: -4px;}.o_shares_portal .row.g-2 > [class*="col-"], .o_shares_portal .row.g-md-3 > [class*="col-"]{padding-left: 4px; padding-right: 4px;}.o_shares_portal .kpi{padding: 10px 8px; border-radius: 12px; min-height: 70px;}.o_shares_portal .kpi small{font-size: 7px; letter-spacing: 0.05em; line-height: 1.2; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.o_shares_portal .kpi .kpi-value{font-size: 14px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.o_shares_portal .dashboard-hero{padding: 12px !important; border-radius: 12px !important; margin-bottom: 8px;}.o_shares_portal .hero-title{font-size: 14px !important;}.o_shares_portal .hero-text{font-size: 11px !important; line-height: 1.4;}.o_shares_portal .hero-meta{font-size: 9px !important;}.o_shares_portal .status-banner{padding: 10px 12px !important; font-size: 11px !important; border-radius: 10px !important; margin-bottom: 8px;}.o_shares_portal .chart-card{border-radius: 12px; padding: 10px;}.o_shares_portal .chart-title{font-size: 12px;}.o_shares_portal .chart-subtitle{font-size: 9px;}.o_shares_portal .topbar{flex-wrap: wrap; gap: 8px; padding-bottom: 8px; margin-bottom: 8px;}.o_shares_portal .page-title{font-size: 16px;}.o_shares_portal .page-sub{font-size: 11px;}.o_shares_portal .company-selector{font-size: 11px; padding: 6px 10px; min-width: 120px;}.o_shares_portal .user-block .avatar{width: 32px; height: 32px;}.o_shares_portal .user-block .user-name{font-size: 11px;}.o_shares_portal .user-block .user-status{font-size: 9px;}.o_shares_portal .user-block .user-id{font-size: 9px;}}.o_shares_portal .sidebar{background: radial-gradient(circle at top left, #02081a 0, #020617 55%, #000 100%); border-right: 1px solid rgba(31, 41, 55, 0.9); padding: 16px 18px; display: flex; flex-direction: column; gap: 18px; width: 240px; min-width: 240px; border-top-left-radius: 24px; border-bottom-left-radius: 24px;}.o_shares_portal .logo-block{font-size: 12px; letter-spacing: .25em; text-transform: uppercase; color: var(--text-soft);}.o_shares_portal .logo-block span{color: var(--accent); font-weight: 600;}.o_shares_portal .side-tagline{font-size: 11px; color: var(--text-soft); margin-top: 4px; line-height: 1.4;}.o_shares_portal .nav-group-title{font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #64748b; margin-top: 14px; margin-bottom: -6px;}.o_shares_portal .nav-list{list-style: none; display: flex; flex-direction: column; gap: 6px; margin: 0; margin-top: 6px; padding: 0;}.o_shares_portal .nav-item{font-size: 13px; padding: 8px 10px; border-radius: 999px; color: #cbd5f5; cursor: pointer; display: flex; align-items: center; justify-content: space-between; border: 1px solid transparent; transition: all 0.15s ease;}.o_shares_portal .nav-item:hover{color: #f9fafb; background: rgba(56, 189, 248, 0.08);}.o_shares_portal .nav-item span.label{display: inline-flex; align-items: center; gap: 7px;}.o_shares_portal .nav-item small{font-size: 10px; color: var(--text-soft);}.o_shares_portal .nav-item.active{background: radial-gradient(circle at left, rgba(56, 189, 248, 0.35), rgba(8, 47, 73, 0.7)); border-color: rgba(125, 211, 252, 0.7); box-shadow: 0 0 18px rgba(56, 189, 248, 0.6); color: #f9fafb;}.o_shares_portal .main{padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 12px; background: transparent; min-width: 0; max-width: 100%; overflow-x: hidden; min-height: 100vh;}.o_shares_portal .portal-footer{margin-top: auto; padding: 20px 0 12px; border-top: 1px solid rgba(148, 163, 184, 0.1); text-align: center;}.o_shares_portal .footer-content{display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 11px; color: var(--text-muted);}.o_shares_portal .footer-copyright{opacity: 0.7;}.o_shares_portal .footer-separator{opacity: 0.4;}.o_shares_portal .footer-tagline{color: var(--accent); opacity: 0.6;}.o_shares_portal .topbar{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px; padding-bottom: 0; border-bottom: none; max-width: 100%; overflow: hidden; flex-wrap: wrap; gap: 10px;}.o_shares_portal .page-title{font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 2px;}.o_shares_portal .page-sub{font-size: 11px; color: var(--text-soft); line-height: 1.4;}.o_shares_portal .company-selector{background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card-alt) 100%); border: 1px solid var(--border-card); border-radius: 8px; padding: 10px 16px; color: var(--text-main); font-size: 13px; min-width: 180px; cursor: pointer;}.o_shares_portal .company-selector:focus{border-color: var(--accent); outline: none;}.o_shares_portal .company-selector option{background: var(--bg-main); color: var(--text-main);}.o_shares_portal .escrow-badge{display: flex; align-items: center; gap: 8px; background: linear-gradient(135deg, rgba(0, 229, 255, 0.15) 0%, rgba(0, 180, 220, 0.08) 100%); padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(0, 229, 255, 0.3);}.o_shares_portal .escrow-badge i{color: var(--accent); font-size: 14px;}.o_shares_portal .escrow-badge .escrow-amount{font-weight: 600; font-size: 14px; color: var(--accent);}.o_shares_portal .kpi-escrow{background: linear-gradient(135deg, rgba(0, 229, 255, 0.08) 0%, rgba(0, 180, 220, 0.04) 100%) !important; border: 1px solid rgba(0, 229, 255, 0.2) !important;}.o_shares_portal .kpi-escrow small{color: var(--accent) !important;}.o_shares_portal .kpi-escrow .kpi-value{color: var(--accent) !important;}.o_shares_portal .user-block{display: flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgba(0, 80, 120, 0.12) 0%, rgba(0, 60, 100, 0.08) 100%); padding: 6px 12px 6px 6px; border-radius: 999px; border: 1px solid rgba(0, 150, 200, 0.15);}.o_shares_portal .avatar{width: 32px; height: 32px; border-radius: 999px; background: linear-gradient(135deg, var(--accent), #0ea5e9); overflow: hidden; display: flex; align-items: center; justify-content: center; font-weight: 600; color: #fff; font-size: 12px; border: 2px solid rgba(0, 200, 255, 0.25);}.o_shares_portal .avatar img{width: 100%; height: 100%; object-fit: cover;}.o_shares_portal .user-meta{display: flex; flex-direction: row; align-items: center; gap: 6px;}.o_shares_portal .user-name{font-size: 11px; color: #fff; font-weight: 600; line-height: 1;}.o_shares_portal .user-id{font-size: 10px; color: var(--text-soft);}.o_shares_portal .user-balance{font-size: 11px; font-weight: 600; color: #00e5ff; background: rgba(0, 229, 255, 0.1); padding: 2px 8px; border-radius: 10px; margin-left: 4px;}.o_shares_portal .user-status{display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 500; padding: 0; margin-top: 2px;}.o_shares_portal .user-status::before{content: ''; width: 6px; height: 6px; border-radius: 50%;}.o_shares_portal .user-status-active{color: #4ade80;}.o_shares_portal .user-status-active::before{background: #4ade80; box-shadow: 0 0 6px rgba(74, 222, 128, 0.5);}.o_shares_portal .user-status-pending{color: #fbbf24;}.o_shares_portal .user-status-pending::before{background: #fbbf24; box-shadow: 0 0 6px rgba(251, 191, 36, 0.5);}.o_shares_portal .user-status-inactive{color: #f87171;}.o_shares_portal .user-status-inactive::before{background: #f87171; box-shadow: 0 0 6px rgba(248, 113, 113, 0.5);}.o_shares_portal .status-row{display: flex; align-items: center; gap: 6px; font-size: 10px; color: var(--text-soft);}.o_shares_portal .dashboard-hero{display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 12px; padding: 14px 18px; max-width: 100%; overflow: hidden; background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card-alt) 100%); border: 1px solid var(--border-card); border-radius: var(--radius-card);}.o_shares_portal .hero-content{flex: 1; min-width: 0; overflow: hidden;}.o_shares_portal .hero-title{font-size: 14px; font-weight: 600; color: #fff; margin: 0 0 6px 0; line-height: 1.4;}.o_shares_portal .hero-text{font-size: 11px; color: var(--text-soft); line-height: 1.5; margin: 0; max-width: 700px;}.o_shares_portal .hero-meta{text-align: right; font-size: 10px; color: var(--text-soft); white-space: nowrap;}.o_shares_portal .status-banner{display: flex; align-items: flex-start; gap: 10px; border-radius: 14px; border: 1px solid rgba(248, 113, 113, 0.7); background: radial-gradient(circle at top left, rgba(127, 29, 29, 0.85), #020617); padding: 12px 16px; font-size: 13px; color: #fee2e2; line-height: 1.6; margin-bottom: 10px;}.o_shares_portal .status-banner .banner-icon{flex-shrink: 0; font-size: 16px;}.o_shares_portal .status-banner .banner-text{flex: 1;}.o_shares_portal .status-banner strong, .o_shares_portal .status-banner b{color: #fca5a5; font-weight: 600;}.o_shares_portal .onboarding-progress-container{background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; padding: 20px 24px; margin-bottom: 16px; position: relative; overflow: visible;}.o_shares_portal .onboarding-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.o_shares_portal .onboarding-title{font-size: 12px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px;}.o_shares_portal .pointing-hand-container{position: absolute; top: -55px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; z-index: 10; animation: hand-float 2s ease-in-out infinite;}.o_shares_portal .pointing-hand{width: 28px; height: 28px; color: #00e5ff; filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.6)); transform: rotate(180deg); animation: hand-point 1.5s ease-in-out infinite;}.o_shares_portal .you-are-here{margin-top: 2px; font-size: 9px; color: #00e5ff; font-weight: 600; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.5px; text-shadow: 0 0 8px rgba(0, 229, 255, 0.5);}@keyframes hand-float{0%, 100%{transform: translateX(-50%) translateY(0);}50%{transform: translateX(-50%) translateY(6px);}}@keyframes hand-point{0%, 100%{transform: rotate(180deg) scale(1);}50%{transform: rotate(180deg) scale(1.1);}}.o_shares_portal .stage-dot-link, .o_shares_portal .stage-label-link{text-decoration: none; color: inherit; cursor: pointer; display: block; position: relative; z-index: 2;}.o_shares_portal .stage-dot-link:hover, .o_shares_portal .stage-label-link:hover{color: #00e5ff;}.o_shares_portal .stage-dot-link{flex-shrink: 0;}.o_shares_portal .stage-dot-link .stage-dot{transition: transform 0.2s ease, box-shadow 0.2s ease;}.o_shares_portal .stage-dot-link:hover .stage-dot{transform: scale(1.15); box-shadow: 0 0 24px rgba(0, 229, 255, 0.7);}.o_shares_portal .stage-label-link{transition: color 0.2s ease, text-shadow 0.2s ease;}.o_shares_portal .stage-label-link:hover{text-shadow: 0 0 8px rgba(0, 229, 255, 0.5);}.o_shares_portal .pointing-hand-container{cursor: pointer;}.o_shares_portal .pointing-hand-container:hover .pointing-hand{filter: drop-shadow(0 0 12px rgba(0, 229, 255, 0.9));}.o_shares_portal .pointing-hand-container:hover .you-are-here{text-shadow: 0 0 12px rgba(0, 229, 255, 0.8);}.o_shares_portal .stage-instructions-modal{background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border: 1px solid rgba(0, 229, 255, 0.3); border-radius: 16px; color: #e2e8f0;}.o_shares_portal .stage-instructions-modal .modal-header{border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 1.25rem 1.5rem;}.o_shares_portal .stage-instructions-modal .modal-header .modal-title{color: #00e5ff; font-weight: 600; font-size: 1.25rem;}.o_shares_portal .stage-instructions-modal .modal-body{padding: 1.5rem; max-height: 60vh; overflow-y: auto;}.o_shares_portal .stage-instructions-modal .modal-body h1, .o_shares_portal .stage-instructions-modal .modal-body h2, .o_shares_portal .stage-instructions-modal .modal-body h3, .o_shares_portal .stage-instructions-modal .modal-body h4, .o_shares_portal .stage-instructions-modal .modal-body h5, .o_shares_portal .stage-instructions-modal .modal-body h6{color: #f1f5f9; margin-bottom: 0.75rem;}.o_shares_portal .stage-instructions-modal .modal-body p{color: #cbd5e1; line-height: 1.7; margin-bottom: 1rem;}.o_shares_portal .stage-instructions-modal .modal-body ul, .o_shares_portal .stage-instructions-modal .modal-body ol{color: #cbd5e1; padding-left: 1.5rem; margin-bottom: 1rem;}.o_shares_portal .stage-instructions-modal .modal-body ul li, .o_shares_portal .stage-instructions-modal .modal-body ol li{margin-bottom: 0.5rem;}.o_shares_portal .stage-instructions-modal .modal-body a{color: #00e5ff; text-decoration: underline;}.o_shares_portal .stage-instructions-modal .modal-body a:hover{color: #67e8f9;}.o_shares_portal .stage-instructions-modal .modal-body .no-instructions{text-align: center; color: #64748b; padding: 2rem; font-style: italic;}.o_shares_portal .stage-instructions-modal .modal-footer{border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 1rem 1.5rem; flex-wrap: wrap;}.o_shares_portal .stage-instructions-modal .modal-footer .btn-secondary{background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e2e8f0;}.o_shares_portal .stage-instructions-modal .modal-footer .btn-secondary:hover{background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.3);}.o_shares_portal .stage-instructions-modal .modal-footer .agree-section{border-top: 1px solid rgba(0, 229, 255, 0.2); padding-top: 1rem;}.o_shares_portal .stage-instructions-modal .modal-footer .agree-section .agree-checkbox{width: 20px; height: 20px; cursor: pointer; accent-color: #00e5ff;}.o_shares_portal .stage-instructions-modal .modal-footer .agree-section .agree-checkbox:checked{background-color: #00e5ff; border-color: #00e5ff;}.o_shares_portal .stage-instructions-modal .modal-footer .agree-section .agree-label{color: #e2e8f0; font-size: 0.95rem; cursor: pointer; user-select: none;}.o_shares_portal .stage-instructions-modal .modal-footer .agree-section .btn-primary{background: linear-gradient(135deg, #00e5ff, #0ea5e9); border: none; color: #0a1628; font-weight: 600;}.o_shares_portal .stage-instructions-modal .modal-footer .agree-section .btn-primary:hover{background: linear-gradient(135deg, #22d3ee, #38bdf8); transform: translateY(-1px);}.o_shares_portal .document-preview-modal{background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border: 1px solid rgba(0, 229, 255, 0.3); border-radius: 16px; color: #e2e8f0;}.o_shares_portal .document-preview-modal .modal-header{border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 1rem 1.5rem;}.o_shares_portal .document-preview-modal .modal-header .modal-title{color: #00e5ff; font-weight: 600; font-size: 1.1rem;}.o_shares_portal .document-preview-modal .modal-body{height: 75vh; position: relative;}.o_shares_portal .document-preview-modal .preview-loading{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(15, 23, 42, 0.9); color: #94a3b8;}.o_shares_portal .document-preview-modal .preview-loading .spinner-border{width: 3rem; height: 3rem; border-color: #00e5ff; border-right-color: transparent;}.o_shares_portal .document-preview-modal .document-preview-frame{width: 100%; height: 100%; border: none; background: #fff; border-radius: 0 0 16px 16px;}.o_shares_portal #documentPreviewModal{position: fixed; inset: 0; display: none; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.55); z-index: 1055; overflow: hidden;}.o_shares_portal #documentPreviewModal.show{display: flex;}.o_shares_portal #documentPreviewModal .modal-dialog{max-width: 90vw; width: 90vw; max-height: 90vh; height: 90vh; margin: 0;}.o_shares_portal #documentPreviewModal .modal-content{height: 100%;}.o_shares_portal .btn-action.disabled{opacity: 0.4; cursor: not-allowed; pointer-events: none;}.o_shares_portal .btn-action.disabled:hover{transform: none;}.o_shares_portal .document-upload-section{border-top: 1px solid rgba(0, 229, 255, 0.2); padding-top: 1rem;}.o_shares_portal .document-upload-section .upload-section-title{color: #00e5ff; font-size: 1rem; font-weight: 600; margin-bottom: 1rem; display: flex; align-items: center;}.o_shares_portal .document-upload-section .upload-section-title svg{color: #00e5ff;}.o_shares_portal .document-upload-section .documents-list{display: flex; flex-direction: column; gap: 0.75rem;}.o_shares_portal .document-upload-section .loading-docs, .o_shares_portal .document-upload-section .no-docs, .o_shares_portal .document-upload-section .error-docs{text-align: center; color: #64748b; padding: 1rem; font-style: italic;}.o_shares_portal .document-upload-section .error-docs{color: #ef4444;}.o_shares_portal .document-upload-section .document-item{display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; background: rgba(255, 255, 255, 0.05); border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s ease;}.o_shares_portal .document-upload-section .document-item.uploaded{border-color: rgba(16, 185, 129, 0.3); background: rgba(16, 185, 129, 0.1);}.o_shares_portal .document-upload-section .document-item.uploading, .o_shares_portal .document-upload-section .document-item.deleting{opacity: 0.6; pointer-events: none;}.o_shares_portal .document-upload-section .document-item .doc-info{display: flex; align-items: flex-start; gap: 0.75rem; flex: 1;}.o_shares_portal .document-upload-section .document-item .status-icon{flex-shrink: 0; margin-top: 2px;}.o_shares_portal .document-upload-section .document-item .status-icon.uploaded{color: #10b981;}.o_shares_portal .document-upload-section .document-item .status-icon.pending{color: #64748b;}.o_shares_portal .document-upload-section .document-item .doc-details{display: flex; flex-direction: column; gap: 0.25rem;}.o_shares_portal .document-upload-section .document-item .doc-name{color: #e2e8f0; font-weight: 500; font-size: 0.95rem;}.o_shares_portal .document-upload-section .document-item .doc-desc{color: #94a3b8; font-size: 0.8rem;}.o_shares_portal .document-upload-section .document-item .doc-file{color: #10b981; font-size: 0.8rem; font-style: italic;}.o_shares_portal .document-upload-section .document-item .doc-actions{flex-shrink: 0;}.o_shares_portal .document-upload-section .document-item .doc-actions .uploading-text{color: #00e5ff; font-size: 0.85rem;}.o_shares_portal .document-upload-section .document-item .doc-actions .upload-doc-btn{background: linear-gradient(135deg, #00e5ff, #0ea5e9); border: none; color: #0a1628; font-weight: 600; font-size: 0.8rem; display: inline-flex; align-items: center; gap: 0.35rem; cursor: pointer;}.o_shares_portal .document-upload-section .document-item .doc-actions .upload-doc-btn:hover{background: linear-gradient(135deg, #22d3ee, #38bdf8);}.o_shares_portal .document-upload-section .document-item .doc-actions .delete-doc-btn{border-color: rgba(239, 68, 68, 0.5); color: #ef4444;}.o_shares_portal .document-upload-section .document-item .doc-actions .delete-doc-btn:hover{background: rgba(239, 68, 68, 0.2); border-color: #ef4444;}.o_shares_portal .document-upload-section .document-item .doc-actions .preview-doc-btn{border-color: rgba(0, 229, 255, 0.5); color: #00e5ff;}.o_shares_portal .document-upload-section .document-item .doc-actions .preview-doc-btn:hover{background: rgba(0, 229, 255, 0.2); border-color: #00e5ff;}.o_shares_portal .document-upload-section .document-item .doc-thumbnail{width: 48px; height: 48px; border-radius: 6px; object-fit: cover; cursor: pointer; border: 2px solid rgba(255, 255, 255, 0.1); transition: all 0.2s ease; flex-shrink: 0;}.o_shares_portal .document-upload-section .document-item .doc-thumbnail:hover{border-color: #00e5ff; transform: scale(1.05);}.o_shares_portal .document-upload-section .document-item .doc-thumbnail.doc-thumbnail-icon{display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.05); color: #94a3b8;}.o_shares_portal .document-upload-section .document-item .doc-thumbnail.doc-thumbnail-icon:hover{color: #00e5ff; background: rgba(0, 229, 255, 0.1);}.o_shares_portal .doc-preview-modal{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: flex; align-items: center; justify-content: center;}.o_shares_portal .doc-preview-modal .doc-preview-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); cursor: pointer;}.o_shares_portal .doc-preview-modal .doc-preview-content{position: relative; max-width: 90%; max-height: 90%; z-index: 1;}.o_shares_portal .doc-preview-modal .doc-preview-content img{max-width: 100%; max-height: 90vh; border-radius: 8px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);}.o_shares_portal .doc-preview-modal .doc-preview-close{position: absolute; top: -40px; right: 0; background: transparent; border: none; color: #fff; font-size: 32px; cursor: pointer; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transition: color 0.2s ease;}.o_shares_portal .doc-preview-modal .doc-preview-close:hover{color: #00e5ff;}.o_shares_portal .stage-info-message{padding: 0.75rem 1rem; background: rgba(0, 229, 255, 0.05); border-radius: 6px; border: 1px solid rgba(0, 229, 255, 0.15);}.o_shares_portal .stage-info-message small{color: #94a3b8 !important; font-size: 0.85rem; display: inline-flex; align-items: center;}.o_shares_portal .stage-info-message small svg{color: #00e5ff; flex-shrink: 0;}.o_shares_portal #stageInstructionsModal.modal{position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; z-index: 9999 !important; background: rgba(0, 0, 0, 0.7) !important;}.o_shares_portal #stageInstructionsModal .modal-dialog{position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; max-width: 800px; width: 90%;}.o_shares_portal #stageInstructionsModal.fade .modal-dialog{transform: translate(-50%, -50%) scale(0.9) !important; opacity: 0; transition: transform 0.3s ease-out, opacity 0.3s ease-out;}.o_shares_portal #stageInstructionsModal.show .modal-dialog{transform: translate(-50%, -50%) scale(1) !important; opacity: 1;}.o_shares_portal .onboarding-stages{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; padding-top: 50px; position: relative;}.o_shares_portal .onboarding-stage{display: flex; flex-direction: column; align-items: center; flex: 1; position: relative;}.o_shares_portal .onboarding-stage.completed .stage-dot{background: linear-gradient(135deg, #10b981, #059669); border-color: #10b981; color: #fff; box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);}.o_shares_portal .onboarding-stage.completed .stage-label{color: #10b981;}.o_shares_portal .onboarding-stage.completed .connector-fill{background: linear-gradient(90deg, #10b981, #10b981); width: 100%;}.o_shares_portal .onboarding-stage.current .stage-dot{background: linear-gradient(135deg, #00e5ff, #0ea5e9); border-color: #00e5ff; box-shadow: 0 0 16px rgba(0, 229, 255, 0.5); animation: pulse-glow 2s ease-in-out infinite;}.o_shares_portal .onboarding-stage.current .stage-label{color: #00e5ff; font-weight: 600;}.o_shares_portal .onboarding-stage.current .connector-fill{background: linear-gradient(90deg, #10b981, rgba(0, 229, 255, 0.3)); width: 50%;}.o_shares_portal .onboarding-stage.pending .stage-dot{background: rgba(30, 41, 59, 0.8); border-color: rgba(148, 163, 184, 0.3);}.o_shares_portal .onboarding-stage.pending .stage-label{color: #64748b;}.o_shares_portal .onboarding-stage.pending .connector-fill{width: 0;}.o_shares_portal .stage-indicator{display: flex; align-items: center; justify-content: center; width: 100%; position: relative;}.o_shares_portal .stage-dot{width: 28px; height: 28px; border-radius: 50%; border: 2px solid; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; transition: all 0.3s ease; flex-shrink: 0;}.o_shares_portal .pulse-ring{width: 8px; height: 8px; background: #fff; border-radius: 50%; animation: pulse-ring 1.5s ease-out infinite;}.o_shares_portal .stage-connector{position: absolute; left: calc(50% + 14px); right: calc(-50% + 14px); top: 13px; height: 2px; background: rgba(148, 163, 184, 0.2); z-index: 1;}.o_shares_portal .connector-fill{height: 100%; transition: width 0.5s ease, background 0.3s ease;}.o_shares_portal .stage-label{font-size: 10px; margin-top: 8px; text-align: center; transition: color 0.3s ease; max-width: 70px; line-height: 1.3;}.o_shares_portal .onboarding-progress-bar{display: flex; align-items: center; gap: 12px;}.o_shares_portal .progress-track{flex: 1; height: 4px; background: rgba(148, 163, 184, 0.2); border-radius: 2px; overflow: hidden;}.o_shares_portal .progress-fill{height: 100%; background: linear-gradient(90deg, #10b981, #00e5ff); border-radius: 2px; transition: width 0.5s ease; position: relative;}.o_shares_portal .progress-fill::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: shimmer 2s infinite;}.o_shares_portal .progress-text{font-size: 11px; color: #64748b; white-space: nowrap;}@keyframes pulse-glow{0%, 100%{box-shadow: 0 0 12px rgba(0, 229, 255, 0.4);}50%{box-shadow: 0 0 20px rgba(0, 229, 255, 0.7);}}@keyframes pulse-ring{0%{transform: scale(1); opacity: 1;}100%{transform: scale(2); opacity: 0;}}@keyframes shimmer{0%{transform: translateX(-100%);}100%{transform: translateX(100%);}}@media (max-width: 767.98px){.o_shares_portal .onboarding-progress-container{padding: 12px 14px; border-radius: 10px;}.o_shares_portal .onboarding-header{margin-bottom: 12px;}.o_shares_portal .onboarding-title{font-size: 10px;}.o_shares_portal .onboarding-stage-label{font-size: 10px; padding: 3px 8px;}.o_shares_portal .stage-dot{width: 22px; height: 22px;}.o_shares_portal .stage-dot svg{width: 10px; height: 10px;}.o_shares_portal .pulse-ring{width: 6px; height: 6px;}.o_shares_portal .stage-connector{left: calc(50% + 11px); right: calc(-50% + 11px); top: 10px;}.o_shares_portal .stage-label{font-size: 8px; max-width: 50px; margin-top: 6px;}.o_shares_portal .pointing-hand-container{top: -45px;}.o_shares_portal .pointing-hand{width: 22px; height: 22px;}.o_shares_portal .you-are-here{font-size: 7px;}.o_shares_portal .progress-text{font-size: 10px;}}.o_shares_portal .progress-section{background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card-alt) 100%); border: 1px solid var(--border-card); border-radius: 10px; padding: 14px 18px; margin-top: 12px;}.o_shares_portal .progress-header{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;}.o_shares_portal .progress-header h3{font-size: 13px; font-weight: 600; color: #fff; margin: 0;}.o_shares_portal .progress-header .progress-meta{font-size: 10px; color: var(--text-soft); text-align: right;}.o_shares_portal .milestone-card{overflow: visible;}.o_shares_portal .milestone-hint{display: flex; align-items: center; gap: 8px; padding: 8px 14px; margin: 0 16px 12px; background: rgba(0, 229, 255, 0.08); border: 1px solid rgba(0, 229, 255, 0.2); border-radius: 8px; color: var(--accent); font-size: 12px; animation: hint-fade-in 0.5s ease;}.o_shares_portal .milestone-hint svg{opacity: 0.8; flex-shrink: 0;}@keyframes hint-fade-in{from{opacity: 0; transform: translateY(-8px);}to{opacity: 1; transform: translateY(0);}}.o_shares_portal .milestone-track-wrapper{display: flex; align-items: center; gap: 8px; position: relative;}.o_shares_portal .milestone-scroll-btn{display: flex; flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(0, 229, 255, 0.3); background: rgba(0, 229, 255, 0.1); color: var(--accent); cursor: pointer; align-items: center; justify-content: center; transition: all 0.2s ease;}.o_shares_portal .milestone-scroll-btn:hover:not(:disabled){background: rgba(0, 229, 255, 0.2); border-color: rgba(0, 229, 255, 0.5); transform: scale(1.1);}.o_shares_portal .milestone-scroll-btn:active:not(:disabled){transform: scale(0.95);}.o_shares_portal .milestone-scroll-btn:disabled{opacity: 0.3; cursor: not-allowed; pointer-events: none;}.o_shares_portal .milestone-scroll-btn svg{width: 16px; height: 16px;}.o_shares_portal .milestone-track{position: relative; padding: 20px 0 8px; flex: 1;}.o_shares_portal .milestones{position: relative; display: flex; gap: 0; padding: 0; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none;}.o_shares_portal .milestones::-webkit-scrollbar{display: none;}.o_shares_portal .milestones::before{content: ''; position: absolute; top: 7px; left: 0; right: 0; height: 2px; background: rgba(100, 116, 139, 0.4); z-index: 0;}.o_shares_portal .milestone{display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; flex: 0 0 auto; width: 120px; min-width: 120px; cursor: pointer; transition: transform 0.2s ease; position: relative;}.o_shares_portal .milestone:hover{transform: translateY(-2px);}.o_shares_portal .milestone:hover .milestone-dot{transform: scale(1.2);}.o_shares_portal .milestone:hover .milestone-label{color: var(--accent);}.o_shares_portal .milestone.is-current .milestone-label{color: #fff; font-weight: 600;}.o_shares_portal .milestone.is-current .milestone-brief{color: var(--accent);}.o_shares_portal .milestone.is-done .milestone-label{color: var(--text-main);}.o_shares_portal .milestone-dot-wrapper{position: relative; display: flex; align-items: center; justify-content: center;}.o_shares_portal .milestone-dot{width: 14px; height: 14px; border-radius: 999px; flex-shrink: 0; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; transition: transform 0.2s ease, box-shadow 0.2s ease;}.o_shares_portal .milestone-dot svg{color: #fff;}.o_shares_portal .milestone-dot.pending{background: rgba(30, 41, 59, 0.8); border: 2px solid rgba(148, 163, 184, 0.4); box-shadow: none;}.o_shares_portal .milestone-dot.completed{background: linear-gradient(135deg, #00e5ff 0%, #0891b2 100%); border: none; box-shadow: 0 0 12px rgba(0, 229, 255, 0.7);}.o_shares_portal .milestone-dot.current{width: 18px; height: 18px; background: linear-gradient(135deg, #00e5ff 0%, #06b6d4 100%); border: 2px solid rgba(255, 255, 255, 0.3); box-shadow: 0 0 20px rgba(0, 229, 255, 0.9);}.o_shares_portal .milestone-pulse{position: absolute; width: 30px; height: 30px; border-radius: 999px; border: 2px solid var(--accent); opacity: 0; z-index: 1; animation: milestone-pulse 2s ease-out infinite;}@keyframes milestone-pulse{0%{transform: scale(0.6); opacity: 0.8;}100%{transform: scale(1.4); opacity: 0;}}@keyframes arrow-flow{0%, 100%{opacity: 0.6;}50%{opacity: 1; box-shadow: 0 0 8px rgba(0, 229, 255, 0.6);}}@keyframes arrow-pulse{0%, 100%{opacity: 0.5; transform: translateX(0);}50%{opacity: 1; transform: translateX(2px);}}.o_shares_portal .milestone-label{font-size: 9px; color: var(--text-soft); line-height: 1.3; transition: color 0.2s ease;}.o_shares_portal .milestone-brief{font-size: 8px; color: var(--text-muted); line-height: 1.2; opacity: 0.8;}@media (max-width: 767.98px){.o_shares_portal{}.o_shares_portal .milestone-card{overflow: visible; padding: 12px;}.o_shares_portal .milestone-card .card-header{padding: 0 0 8px 0;}.o_shares_portal .milestone-card .card-header .card-title{font-size: 14px;}.o_shares_portal .milestone-card .card-header .card-sub{font-size: 11px;}.o_shares_portal .milestone-hint{padding: 6px 10px; font-size: 10px; margin: 0 8px 8px;}.o_shares_portal .milestone-track-wrapper{flex-direction: column; gap: 8px;}.o_shares_portal .milestone-scroll-btn{display: none !important;}.o_shares_portal .milestone-track{padding: 10px 0 6px; width: 100%;}.o_shares_portal .milestones{flex-direction: column; gap: 12px; padding: 0 8px; overflow-x: visible;}.o_shares_portal .milestones::before{display: none;}.o_shares_portal .milestone{flex-direction: row; width: 100%; max-width: 100%; min-width: unset; gap: 12px; text-align: left; align-items: flex-start; padding: 8px 12px; background: rgba(255, 255, 255, 0.02); border-radius: 10px; border: 1px solid rgba(148, 163, 184, 0.2);}.o_shares_portal .milestone:hover{transform: none; background: rgba(0, 229, 255, 0.05); border-color: rgba(0, 229, 255, 0.3);}.o_shares_portal .milestone.is-current{background: rgba(0, 229, 255, 0.08); border-color: rgba(0, 229, 255, 0.4);}.o_shares_portal .milestone.is-done{opacity: 0.8;}.o_shares_portal .milestone-dot-wrapper{flex-shrink: 0; margin-top: 2px;}.o_shares_portal .milestone-dot{width: 16px; height: 16px;}.o_shares_portal .milestone-dot svg{width: 8px; height: 8px;}.o_shares_portal .milestone-dot.current{width: 18px; height: 18px;}.o_shares_portal .milestone-pulse{width: 28px; height: 28px;}.o_shares_portal .milestone-label{font-size: 12px; text-align: left; line-height: 1.4;}.o_shares_portal .milestone-brief{font-size: 10px; text-align: left;}}.o_shares_portal .milestone-modal-overlay{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; z-index: 9999; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}.o_shares_portal .milestone-modal-overlay.active{opacity: 1; visibility: visible;}.o_shares_portal .milestone-modal-overlay.active .milestone-modal-content{transform: scale(1) translateY(0); opacity: 1;}.o_shares_portal .milestone-modal-content{background: linear-gradient(145deg, #0a1628 0%, #050c1a 100%); border: 1px solid rgba(0, 229, 255, 0.3); border-radius: 16px; padding: 28px 32px; max-width: 520px; width: 90%; position: relative; box-shadow: 0 25px 80px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 229, 255, 0.15); transform: scale(0.9) translateY(20px); opacity: 0; transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;}.o_shares_portal .milestone-modal-close{position: absolute; top: 16px; right: 16px; background: transparent; border: none; color: var(--text-soft); font-size: 28px; cursor: pointer; line-height: 1; padding: 4px 8px; transition: color 0.2s ease;}.o_shares_portal .milestone-modal-close:hover{color: var(--accent);}.o_shares_portal .milestone-modal-header{margin-bottom: 20px;}.o_shares_portal .milestone-modal-header h3{color: #fff; font-size: 22px; font-weight: 600; margin: 8px 0 12px;}.o_shares_portal .milestone-modal-status{margin-bottom: 4px;}.o_shares_portal .status-badge{display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;}.o_shares_portal .status-badge.completed{background: rgba(74, 222, 128, 0.2); color: #4ade80; border: 1px solid rgba(74, 222, 128, 0.4);}.o_shares_portal .status-badge.current{background: rgba(0, 229, 255, 0.2); color: var(--accent); border: 1px solid rgba(0, 229, 255, 0.4); animation: pulse-glow 2s infinite;}.o_shares_portal .status-badge.pending{background: rgba(148, 163, 184, 0.15); color: var(--text-soft); border: 1px solid rgba(148, 163, 184, 0.3);}@keyframes pulse-glow{0%, 100%{box-shadow: 0 0 8px rgba(0, 229, 255, 0.3);}50%{box-shadow: 0 0 16px rgba(0, 229, 255, 0.6);}}.o_shares_portal .milestone-modal-brief{color: var(--accent); font-size: 14px; font-weight: 500; margin: 0;}.o_shares_portal .milestone-modal-body p{color: var(--text-main); font-size: 15px; line-height: 1.7; margin: 0;}.o_shares_portal .idle-warning-overlay{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; z-index: 99999; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}.o_shares_portal .idle-warning-overlay.active{opacity: 1; visibility: visible;}.o_shares_portal .idle-warning-overlay.active .idle-warning-content{transform: scale(1) translateY(0); opacity: 1;}.o_shares_portal .idle-warning-content{background: linear-gradient(145deg, #0a1628 0%, #050c1a 100%); border: 1px solid rgba(249, 115, 22, 0.4); border-radius: 20px; padding: 40px 48px; text-align: center; max-width: 420px; width: 90%; box-shadow: 0 25px 80px rgba(0, 0, 0, 0.6), 0 0 60px rgba(249, 115, 22, 0.2); transform: scale(0.9) translateY(20px); opacity: 0; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;}.o_shares_portal .idle-warning-content h3{color: #fff; font-size: 24px; font-weight: 600; margin: 16px 0 12px;}.o_shares_portal .idle-warning-content p{color: var(--text-soft); font-size: 15px; line-height: 1.6; margin: 0 0 24px;}.o_shares_portal .idle-warning-content p span{color: #f97316; font-weight: 700; font-size: 18px;}.o_shares_portal .idle-warning-icon{color: #f97316; animation: warning-pulse 1.5s ease-in-out infinite;}.o_shares_portal .idle-warning-icon svg{filter: drop-shadow(0 0 12px rgba(249, 115, 22, 0.5));}@keyframes warning-pulse{0%, 100%{transform: scale(1); opacity: 1;}50%{transform: scale(1.1); opacity: 0.8;}}.o_shares_portal .idle-warning-btn{background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); color: #fff; border: none; padding: 14px 32px; border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease;}.o_shares_portal .idle-warning-btn:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(249, 115, 22, 0.4);}.o_shares_portal .idle-warning-btn:active{transform: translateY(0);}.o_shares_portal .progress-bar{position: relative; height: 7px; border-radius: 999px; background: rgba(15, 23, 42, 0.8); border: 1px solid rgba(148, 163, 184, 0.5); overflow: hidden; margin-top: 8px;}.o_shares_portal .progress-fill{position: absolute; top: 0; left: 0; height: 100%; width: 0; border-radius: 999px; background: linear-gradient(90deg, rgba(56, 189, 248, 0.2) 0%, rgba(56, 189, 248, 0.6) 40%, #38bdf8 100%); box-shadow: 0 0 14px rgba(56, 189, 248, 0.8); transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);}@keyframes floatBadge{0%, 100%{transform: translate(-50%, -50%) translateY(0) translateX(0);}25%{transform: translate(-50%, -50%) translateY(-3px) translateX(2px);}50%{transform: translate(-50%, -50%) translateY(0) translateX(3px);}75%{transform: translate(-50%, -50%) translateY(3px) translateX(1px);}}.o_shares_portal .progress-done-overlay{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%); padding: 6px 32px; border-radius: 14px; opacity: 1; visibility: visible; z-index: 10; box-shadow: 0 4px 16px rgba(251, 191, 36, 0.5); animation: floatBadge 3s ease-in-out infinite;}.o_shares_portal .progress-done-overlay span{font-size: 13px; font-weight: 700; color: #fff; white-space: nowrap; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); letter-spacing: 0.5px;}.o_shares_portal .progress-bar.round-complete{cursor: pointer; overflow: visible;}.o_shares_portal .progress-bar.round-complete .progress-fill{width: 100% !important; background: linear-gradient(90deg, rgba(74, 222, 128, 0.4) 0%, rgba(74, 222, 128, 0.7) 40%, #4ade80 100%); box-shadow: 0 0 14px rgba(74, 222, 128, 0.8);}.o_shares_portal .progress-scale{display: flex; justify-content: space-between; margin-top: 4px; padding: 0;}.o_shares_portal .progress-scale span{font-size: 9px; color: var(--text-muted); width: 24px; text-align: center;}.o_shares_portal .progress-scale span:first-child{text-align: left;}.o_shares_portal .progress-scale span:last-child{text-align: right;}.o_shares_portal .progress-labels{display: flex; justify-content: space-between; margin-top: 12px; font-size: 11px; color: var(--text-soft);}.o_shares_portal .round-progress{margin-top: 8px;}.o_shares_portal .round-progress-bar{height: 7px; background: radial-gradient(circle at top, #020617, #020617); border: 1px solid rgba(148, 163, 184, 0.7); border-radius: 3px; overflow: hidden; margin-bottom: 8px;}.o_shares_portal .round-progress-bar .round-progress-fill{height: 100%; background: linear-gradient(90deg, var(--accent), #38bdf8); border-radius: 3px; transition: width 0.5s ease;}.o_shares_portal .round-progress-labels{display: flex; justify-content: space-between; font-size: 10px;}.o_shares_portal .round-progress-labels .raised{color: var(--text-main);}.o_shares_portal .round-progress-labels .target{color: var(--text-soft);}.o_shares_portal .charts-row, .o_shares_portal .chart-row{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}@media (max-width: 800px){.o_shares_portal .charts-row, .o_shares_portal .chart-row{grid-template-columns: minmax(0, 1fr);}}.o_shares_portal .chart-card, .o_shares_portal .mini-chart-card{background: #020818; border-radius: 18px; border: 1px solid rgba(148, 163, 184, 0.4); padding: 12px 14px 10px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.6); display: flex; flex-direction: column; gap: 6px; min-width: 0; max-width: 100%; overflow: hidden;}.o_shares_portal .chart-header, .o_shares_portal .mini-chart-header{display: flex; justify-content: space-between; font-size: 12px; color: #cbd5f5;}.o_shares_portal .chart-title{font-size: 12px; font-weight: 500; color: #cbd5f5;}.o_shares_portal .chart-subtitle{font-size: 12px; color: #9ca3af;}.o_shares_portal .chart-area, .o_shares_portal .mini-chart-body{height: 120px; position: relative; min-width: 0; max-width: 100%;}.o_shares_portal .chart-area canvas, .o_shares_portal .mini-chart-body canvas{display: block; max-width: 100%;}.o_shares_portal .chart-footer, .o_shares_portal .mini-chart-footer{display: flex; justify-content: space-between; align-items: center; font-size: 10px; color: #9ca3af; margin-top: 2px;}.o_shares_portal .chart-company, .o_shares_portal .mini-logo{letter-spacing: .18em; font-size: 11px; text-transform: uppercase;}.o_shares_portal .chart-note{font-size: 10px; color: #9ca3af;}.o_shares_portal .next-step-card{margin-top: 10px;}.o_shares_portal .next-step-action{margin-top: 10px;}.o_shares_portal .btn-large{padding: 12px 28px; font-size: 14px;}.o_shares_portal .page{display: none; flex-direction: column; gap: 16px; max-width: 100%; overflow-x: hidden;}.o_shares_portal .page.active{display: flex;}@keyframes fadeSlideUp{from{opacity: 0; transform: translateY(20px);}to{opacity: 1; transform: translateY(0);}}@keyframes scaleIn{from{opacity: 0; transform: scale(0.95);}to{opacity: 1; transform: scale(1);}}@keyframes pulseGlow{0%, 100%{box-shadow: 0 0 0 0 rgba(0, 229, 255, 0);}50%{box-shadow: 0 0 20px 2px rgba(0, 229, 255, 0.15);}}.o_shares_portal .animate-ready{opacity: 0; transform: translateY(20px);}.o_shares_portal .animate-in{animation: fadeSlideUp 0.6s ease-out forwards;}.o_shares_portal .kpi.animate-ready{opacity: 0; transform: translateY(15px);}.o_shares_portal .kpi.animate-in{animation: fadeSlideUp 0.5s ease-out forwards;}.o_shares_portal .grid-4 .kpi:nth-child(1).animate-in{animation-delay: 0s;}.o_shares_portal .grid-4 .kpi:nth-child(2).animate-in{animation-delay: 0.1s;}.o_shares_portal .grid-4 .kpi:nth-child(3).animate-in{animation-delay: 0.2s;}.o_shares_portal .grid-4 .kpi:nth-child(4).animate-in{animation-delay: 0.3s;}.o_shares_portal .chart-card.animate-ready{opacity: 0; transform: scale(0.98) translateY(10px);}.o_shares_portal .chart-card.animate-in{animation: scaleIn 0.7s ease-out forwards;}.o_shares_portal .charts-row .chart-card:nth-child(1).animate-in{animation-delay: 0.1s;}.o_shares_portal .charts-row .chart-card:nth-child(2).animate-in{animation-delay: 0.25s;}.o_shares_portal .progress-section.animate-ready{opacity: 0; transform: translateY(15px);}.o_shares_portal .progress-section.animate-in{animation: fadeSlideUp 0.6s ease-out forwards;}.o_shares_portal .kpi-value{transition: text-shadow 0.3s ease;}.o_shares_portal .kpi:hover .kpi-value{text-shadow: 0 0 20px rgba(0, 229, 255, 0.4);}.o_shares_portal .chart-card{transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%;}.o_shares_portal .chart-card:hover{transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);}.o_shares_portal .card{background: var(--bg-card); border-radius: var(--radius-card); border: 1px solid rgba(148, 163, 184, 0.55); padding: 14px 16px; box-shadow: 0 14px 40px rgba(15, 23, 42, 0.75); max-width: 100%; overflow: hidden;}.o_shares_portal .card-header{display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; gap: 8px;}.o_shares_portal .card-title{font-size: 14px; font-weight: 500; color: #fff;}.o_shares_portal .card-sub{font-size: 11px; color: var(--text-soft);}.o_shares_portal .alert{border-radius: 14px; border: 1px solid rgba(248, 113, 113, 0.7); background: radial-gradient(circle at top left, rgba(127, 29, 29, 0.85), #020617); padding: 10px 12px; font-size: 12px; color: #fee2e2;}.o_shares_portal .alert b, .o_shares_portal .alert strong{color: #fff;}.o_shares_portal .grid-4{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}.o_shares_portal .grid-2{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}.o_shares_portal .grid-3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}@media (max-width: 1100px){.o_shares_portal .grid-4{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 600px){.o_shares_portal .grid-4, .o_shares_portal .grid-3, .o_shares_portal .grid-2{grid-template-columns: 1fr;}}.o_shares_portal .kpi{background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), #020617); border-radius: 16px; border: 1px solid rgba(125, 211, 252, 0.6); padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 14px 40px rgba(15, 23, 42, 0.75); cursor: pointer; height: 100%; min-width: 0; max-width: 100%; overflow: hidden;}.o_shares_portal .kpi:hover{transform: scale(1.05) translateY(-3px); border-color: #7dd3fc; background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.35), #020617); box-shadow: 0 25px 50px rgba(15, 23, 42, 0.95), 0 0 40px rgba(56, 189, 248, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1); z-index: 10;}.o_shares_portal .kpi small{font-size: 10px; text-transform: uppercase; letter-spacing: .12em; color: #a5b4fc;}.o_shares_portal .kpi-value{font-size: 16px; font-weight: 600; color: #fff; margin: 0; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.o_shares_portal .kpi-meta{font-size: 11px; color: var(--text-soft); line-height: 1.4;}.o_shares_portal .kpi-investment .kpi-meta{font-size: 10px; color: var(--text-muted); margin-top: 2px; line-height: 1.3;}.o_shares_portal .kpi-action{text-align: center; border: none; font-family: inherit;}.o_shares_portal .kpi-action small{font-size: 9px;}.o_shares_portal .kpi-action .kpi-value{font-size: 18px; font-weight: 700;}.o_shares_portal .kpi-action .kpi-meta{font-size: 9px; color: var(--text-muted); margin-top: 4px;}.o_shares_portal .kpi-action-buy{background: radial-gradient(circle at top left, rgba(34, 197, 94, 0.25), #020617); border: 1px solid rgba(34, 197, 94, 0.6) !important;}.o_shares_portal .kpi-action-buy small{color: rgba(134, 239, 172, 0.8);}.o_shares_portal .kpi-action-buy .kpi-value{color: #22c55e;}.o_shares_portal .kpi-action-buy:hover{background: radial-gradient(circle at top left, rgba(34, 197, 94, 0.4), #020617); border-color: #22c55e !important; box-shadow: 0 25px 50px rgba(15, 23, 42, 0.95), 0 0 40px rgba(34, 197, 94, 0.3);}.o_shares_portal .kpi-action-sell{background: radial-gradient(circle at top left, rgba(239, 68, 68, 0.25), #020617); border: 1px solid rgba(239, 68, 68, 0.6) !important;}.o_shares_portal .kpi-action-sell small{color: rgba(252, 165, 165, 0.8);}.o_shares_portal .kpi-action-sell .kpi-value{color: #ef4444;}.o_shares_portal .kpi-action-sell:hover{background: radial-gradient(circle at top left, rgba(239, 68, 68, 0.4), #020617); border-color: #ef4444 !important; box-shadow: 0 25px 50px rgba(15, 23, 42, 0.95), 0 0 40px rgba(239, 68, 68, 0.3);}.o_shares_portal .kpi-action-transfer{background: radial-gradient(circle at top left, rgba(168, 85, 247, 0.25), #020617); border: 1px solid rgba(168, 85, 247, 0.6) !important;}.o_shares_portal .kpi-action-transfer small{color: rgba(216, 180, 254, 0.8);}.o_shares_portal .kpi-action-transfer .kpi-value{color: #a855f7;}.o_shares_portal .kpi-action-transfer:hover{background: radial-gradient(circle at top left, rgba(168, 85, 247, 0.4), #020617); border-color: #a855f7 !important; box-shadow: 0 25px 50px rgba(15, 23, 42, 0.95), 0 0 40px rgba(168, 85, 247, 0.3);}.o_shares_portal .kpi-action-disabled{background: radial-gradient(circle at top left, rgba(100, 116, 139, 0.15), #020617); border: 1px solid rgba(100, 116, 139, 0.3) !important; cursor: not-allowed; opacity: 0.6;}.o_shares_portal .kpi-action-disabled small, .o_shares_portal .kpi-action-disabled .kpi-value{color: var(--text-muted);}.o_shares_portal .kpi-action-disabled:hover{transform: none;}.o_shares_portal .kpi-action-disabled.kpi-action-insufficient{opacity: 0.8; border: 1px solid rgba(251, 191, 36, 0.4) !important; background: radial-gradient(circle at top left, rgba(251, 191, 36, 0.1), #020617);}.o_shares_portal .kpi-action-disabled.kpi-action-insufficient .kpi-value{color: rgba(251, 191, 36, 0.7);}.o_shares_portal .kpi-action-disabled.kpi-action-insufficient .kpi-meta{color: #fbbf24; font-weight: 500;}.o_shares_portal .action-toast{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); z-index: 10000; opacity: 0; pointer-events: none; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}.o_shares_portal .action-toast.active{opacity: 1; transform: translate(-50%, -50%) scale(1); pointer-events: auto;}.o_shares_portal .action-toast.closing{opacity: 0; transform: translate(-50%, -50%) scale(0.8);}.o_shares_portal .action-toast .toast-content{display: flex; align-items: center; gap: 16px; padding: 16px 20px; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.3); max-width: 90vw; min-width: 280px;}.o_shares_portal .action-toast .toast-message{flex: 1; font-size: 14px; font-weight: 500; line-height: 1.4;}.o_shares_portal .action-toast .toast-close{font-size: 24px; cursor: pointer; opacity: 0.7; transition: opacity 0.2s; line-height: 1; padding: 4px;}.o_shares_portal .action-toast .toast-close:hover{opacity: 1;}.o_shares_portal .action-toast.action-toast-warning .toast-content{background: linear-gradient(135deg, rgba(251, 191, 36, 0.15), rgba(15, 23, 42, 0.98)); border: 1px solid rgba(251, 191, 36, 0.5);}.o_shares_portal .action-toast.action-toast-warning .toast-message{color: #fbbf24;}.o_shares_portal .action-toast.action-toast-warning .toast-close{color: #fbbf24;}.o_shares_portal .action-toast.action-toast-info .toast-content{background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(15, 23, 42, 0.98)); border: 1px solid rgba(59, 130, 246, 0.5);}.o_shares_portal .action-toast.action-toast-info .toast-message{color: #60a5fa;}.o_shares_portal .action-toast.action-toast-info .toast-close{color: #60a5fa;}.o_shares_portal .action-toast.action-toast-error .toast-content{background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(15, 23, 42, 0.98)); border: 1px solid rgba(239, 68, 68, 0.5);}.o_shares_portal .action-toast.action-toast-error .toast-message{color: #f87171;}.o_shares_portal .action-toast.action-toast-error .toast-close{color: #f87171;}.o_shares_portal .kpi-action-deposit{background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.25), #020617); border: 1px solid rgba(59, 130, 246, 0.6) !important;}.o_shares_portal .kpi-action-deposit small{color: rgba(147, 197, 253, 0.8);}.o_shares_portal .kpi-action-deposit .kpi-value{color: #3b82f6;}.o_shares_portal .kpi-action-deposit:hover{background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.4), #020617); border-color: #3b82f6 !important; box-shadow: 0 25px 50px rgba(15, 23, 42, 0.95), 0 0 40px rgba(59, 130, 246, 0.3);}.o_shares_portal .kpi-action-withdraw{background: radial-gradient(circle at top left, rgba(249, 115, 22, 0.25), #020617); border: 1px solid rgba(249, 115, 22, 0.6) !important;}.o_shares_portal .kpi-action-withdraw small{color: rgba(253, 186, 116, 0.8);}.o_shares_portal .kpi-action-withdraw .kpi-value{color: #f97316;}.o_shares_portal .kpi-action-withdraw:hover{background: radial-gradient(circle at top left, rgba(249, 115, 22, 0.4), #020617); border-color: #f97316 !important; box-shadow: 0 25px 50px rgba(15, 23, 42, 0.95), 0 0 40px rgba(249, 115, 22, 0.3);}.o_shares_portal .kpi-escrow-balance{background: radial-gradient(circle at top left, rgba(20, 184, 166, 0.15), #020617); border: 1px solid rgba(20, 184, 166, 0.3) !important;}.o_shares_portal .kpi-escrow-balance small{color: rgba(94, 234, 212, 0.8);}.o_shares_portal .kpi-escrow-balance .kpi-value{color: #14b8a6; font-size: 18px;}.o_shares_portal .kpi-escrow-balance .kpi-meta{font-size: 10px;}.o_shares_portal .section-label{display: flex; align-items: center; margin-top: 8px;}.o_shares_portal .section-label .section-label-text{font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); padding: 4px 12px; background: rgba(148, 163, 184, 0.1); border-radius: 4px; border: 1px solid rgba(148, 163, 184, 0.15);}.o_shares_portal .modal-info{color: var(--text-soft); font-size: 13px; margin-bottom: 16px; padding: 12px; background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.2); border-radius: 8px;}.o_shares_portal .modal-balance{color: var(--text-soft); font-size: 14px; margin-bottom: 16px;}.o_shares_portal .modal-balance strong{color: #14b8a6; font-size: 18px;}.o_shares_portal .table-responsive-wrapper{overflow: hidden;}.o_shares_portal .portfolio-table{width: 100%; border-collapse: collapse;}.o_shares_portal .portfolio-table th, .o_shares_portal .portfolio-table td{padding: 12px 16px; text-align: left; border-bottom: 1px solid rgba(148, 163, 184, 0.1);}.o_shares_portal .portfolio-table th{font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); background: rgba(15, 23, 42, 0.5);}.o_shares_portal .portfolio-table td{font-size: 13px; color: var(--text-soft);}.o_shares_portal .portfolio-table tbody tr:hover{background: rgba(148, 163, 184, 0.05);}.o_shares_portal .portfolio-table .btn-action{padding: 6px 12px; font-size: 11px; font-weight: 600; border-radius: 6px; border: none; cursor: pointer; transition: all 0.2s ease;}.o_shares_portal .portfolio-table .btn-action.btn-buy{background: rgba(34, 197, 94, 0.2); color: #22c55e; border: 1px solid rgba(34, 197, 94, 0.4);}.o_shares_portal .portfolio-table .btn-action.btn-buy:hover{background: rgba(34, 197, 94, 0.3);}.o_shares_portal .portfolio-table .btn-action.btn-sell{background: rgba(239, 68, 68, 0.2); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.4);}.o_shares_portal .portfolio-table .btn-action.btn-sell:hover{background: rgba(239, 68, 68, 0.3);}.o_shares_portal .portfolio-table .btn-action.btn-transfer{background: rgba(168, 85, 247, 0.2); color: #a855f7; border: 1px solid rgba(168, 85, 247, 0.4);}.o_shares_portal .portfolio-table .btn-action.btn-transfer:hover{background: rgba(168, 85, 247, 0.3);}.o_shares_portal .kpi-dual .kpi-dual-row{display: flex; align-items: center; justify-content: space-between; gap: 8px;}.o_shares_portal .kpi-dual .kpi-dual-item{flex: 1; text-align: center; min-width: 0;}.o_shares_portal .kpi-dual .kpi-dual-item small{font-size: 9px; display: block; margin-bottom: 2px;}.o_shares_portal .kpi-dual .kpi-dual-item .kpi-value{font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.o_shares_portal .kpi-dual .kpi-dual-divider{width: 1px; height: 32px; background: rgba(148, 163, 184, 0.2); flex-shrink: 0;}@media (max-width: 767.98px){.o_shares_portal #page-myInvestment{overflow-x: hidden;}.o_shares_portal #page-myInvestment .kpi-dual .kpi-dual-row{gap: 4px;}.o_shares_portal #page-myInvestment .kpi-dual .kpi-dual-item small{font-size: 8px;}.o_shares_portal #page-myInvestment .kpi-dual .kpi-dual-item .kpi-value{font-size: 13px;}.o_shares_portal #page-myInvestment .kpi-dual .kpi-meta{font-size: 8px;}.o_shares_portal #page-myInvestment .kpi-action{padding: 8px 4px;}.o_shares_portal #page-myInvestment .kpi-action small{font-size: 7px;}.o_shares_portal #page-myInvestment .kpi-action .kpi-value{font-size: 12px;}.o_shares_portal #page-myInvestment .kpi-action .kpi-meta{font-size: 7px; line-height: 1.2;}.o_shares_portal #page-myInvestment .kpi-escrow-balance .kpi-value{font-size: 14px;}.o_shares_portal #page-myInvestment .kpi-escrow-balance .kpi-meta{font-size: 8px;}.o_shares_portal #page-myInvestment .section-label{margin-top: 4px;}.o_shares_portal #page-myInvestment .section-label .section-label-text{font-size: 9px; padding: 3px 8px;}.o_shares_portal #page-myInvestment .card{padding: 10px;}.o_shares_portal #page-myInvestment .card .card-header{margin-bottom: 10px;}.o_shares_portal #page-myInvestment .card .card-header .card-title{font-size: 14px;}.o_shares_portal #page-myInvestment .card .card-header .card-sub{font-size: 10px;}.o_shares_portal #page-myInvestment .portfolio-table{display: block;}.o_shares_portal #page-myInvestment .portfolio-table thead{display: none;}.o_shares_portal #page-myInvestment .portfolio-table tbody{display: block;}.o_shares_portal #page-myInvestment .portfolio-table tr{display: block; padding: 12px; margin-bottom: 8px; background: rgba(15, 23, 42, 0.5); border-radius: 8px; border: 1px solid rgba(148, 163, 184, 0.1);}.o_shares_portal #page-myInvestment .portfolio-table td{display: flex; justify-content: space-between; align-items: center; padding: 4px 0; border: none; font-size: 12px;}.o_shares_portal #page-myInvestment .portfolio-table td:before{content: attr(data-label); font-size: 10px; font-weight: 600; text-transform: uppercase; color: var(--text-muted); flex-shrink: 0; margin-right: 8px;}.o_shares_portal #page-myInvestment .portfolio-table td:first-child{font-size: 14px; font-weight: 600; margin-bottom: 4px;}.o_shares_portal #page-myInvestment .portfolio-table td:first-child:before{display: none;}.o_shares_portal #page-myInvestment .portfolio-table td:first-child strong{color: var(--text-primary);}.o_shares_portal #page-myInvestment .portfolio-table td:last-child{margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(148, 163, 184, 0.1);}.o_shares_portal #page-myInvestment .portfolio-table td:last-child:before{display: none;}.o_shares_portal #page-myInvestment .portfolio-table td:last-child > div{width: 100%; justify-content: flex-start; flex-wrap: wrap; gap: 6px;}.o_shares_portal #page-myInvestment .portfolio-table .btn-action{padding: 6px 10px; font-size: 11px;}}@media (max-width: 575.98px){.o_shares_portal #page-myInvestment .kpi-dual .kpi-dual-item .kpi-value{font-size: 11px;}.o_shares_portal #page-myInvestment .kpi-dual .kpi-dual-divider{height: 20px;}.o_shares_portal #page-myInvestment .kpi-dual .kpi-meta{font-size: 7px;}.o_shares_portal #page-myInvestment .kpi-action{padding: 6px 2px;}.o_shares_portal #page-myInvestment .kpi-action .kpi-value{font-size: 10px;}.o_shares_portal #page-myInvestment .kpi-action .kpi-meta{display: none;}.o_shares_portal #page-myInvestment .kpi-escrow-balance .kpi-value{font-size: 12px;}.o_shares_portal #page-myInvestment .kpi-escrow-balance .kpi-meta{font-size: 7px;}.o_shares_portal #page-myInvestment .portfolio-table td{font-size: 11px;}.o_shares_portal #page-myInvestment .portfolio-table td:first-child{font-size: 13px;}.o_shares_portal #page-myInvestment .portfolio-table .btn-action{padding: 5px 8px; font-size: 10px;}}.o_shares_portal .otp-section{margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(148, 163, 184, 0.15);}.o_shares_portal .otp-section label{display: block; margin-bottom: 8px; font-size: 12px; color: var(--text-soft); text-transform: uppercase; letter-spacing: 0.05em;}.o_shares_portal .otp-row{display: flex; gap: 8px; align-items: center;}.o_shares_portal .otp-row input{flex: 1; font-size: 18px; letter-spacing: 8px; text-align: center; font-family: monospace;}.o_shares_portal .otp-row input.otp-verified{background: rgba(34, 197, 94, 0.1); border-color: #22c55e; color: #22c55e;}.o_shares_portal .btn-otp{padding: 10px 16px; background: rgba(0, 229, 255, 0.1); border: 1px solid rgba(0, 229, 255, 0.4); border-radius: 8px; color: #00e5ff; font-size: 12px; font-weight: 500; cursor: pointer; white-space: nowrap; transition: all 0.2s ease;}.o_shares_portal .btn-otp:hover:not(:disabled){background: rgba(0, 229, 255, 0.2); border-color: #00e5ff;}.o_shares_portal .btn-otp:disabled{opacity: 0.6; cursor: not-allowed;}.o_shares_portal .otp-message{margin-top: 8px; font-size: 12px; min-height: 18px;}.o_shares_portal .otp-message.otp-success{color: #22c55e;}.o_shares_portal .otp-message.otp-error{color: #ef4444;}.o_shares_portal .otp-timer{margin-top: 4px; font-size: 11px; color: var(--text-muted);}.o_shares_portal .kpi-muted{background: radial-gradient(circle at top left, rgba(15, 23, 42, 0.95), #020617); border-color: rgba(148, 163, 184, 0.6);}.o_shares_portal .kpi-muted small{color: var(--text-soft);}.o_shares_portal .auth-shell{margin: auto; background: #020617; border-radius: 24px; padding: 40px; border: none; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5); width: 100%; max-width: 480px; display: flex; flex-direction: column; gap: 24px; position: relative; z-index: 10; min-height: calc(100vh - 36px); justify-content: center;}.o_shares_portal .auth-shell::before{content: ''; position: absolute; top: -10%; left: 10%; width: 80%; height: 80%; background: var(--accent); filter: blur(100px); opacity: 0.15; z-index: -1;}.o_shares_portal .auth-shell.auth-shell-wide{max-width: 520px; padding: 32px 40px 40px;}.o_shares_portal .otp-container{display: flex; flex-direction: row; justify-content: center; gap: 10px; margin: 24px 0;}.o_shares_portal .otp-input{width: 48px; height: 56px; text-align: center; font-size: 24px; font-weight: 600; color: #fff; background: rgba(15, 23, 42, 0.8); border: 1px solid rgba(148, 163, 184, 0.4); border-radius: 12px; outline: none; transition: border-color 0.2s ease, box-shadow 0.2s ease;}.o_shares_portal .otp-input:focus{border-color: var(--accent); box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.15);}.o_shares_portal .otp-input::placeholder{color: rgba(148, 163, 184, 0.4);}.o_shares_portal .auth-tabs{display: flex; gap: 0; background: rgba(15, 23, 42, 0.6); border-radius: 12px; padding: 4px; border: 1px solid rgba(148, 163, 184, 0.15);}.o_shares_portal .auth-tab{flex: 1; text-align: center; padding: 12px 24px; font-size: 14px; font-weight: 600; color: var(--text-soft); border-radius: 10px; transition: all 0.25s ease; text-decoration: none;}.o_shares_portal .auth-tab:hover{color: var(--text-main); background: rgba(255, 255, 255, 0.03);}.o_shares_portal .auth-tab.active{background: linear-gradient(135deg, rgba(0, 229, 255, 0.15), rgba(56, 189, 248, 0.1)); color: #fff; box-shadow: 0 2px 12px rgba(0, 229, 255, 0.2); border: 1px solid rgba(0, 229, 255, 0.3);}.o_shares_portal .auth-form-panel{display: flex; flex-direction: column; gap: 8px;}.o_shares_portal .radio-group{display: flex; gap: 16px; flex-wrap: wrap;}.o_shares_portal .radio-option{display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 10px 16px; background: rgba(15, 23, 42, 0.6); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 10px; transition: all 0.2s ease; font-size: 13px; color: var(--text-soft);}.o_shares_portal .radio-option:hover{border-color: rgba(148, 163, 184, 0.4); background: rgba(15, 23, 42, 0.8);}.o_shares_portal .radio-option input[type="radio"]{width: 18px; height: 18px; accent-color: var(--accent); cursor: pointer;}.o_shares_portal .radio-option input[type="radio"]:checked + span{color: #fff;}.o_shares_portal .radio-option:has(input:checked){border-color: var(--accent); background: rgba(0, 229, 255, 0.1);}.o_shares_portal .auth-logo-link{display: flex; flex-direction: column; align-items: center; gap: 12px; text-decoration: none;}.o_shares_portal .auth-logo-link:hover{transform: translateY(-2px);}.o_shares_portal .auth-logo-link:hover .auth-logo-img{filter: drop-shadow(0 0 50px white) drop-shadow(0 0 80px rgba(255, 255, 255, 0.8)) !important;}.o_shares_portal .auth-logo-img{width: 120px; height: auto; animation: logo-glow 3s ease-in-out infinite; transition: filter 0.3s ease;}@keyframes logo-glow{0%, 100%{filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.3)); transform: scale(1);}50%{filter: drop-shadow(0 0 40px white) drop-shadow(0 0 60px rgba(255, 255, 255, 0.6)); transform: scale(1.05);}}.o_shares_portal .auth-logo{text-align: center; margin-bottom: 20px; font-size: 14px; letter-spacing: .4em; text-transform: uppercase; color: var(--text-soft);}.o_shares_portal .auth-logo span{color: var(--accent); font-weight: 800;}.o_shares_portal .auth-title{font-size: 28px; font-weight: 700; margin-bottom: 8px; text-align: center; background: linear-gradient(to right, #fff, #94a3b8); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}.o_shares_portal .auth-sub{font-size: 14px; color: var(--text-soft); text-align: center; line-height: 1.5; margin-bottom: 10px;}.o_shares_portal .auth-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}.o_shares_portal .form-group{display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px;}.o_shares_portal .form-group label{font-size: 12px; font-weight: 500; color: #cbd5f5; margin-left: 2px;}.o_shares_portal .auto-translate-toggle{display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; cursor: pointer; font-size: 11px !important; color: var(--text-muted) !important; user-select: none;}.o_shares_portal .auto-translate-toggle input[type="checkbox"]{width: 14px; height: 14px; accent-color: var(--accent); cursor: pointer; margin: 0;}.o_shares_portal .auto-translate-toggle span{font-weight: 400;}.o_shares_portal .auto-translate-toggle:hover{color: var(--text-soft) !important;}.o_shares_portal .hint{font-size: 11px; color: #64748b; margin-top: 4px; margin-left: 2px;}.o_shares_portal .phone-input-wrapper{display: flex; align-items: stretch; border: 1px solid rgba(148, 163, 184, 0.5); border-radius: 8px; overflow: hidden; background: #020617; transition: border-color 0.2s ease;}.o_shares_portal .phone-input-wrapper:focus-within{border-color: var(--accent);}.o_shares_portal .phone-input-wrapper .phone-code-prefix{display: flex; align-items: center; padding: 0 12px; background: rgba(148, 163, 184, 0.1); color: var(--accent); font-weight: 600; font-size: 14px; border-right: 1px solid rgba(148, 163, 184, 0.3); white-space: nowrap; min-width: 50px; justify-content: center;}.o_shares_portal .phone-input-wrapper .phone-input-with-prefix{flex: 1; border: none !important; border-radius: 0 !important; background: transparent !important; padding: 10px 12px;}.o_shares_portal .phone-input-wrapper .phone-input-with-prefix:focus{outline: none; box-shadow: none;}.o_shares_portal .auth-footer{display: flex; flex-direction: column; gap: 16px; margin-top: 10px;}.o_shares_portal .auth-footer button{width: 100%;}.o_shares_portal .auth-footer a{text-align: center; font-size: 13px; color: var(--text-soft);}.o_shares_portal .auth-footer a:hover{color: var(--accent);}.o_shares_portal .auth-forgot-password{text-align: center; margin-top: 16px;}.o_shares_portal .auth-forgot-password a{font-size: 13px; color: var(--text-soft); text-decoration: none; transition: color 0.2s ease;}.o_shares_portal .auth-forgot-password a:hover{color: var(--accent);}.o_shares_portal .error-toast{position: fixed; top: 24px; right: 24px; z-index: 9999; display: flex; align-items: flex-start; gap: 12px; background: linear-gradient(135deg, rgba(239, 68, 68, 0.95), rgba(185, 28, 28, 0.95)); border: 1px solid rgba(239, 68, 68, 0.5); border-radius: 12px; padding: 16px 20px; min-width: 320px; max-width: 450px; box-shadow: 0 10px 40px rgba(239, 68, 68, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1); animation: toastSlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);}.o_shares_portal .error-toast.hiding{animation: toastSlideOut 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;}@keyframes toastSlideIn{from{opacity: 0; transform: translateX(100px) scale(0.9);}to{opacity: 1; transform: translateX(0) scale(1);}}@keyframes toastSlideOut{from{opacity: 1; transform: translateX(0) scale(1);}to{opacity: 0; transform: translateX(100px) scale(0.9);}}.o_shares_portal .error-toast-icon{flex-shrink: 0; color: #fff; margin-top: 2px;}.o_shares_portal .error-toast-content{flex: 1;}.o_shares_portal .error-toast-title{font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.5px;}.o_shares_portal .error-toast-message{font-size: 13px; color: rgba(255, 255, 255, 0.9); line-height: 1.5;}.o_shares_portal .error-toast-close{flex-shrink: 0; background: rgba(255, 255, 255, 0.1); border: none; border-radius: 6px; padding: 4px; cursor: pointer; color: rgba(255, 255, 255, 0.7); transition: all 0.2s ease;}.o_shares_portal .error-toast-close:hover{background: rgba(255, 255, 255, 0.2); color: #fff;}.o_shares_portal .success-toast{position: fixed; top: 24px; right: 24px; z-index: 9999; display: flex; align-items: flex-start; gap: 12px; background: linear-gradient(135deg, rgba(16, 185, 129, 0.95), rgba(5, 150, 105, 0.95)); border: 1px solid rgba(16, 185, 129, 0.5); border-radius: 12px; padding: 16px 20px; min-width: 320px; max-width: 450px; box-shadow: 0 10px 40px rgba(16, 185, 129, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1); animation: toastSlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);}.o_shares_portal .success-toast.hiding{animation: toastSlideOut 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;}.o_shares_portal .success-toast-icon{flex-shrink: 0; color: #fff; margin-top: 2px;}.o_shares_portal .success-toast-content{flex: 1;}.o_shares_portal .success-toast-title{font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.5px;}.o_shares_portal .success-toast-message{font-size: 13px; color: rgba(255, 255, 255, 0.9); line-height: 1.5;}.o_shares_portal .success-toast-close{flex-shrink: 0; background: rgba(255, 255, 255, 0.1); border: none; border-radius: 6px; padding: 4px; cursor: pointer; color: rgba(255, 255, 255, 0.7); transition: all 0.2s ease;}.o_shares_portal .success-toast-close:hover{background: rgba(255, 255, 255, 0.2); color: #fff;}.o_shares_portal .alert{background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.3); color: #fca5a5; padding: 12px 16px; border-radius: 12px; font-size: 13px;}.o_shares_portal .dot{width: 8px; height: 8px; border-radius: 50%;}.o_shares_portal .dot.green{background: var(--success); box-shadow: 0 0 8px var(--success);}.o_shares_portal .dot.red{background: var(--danger); box-shadow: 0 0 8px var(--danger);}.o_shares_portal .dot.yellow{background: var(--warning); box-shadow: 0 0 8px var(--warning);}.o_shares_portal table{width: 100%; border-collapse: separate; border-spacing: 0 8px;}.o_shares_portal th{text-align: left; font-size: 11px; text-transform: uppercase; color: #64748b; padding: 0 16px; letter-spacing: 0.05em;}.o_shares_portal td{background: rgba(255, 255, 255, 0.02); padding: 12px 16px; font-size: 13px; border-top: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.o_shares_portal td:first-child{border-left: 1px solid rgba(255, 255, 255, 0.05); border-top-left-radius: 10px; border-bottom-left-radius: 10px;}.o_shares_portal td:last-child{border-right: 1px solid rgba(255, 255, 255, 0.05); border-top-right-radius: 10px; border-bottom-right-radius: 10px;}.o_shares_portal .badge{padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 500;}.o_shares_portal .badge.draft{background: rgba(234, 179, 8, 0.1); color: #fde047;}.o_shares_portal .badge.final{background: rgba(34, 197, 94, 0.1); color: #86efac;}.o_shares_portal .badge.empty{background: rgba(59, 130, 246, 0.1); color: #93c5fd;}#documentPreviewOverlay{position: fixed; inset: 0; display: none; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.65); z-index: 2000; padding: 24px;}#documentPreviewOverlay.show{display: flex;}.doc-preview-shell{width: 90vw; height: 90vh; max-width: 1280px; max-height: 95vh; background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border: 1px solid rgba(0, 229, 255, 0.35); border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45); display: flex; flex-direction: column; overflow: hidden;}.doc-preview-header{display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.08);}.doc-preview-header .doc-preview-title{color: #e2e8f0; font-weight: 600; font-size: 1rem;}.doc-preview-body{position: relative; flex: 1; background: #0b1220;}.doc-preview-body .document-preview-frame{width: 100%; height: 100%; border: none; background: #fff;}.pwa-install-banner{position: fixed; top: 0; left: 0; right: 0; z-index: 100000; background: linear-gradient(135deg, #0a1628 0%, #020617 100%); border-bottom: 1px solid rgba(0, 229, 255, 0.3); padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); animation: slideDown 0.3s ease-out;}@keyframes slideDown{from{transform: translateY(-100%); opacity: 0;}to{transform: translateY(0); opacity: 1;}}.pwa-install-content{display: flex; align-items: center; gap: 12px; flex: 1;}.pwa-install-icon{font-size: 28px; line-height: 1;}.pwa-install-text{display: flex; flex-direction: column; gap: 2px;}.pwa-install-text strong{color: #fff; font-size: 14px; font-weight: 600;}.pwa-install-text span{color: rgba(255, 255, 255, 0.7); font-size: 12px;}.pwa-install-actions{display: flex; align-items: center; gap: 8px;}.pwa-install-btn{background: linear-gradient(135deg, #00e5ff 0%, #0891b2 100%); color: #000; border: none; padding: 8px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s;}.pwa-install-btn:hover{transform: scale(1.05); box-shadow: 0 0 15px rgba(0, 229, 255, 0.5);}.pwa-dismiss-btn{background: transparent; color: rgba(255, 255, 255, 0.6); border: none; padding: 8px; font-size: 16px; cursor: pointer; transition: color 0.2s;}.pwa-dismiss-btn:hover{color: #fff;}@media (max-width: 480px){.pwa-install-banner{padding: 10px 12px;}.pwa-install-icon{font-size: 24px;}.pwa-install-text strong{font-size: 13px;}.pwa-install-text span{font-size: 11px;}.pwa-install-btn{padding: 6px 12px; font-size: 12px;}}.profile-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}@media (max-width: 900px){.profile-grid{grid-template-columns: 1fr;}}.profile-right-column{display: flex; flex-direction: column; gap: 16px;}.profile-avatar-section{display: flex; align-items: center; gap: 16px; margin-bottom: 8px;}.profile-avatar-preview{width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(135deg, var(--accent), #0ea5e9); border: 2px solid rgba(0, 229, 255, 0.4); overflow: hidden; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.profile-avatar-preview img{width: 100%; height: 100%; object-fit: cover;}.avatar-initials{font-size: 24px; font-weight: 600; color: #fff; text-transform: uppercase;}.avatar-upload-form{display: flex; flex-direction: column; gap: 8px;}.avatar-file-input{display: none;}.avatar-upload-btn{cursor: pointer; font-size: 12px; padding: 6px 12px;}.profile-form .form-group, .security-form .form-group{margin-bottom: 14px;}.form-group-divider{display: flex; align-items: center; gap: 12px;}.form-group-divider::before, .form-group-divider::after{content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.3), transparent);}.form-group-divider .divider-text{color: #64748b; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap;}.readonly-field{background: rgba(15, 23, 42, 0.6) !important; color: #94a3b8 !important; cursor: not-allowed; border-color: rgba(148, 163, 184, 0.3) !important;}.pill{display: inline-flex; align-items: center; gap: 4px; font-size: 11px; padding: 4px 10px; border-radius: 999px; border: 1px solid rgba(0, 229, 255, 0.5); color: var(--accent); background: rgba(0, 229, 255, 0.1);}.referral-stats{padding: 12px; background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); border-radius: 10px;}.referral-stats .hint{color: #4ade80; margin: 0;}.mt-2{margin-top: 6px;}.mt-4{margin-top: 16px;}@media (max-width: 767.98px){.profile-grid{gap: 12px;}.profile-avatar-section{flex-direction: column; align-items: flex-start; gap: 12px;}.profile-avatar-preview{width: 64px; height: 64px;}.avatar-initials{font-size: 20px;}}.page.page-fade-out{animation: pageFadeOut 0.3s ease-out forwards;}.page.page-fade-in{animation: pageFadeIn 0.6s ease-out forwards;}@keyframes pageFadeOut{0%{opacity: 1; transform: translateY(0);}100%{opacity: 0; transform: translateY(-10px);}}@keyframes pageFadeIn{0%{opacity: 0; transform: translateY(20px);}100%{opacity: 1; transform: translateY(0);}}.nav-item.nav-glow{animation: navGlow 1s ease-in-out infinite;}.nav-item.nav-glow .label{color: var(--accent) !important; text-shadow: 0 0 8px var(--accent), 0 0 16px var(--accent);}@keyframes navGlow{0%, 100%{background: rgba(0, 229, 255, 0.08); box-shadow: 0 0 10px rgba(0, 229, 255, 0.3), inset 0 0 10px rgba(0, 229, 255, 0.1);}50%{background: rgba(0, 229, 255, 0.2); box-shadow: 0 0 20px rgba(0, 229, 255, 0.5), inset 0 0 15px rgba(0, 229, 255, 0.2);}}.kyc-page-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}@media (max-width: 992px){.kyc-page-grid{grid-template-columns: 1fr;}}.kyc-form, .kyc-files-form, .risk-form{padding: 16px 0;}.kyc-form .form-row, .kyc-files-form .form-row, .risk-form .form-row{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 16px;}@media (max-width: 768px){.kyc-form .form-row, .kyc-files-form .form-row, .risk-form .form-row{grid-template-columns: 1fr;}}.kyc-form .form-group, .kyc-files-form .form-group, .risk-form .form-group{margin-bottom: 16px;}.kyc-form .form-group label, .kyc-files-form .form-group label, .risk-form .form-group label{display: block; font-size: 12px; color: rgba(255, 255, 255, 0.6); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px;}.kyc-form .form-group .form-control, .kyc-files-form .form-group .form-control, .risk-form .form-group .form-control{width: 100%; background: #020617; border: 1px solid rgba(148, 163, 184, 0.35); border-radius: 8px; padding: 10px 12px; color: #fff; font-size: 14px;}.kyc-form .form-group .form-control:focus, .kyc-files-form .form-group .form-control:focus, .risk-form .form-group .form-control:focus{border-color: var(--accent); outline: none;}.kyc-form .form-group select.form-control, .kyc-files-form .form-group select.form-control, .risk-form .form-group select.form-control{cursor: pointer; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 32px;}.kyc-form .form-actions, .kyc-files-form .form-actions, .risk-form .form-actions{margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.08);}.file-upload-row{display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}.file-upload-row .file-status{font-size: 12px; padding: 4px 10px; border-radius: 12px;}.file-upload-row .file-status.uploaded{background: rgba(16, 185, 129, 0.15); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.3);}.file-upload-row .btn-download{font-size: 12px; color: var(--accent); text-decoration: none;}.file-upload-row .btn-download:hover{text-decoration: underline;}.file-upload-row .file-upload-wrapper .file-input-hidden{display: none;}.file-upload-row .file-upload-wrapper .btn-file-select{display: inline-block; padding: 6px 14px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 6px; color: #fff; font-size: 12px; cursor: pointer; transition: all 0.2s ease;}.file-upload-row .file-upload-wrapper .btn-file-select:hover{background: rgba(255, 255, 255, 0.12); border-color: var(--accent);}.kyc-status-card{grid-column: span 2;}@media (max-width: 992px){.kyc-status-card{grid-column: span 1;}}.kyc-status-display{padding: 24px; text-align: center;}.kyc-status-display .status-badge{display: inline-block; padding: 8px 20px; border-radius: 20px; font-size: 14px; font-weight: 600; margin-bottom: 12px;}.kyc-status-display .status-badge.status-verified{background: rgba(16, 185, 129, 0.15); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.3);}.kyc-status-display .status-badge.status-pending{background: rgba(245, 158, 11, 0.15); color: #f59e0b; border: 1px solid rgba(245, 158, 11, 0.3);}.kyc-status-display .status-badge.status-rejected{background: rgba(239, 68, 68, 0.15); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3);}.kyc-status-display .status-message{color: rgba(255, 255, 255, 0.6); font-size: 13px; margin: 0; max-width: 400px; margin: 0 auto;}.documents-grid{display: grid; grid-template-columns: 1fr; gap: 24px;}.documents-table-wrapper{overflow-x: auto; margin-top: 16px;}.documents-table{width: 100%; border-collapse: collapse; font-size: 13px;}.documents-table thead th{text-align: left; padding: 12px 16px; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); font-weight: 500; text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; border-bottom: 1px solid rgba(255, 255, 255, 0.08);}.documents-table tbody tr{border-bottom: 1px solid rgba(255, 255, 255, 0.05); transition: background 0.2s ease;}.documents-table tbody tr:hover{background: rgba(255, 255, 255, 0.02);}.documents-table tbody tr:last-child{border-bottom: none;}.documents-table tbody td{padding: 14px 16px; color: rgba(255, 255, 255, 0.85); vertical-align: middle;}.doc-name{display: flex; align-items: center; gap: 10px; font-weight: 500; color: #fff; word-break: break-word; overflow-wrap: break-word;}.doc-name .doc-icon{font-size: 18px; flex-shrink: 0;}.documents-table{width: 100%; table-layout: fixed;}.documents-table th:first-child, .documents-table td:first-child{width: auto;}.documents-table .actions-col{width: 80px; text-align: right;}.documents-table .doc-actions{justify-content: flex-end;}.file-type-badge{display: inline-block; padding: 3px 8px; background: rgba(148, 163, 184, 0.15); color: rgba(255, 255, 255, 0.7); border-radius: 4px; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;}.doc-actions{display: flex; gap: 8px;}.doc-actions .btn-action{display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 6px; text-decoration: none; transition: all 0.2s ease; font-size: 14px;}.doc-actions .btn-action.btn-preview{background: rgba(99, 102, 241, 0.15); border: 1px solid rgba(99, 102, 241, 0.3);}.doc-actions .btn-action.btn-preview:hover{background: rgba(99, 102, 241, 0.25); transform: translateY(-1px);}.doc-actions .btn-action.btn-download-icon{background: rgba(16, 185, 129, 0.15); border: 1px solid rgba(16, 185, 129, 0.3);}.doc-actions .btn-action.btn-download-icon:hover{background: rgba(16, 185, 129, 0.25); transform: translateY(-1px);}.empty-state-cell{text-align: center; padding: 40px 16px !important;}.empty-state-small{display: flex; flex-direction: column; align-items: center; gap: 8px; color: rgba(255, 255, 255, 0.4);}.empty-state-small .empty-icon{font-size: 32px; opacity: 0.5;}.badge{display: inline-block; padding: 4px 10px; border-radius: 12px; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.3px;}.badge-signed{background: rgba(16, 185, 129, 0.15); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.3);}.badge-waiting{background: rgba(245, 158, 11, 0.15); color: #f59e0b; border: 1px solid rgba(245, 158, 11, 0.3);}.badge-draft{background: rgba(107, 114, 128, 0.15); color: #9ca3af; border: 1px solid rgba(107, 114, 128, 0.3);}.badge-rejected{background: rgba(239, 68, 68, 0.15); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3);}.btn-download{display: inline-block; padding: 6px 14px; background: rgba(0, 229, 255, 0.1); color: #00e5ff; border: 1px solid rgba(0, 229, 255, 0.3); border-radius: 6px; font-size: 12px; font-weight: 500; text-decoration: none; transition: all 0.2s ease;}.btn-download:hover{background: rgba(0, 229, 255, 0.2); border-color: rgba(0, 229, 255, 0.5); color: #00e5ff; text-decoration: none;}.btn-sign{display: inline-block; padding: 6px 14px; background: linear-gradient(135deg, #00e5ff 0%, #00b8d4 100%); color: #000; border: none; border-radius: 6px; font-size: 12px; font-weight: 600; text-decoration: none; transition: all 0.2s ease;}.btn-sign:hover{background: linear-gradient(135deg, #00f7ff 0%, #00c9e5 100%); color: #000; text-decoration: none; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 229, 255, 0.3);}.kyc-status-section{margin-top: 16px; padding: 16px; background: rgba(255, 255, 255, 0.02); border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.05);}.kyc-status{display: flex; align-items: center; gap: 12px;}.kyc-label{color: rgba(255, 255, 255, 0.6); font-size: 13px;}.kyc-documents-list label{display: block; margin-bottom: 12px; color: rgba(255, 255, 255, 0.7); font-size: 13px; font-weight: 500;}.text-center{text-align: center;}.text-muted{color: rgba(255, 255, 255, 0.4);}.kyc-upload-grid{display: grid; grid-template-columns: 1fr 1.5fr auto; gap: 20px; align-items: end;}.kyc-upload-grid .form-group{margin-bottom: 0;}.kyc-upload-grid .form-group label{display: block; margin-bottom: 8px;}.file-upload-wrapper{display: flex; align-items: center; gap: 12px; height: 42px;}.file-input-hidden{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}.btn-file-select{display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; height: 42px; background: rgba(255, 255, 255, 0.05); color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; white-space: nowrap;}.btn-file-select:hover{background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.3);}.file-name{color: rgba(255, 255, 255, 0.5); font-size: 13px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.upload-btn-group .btn-primary{height: 42px; padding: 0 24px;}.hint-inline{font-weight: 400; color: rgba(255, 255, 255, 0.4); font-size: 11px;}@media (max-width: 768px){.documents-table{font-size: 12px;}.documents-table thead th, .documents-table tbody td{padding: 10px 12px;}.btn-download, .btn-sign{padding: 5px 10px; font-size: 11px;}.badge{padding: 3px 8px; font-size: 10px;}.kyc-upload-grid{grid-template-columns: 1fr;}.file-upload-wrapper{flex-wrap: wrap;}}.validation-error{display: none; color: var(--danger, #f87171); font-size: 12px; margin-top: 4px; padding: 4px 8px; background: rgba(248, 113, 113, 0.1); border-radius: 4px; border-left: 2px solid var(--danger, #f87171);}.o_shares_portal{}.o_shares_portal input.is-invalid, .o_shares_portal select.is-invalid, .o_shares_portal textarea.is-invalid{border-color: var(--danger, #f87171) !important; background-color: rgba(248, 113, 113, 0.05) !important;}.o_shares_portal input.is-invalid:focus, .o_shares_portal select.is-invalid:focus, .o_shares_portal textarea.is-invalid:focus{box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.2) !important; outline: none;}.o_shares_portal input.is-valid, .o_shares_portal select.is-valid, .o_shares_portal textarea.is-valid{border-color: var(--success, #4ade80) !important;}.o_shares_portal input.is-valid:focus, .o_shares_portal select.is-valid:focus, .o_shares_portal textarea.is-valid:focus{box-shadow: 0 0 0 2px rgba(74, 222, 128, 0.2) !important; outline: none;}.o_shares_portal .form-group{position: relative;}.o_shares_portal .form-group.has-validation input, .o_shares_portal .form-group.has-validation select, .o_shares_portal .form-group.has-validation textarea{padding-right: 36px;}.o_shares_portal .form-group .validation-icon{position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; display: none;}.o_shares_portal .form-group .validation-icon.icon-error{color: var(--danger, #f87171);}.o_shares_portal .form-group .validation-icon.icon-success{color: var(--success, #4ade80);}.o_shares_portal .form-group input.is-invalid ~ .validation-icon.icon-error, .o_shares_portal .form-group input.is-valid ~ .validation-icon.icon-success{display: block;}@keyframes shake{0%, 100%{transform: translateX(0);}20%, 60%{transform: translateX(-5px);}40%, 80%{transform: translateX(5px);}}.o_shares_portal input.is-invalid, .o_shares_portal select.is-invalid, .o_shares_portal textarea.is-invalid{animation: shake 0.4s ease-in-out;}.o_shares_portal .hint{font-size: 12px; color: var(--text-muted); margin-top: 4px;}.o_shares_portal .hint.hint-error{color: var(--danger, #f87171);}.o_shares_portal .hint.hint-success{color: var(--success, #4ade80);}.o_shares_portal label::after{content: '';}.o_shares_portal label.required::after{content: ' *'; color: var(--danger, #f87171);}.o_shares_portal button[type="submit"]:disabled{opacity: 0.6; cursor: not-allowed; background: linear-gradient(90deg, #64748b, #475569);}.auth-shell .validation-error{color: #f87171; font-size: 12px; margin-top: 4px; padding: 4px 8px; background: rgba(248, 113, 113, 0.1); border-radius: 4px; border-left: 2px solid #f87171;}.auth-shell input.is-invalid{border-color: #f87171 !important; background-color: rgba(248, 113, 113, 0.05) !important; animation: shake 0.4s ease-in-out;}.auth-shell input.is-valid{border-color: #4ade80 !important;}.nav-item-restricted{opacity: 0.6;}.nav-item-restricted .label{color: var(--text-muted) !important;}.nav-item-restricted .nav-locked{font-size: 12px; opacity: 0.8;}.nav-item-restricted:hover{opacity: 0.8;}.inactive-account-banner{background: linear-gradient(135deg, rgba(248, 113, 113, 0.15), rgba(251, 146, 60, 0.1)); border: 1px solid rgba(248, 113, 113, 0.3); border-radius: 12px; padding: 16px 20px; margin-bottom: 20px; display: flex; align-items: center; gap: 12px;}.inactive-account-banner .banner-icon{font-size: 24px;}.inactive-account-banner .banner-content{flex: 1;}.inactive-account-banner .banner-content .banner-title{color: #f87171; font-weight: 600; font-size: 14px; margin-bottom: 2px;}.inactive-account-banner .banner-content .banner-text{color: var(--text-soft); font-size: 13px;}.inactive-account-banner .banner-action a{background: linear-gradient(90deg, #f87171, #fb923c); color: #fff; padding: 8px 16px; border-radius: 20px; font-size: 12px; font-weight: 600; text-decoration: none;}.inactive-account-banner .banner-action a:hover{opacity: 0.9;}.kpi-action-disabled{cursor: pointer !important;}.kpi-action-disabled:hover{transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.2);}.kpi-action-disabled .kpi-meta{color: #f87171 !important; font-size: 11px;}.kyc-status-banner{margin-bottom: 20px;}.status-banner{display: flex; align-items: center; gap: 12px; padding: 16px 24px; border-radius: 12px; font-size: 15px; font-weight: 500;}.status-banner .status-icon{font-size: 20px;}.status-banner .status-text{flex: 1;}.status-banner-pending{background: linear-gradient(135deg, rgba(251, 191, 36, 0.15), rgba(245, 158, 11, 0.1)); border: 1px solid rgba(251, 191, 36, 0.4); color: #fbbf24;}.status-banner-review{background: linear-gradient(135deg, rgba(249, 115, 22, 0.15), rgba(251, 146, 60, 0.1)); border: 1px solid rgba(249, 115, 22, 0.4); color: #f97316;}.auto-save-notification{position: fixed; bottom: 20px; right: 20px; background: linear-gradient(135deg, #10b981, #059669); color: white; padding: 12px 20px; border-radius: 8px; font-size: 14px; font-weight: 500; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4); z-index: 9999; opacity: 0; transform: translateY(20px); transition: opacity 0.3s ease, transform 0.3s ease;}.auto-save-notification.show{opacity: 1; transform: translateY(0);}.auto-save-notification.error{background: linear-gradient(135deg, #ef4444, #dc2626); box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);}.file-status{font-size: 13px; font-weight: 500; padding: 4px 10px; border-radius: 6px;}.file-status.uploaded{background: rgba(16, 185, 129, 0.2); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.4);}.file-status.not-uploaded{background: rgba(148, 163, 184, 0.1); color: #94a3b8; border: 1px solid rgba(148, 163, 184, 0.3);}.btn-file-select.uploading{background: rgba(251, 191, 36, 0.2) !important; color: #fbbf24 !important; border-color: rgba(251, 191, 36, 0.4) !important; cursor: wait;}.kyc-form-container, .kyc-files-container, .risk-form-container{padding: 20px;}.payment-notice{display: flex; gap: 12px; padding: 16px; background: rgba(0, 229, 255, 0.08); border: 1px solid rgba(0, 229, 255, 0.25); border-radius: 12px; margin-top: 16px;}.payment-notice .notice-icon{font-size: 24px; flex-shrink: 0;}.payment-notice .notice-content{font-size: 14px; line-height: 1.6; color: var(--text-main);}.payment-notice .investor-id-highlight{background: rgba(0, 229, 255, 0.2); color: var(--accent); padding: 2px 8px; border-radius: 4px; font-weight: 600; font-family: monospace;}.payment-notice .investor-id-callout{margin-top: 8px; padding: 10px 12px; border-radius: 10px; background: linear-gradient(135deg, rgba(0, 229, 255, 0.14), rgba(0, 229, 255, 0.05)); border: 1px solid rgba(0, 229, 255, 0.25); display: flex; gap: 10px; align-items: flex-start; position: relative; overflow: hidden; animation: zoomPulse 5s ease-in-out infinite;}.payment-notice .callout-icon{font-size: 18px; flex-shrink: 0; animation: pulseTag 2.4s ease-in-out infinite;}.payment-notice .callout-text{font-size: 14px; line-height: 1.5;}@keyframes pulseTag{0%{transform: scale(1); filter: drop-shadow(0 0 0 rgba(0, 229, 255, 0));}50%{transform: scale(1.08); filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.5));}100%{transform: scale(1); filter: drop-shadow(0 0 0 rgba(0, 229, 255, 0));}}@keyframes zoomPulse{0%{transform: scale(1); box-shadow: 0 0 0 rgba(0, 229, 255, 0);}50%{transform: scale(1.03); box-shadow: 0 10px 30px rgba(0, 229, 255, 0.12);}100%{transform: scale(1); box-shadow: 0 0 0 rgba(0, 229, 255, 0);}}.bank-account-card{background: var(--bg-card); border: 1px solid var(--border-card); border-radius: var(--radius-card); overflow: hidden;}.bank-account-card .bank-account-header{display: flex; align-items: center; gap: 12px; padding: 16px; background: rgba(0, 229, 255, 0.05); border-bottom: 1px solid var(--border-soft);}.bank-account-card .bank-account-header .bank-logo{font-size: 32px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: rgba(0, 229, 255, 0.1); border-radius: 12px;}.bank-account-card .bank-account-header .bank-info{flex: 1;}.bank-account-card .bank-account-header .bank-info .bank-name{font-size: 16px; font-weight: 600; color: var(--text-main);}.bank-account-card .bank-account-header .bank-info .bank-badges{margin-top: 6px; display: flex; gap: 8px; flex-wrap: wrap;}.bank-account-card .bank-account-header .bank-info .bank-badges .currency-badge, .bank-account-card .bank-account-header .bank-info .bank-badges .country-badge{display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; border-radius: 16px; font-size: 12px; font-weight: 600;}.bank-account-card .bank-account-header .bank-info .bank-badges .currency-badge .badge-label, .bank-account-card .bank-account-header .bank-info .bank-badges .country-badge .badge-label{font-size: 11px;}.bank-account-card .bank-account-header .bank-info .bank-badges .currency-badge{background: rgba(0, 229, 255, 0.15); color: var(--accent); border: 1px solid rgba(0, 229, 255, 0.3);}.bank-account-card .bank-account-header .bank-info .bank-badges .country-badge{background: rgba(139, 92, 246, 0.15); color: #a78bfa; border: 1px solid rgba(139, 92, 246, 0.3);}.bank-account-card .bank-account-header .bank-info .bank-currency{margin-top: 4px;}.bank-account-card .bank-account-header .bank-info .bank-currency .currency-badge{display: inline-block; background: rgba(0, 229, 255, 0.15); color: var(--accent); padding: 2px 10px; border-radius: 12px; font-size: 12px; font-weight: 600;}.bank-account-card .bank-account-details{padding: 16px;}.bank-account-card .bank-account-details .detail-row{display: flex; justify-content: space-between; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid rgba(148, 163, 184, 0.1);}.bank-account-card .bank-account-details .detail-row:last-child{border-bottom: none;}.bank-account-card .bank-account-details .detail-row.bank-address-row{flex-direction: column; gap: 6px;}.bank-account-card .bank-account-details .detail-row.bank-address-row .detail-label{min-width: auto;}.bank-account-card .bank-account-details .detail-row.bank-address-row .bank-address-value{text-align: left; line-height: 1.5; color: var(--text-soft); font-size: 13px;}.bank-account-card .bank-account-details .detail-row .detail-label{font-size: 13px; color: var(--text-soft); flex-shrink: 0; min-width: 120px;}.bank-account-card .bank-account-details .detail-row .detail-value{font-size: 14px; color: var(--text-main); font-weight: 500; text-align: right; word-break: break-all;}.bank-account-card .bank-account-details .detail-row .detail-value.copyable{display: flex; align-items: center; gap: 8px;}.bank-account-card .bank-account-details .detail-row .detail-value.copyable .copy-btn{background: rgba(0, 229, 255, 0.1); border: 1px solid rgba(0, 229, 255, 0.3); color: var(--accent); padding: 4px 8px; border-radius: 6px; cursor: pointer; font-size: 12px; transition: all 0.2s;}.bank-account-card .bank-account-details .detail-row .detail-value.copyable .copy-btn:hover{background: rgba(0, 229, 255, 0.2);}.bank-account-card .bank-account-details .detail-row .detail-value.copyable .copy-btn.copied{background: rgba(16, 185, 129, 0.2); border-color: rgba(16, 185, 129, 0.4); color: #10b981;}.empty-state{text-align: center; padding: 48px 24px;}.empty-state .empty-icon{font-size: 48px; margin-bottom: 16px; opacity: 0.5;}.empty-state .empty-text{font-size: 16px; color: var(--text-main); margin-bottom: 8px;}.empty-state .empty-sub{font-size: 14px; color: var(--text-soft);}.upload-section{padding: 20px;}.upload-section .current-receipt{display: flex; align-items: center; justify-content: space-between; padding: 16px; background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); border-radius: 12px; margin-bottom: 20px;}.upload-section .current-receipt .receipt-status{display: flex; align-items: center; gap: 8px;}.upload-section .current-receipt .receipt-status .status-icon{font-size: 20px;}.upload-section .current-receipt .receipt-status .status-text{font-size: 14px; font-weight: 500; color: #10b981;}.upload-section .upload-form{display: flex; flex-direction: column; gap: 16px;}.upload-section .upload-dropzone{border: 2px dashed rgba(148, 163, 184, 0.4); border-radius: 12px; padding: 32px; text-align: center; cursor: pointer; transition: all 0.3s;}.upload-section .upload-dropzone:hover, .upload-section .upload-dropzone.dragover{border-color: var(--accent); background: rgba(0, 229, 255, 0.05);}.upload-section .upload-dropzone .dropzone-content{display: flex; flex-direction: column; align-items: center; gap: 12px;}.upload-section .upload-dropzone .dropzone-content .dropzone-icon{font-size: 40px; opacity: 0.7;}.upload-section .upload-dropzone .dropzone-content .dropzone-text{display: flex; flex-direction: column; gap: 4px;}.upload-section .upload-dropzone .dropzone-content .dropzone-text .dropzone-main{font-size: 15px; color: var(--text-main);}.upload-section .upload-dropzone .dropzone-content .dropzone-text .dropzone-sub{font-size: 13px; color: var(--text-soft);}.upload-section .upload-dropzone .dropzone-uploading{display: flex; flex-direction: column; align-items: center; gap: 12px;}.upload-section .upload-dropzone .dropzone-uploading .uploading-spinner{font-size: 32px; animation: spin 1s linear infinite;}.upload-section .upload-dropzone .dropzone-uploading .uploading-text{font-size: 15px; color: var(--accent); font-weight: 500;}@keyframes spin{from{transform: rotate(0deg);}to{transform: rotate(360deg);}}.upload-section .file-preview{display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: rgba(0, 229, 255, 0.08); border: 1px solid rgba(0, 229, 255, 0.25); border-radius: 10px;}.upload-section .file-preview .file-info{display: flex; align-items: center; gap: 10px;}.upload-section .file-preview .file-info .file-icon{font-size: 20px;}.upload-section .file-preview .file-info .file-name{font-size: 14px; font-weight: 500; color: var(--text-main);}.upload-section .file-preview .file-info .file-size{font-size: 12px; color: var(--text-soft);}.upload-section .file-preview .btn-remove{background: rgba(239, 68, 68, 0.15); border: 1px solid rgba(239, 68, 68, 0.3); color: #ef4444; width: 28px; height: 28px; border-radius: 6px; cursor: pointer; font-size: 14px;}.upload-section .file-preview .btn-remove:hover{background: rgba(239, 68, 68, 0.25);}.upload-section .btn-upload{background: linear-gradient(135deg, var(--accent), #0891b2); border: none; color: #000; padding: 14px 24px; border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.3s;}.upload-section .btn-upload:hover:not(:disabled){transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 229, 255, 0.3);}.upload-section .btn-upload:disabled{opacity: 0.5; cursor: not-allowed;}.upload-section .btn-upload .btn-loading{display: none;}.upload-section .btn-upload.loading .btn-text{display: none;}.upload-section .btn-upload.loading .btn-loading{display: inline;}.upload-section .upload-hint{font-size: 13px; color: var(--text-soft); padding: 12px; background: rgba(148, 163, 184, 0.08); border-radius: 8px; line-height: 1.5;}.upload-section .receipt-received-banner{display: flex; align-items: flex-start; gap: 16px; padding: 20px; background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(16, 185, 129, 0.05) 100%); border: 1px solid rgba(16, 185, 129, 0.4); border-radius: 12px; margin-bottom: 20px;}.upload-section .receipt-received-banner .banner-icon-large{font-size: 32px; flex-shrink: 0;}.upload-section .receipt-received-banner .banner-content{flex: 1;}.upload-section .receipt-received-banner .banner-title{font-size: 16px; font-weight: 600; color: #10b981; margin: 0 0 8px 0;}.upload-section .receipt-received-banner .banner-message{font-size: 14px; color: #a7f3d0; line-height: 1.6; margin: 0;}.upload-section .receipt-preview-section{display: flex; align-items: center; justify-content: space-between; padding: 16px; background: rgba(0, 229, 255, 0.08); border: 1px solid rgba(0, 229, 255, 0.25); border-radius: 10px; margin-bottom: 20px; flex-wrap: wrap; gap: 12px;}.upload-section .receipt-preview-section .receipt-file-info{display: flex; align-items: center; gap: 12px;}.upload-section .receipt-preview-section .receipt-file-info .file-icon{font-size: 28px;}.upload-section .receipt-preview-section .receipt-file-info .file-details{display: flex; flex-direction: column; gap: 2px;}.upload-section .receipt-preview-section .receipt-file-info .file-details .file-name{font-size: 14px; font-weight: 500; color: var(--text-main);}.upload-section .receipt-preview-section .receipt-file-info .file-details .file-status{font-size: 12px; color: #fbbf24; font-weight: 500;}.upload-section .receipt-preview-section .receipt-file-info .file-details .file-status-verified{color: #10b981;}.upload-section .receipt-preview-section .receipt-actions{display: flex; gap: 10px;}.upload-section .receipt-preview-section .receipt-actions .btn-preview, .upload-section .receipt-preview-section .receipt-actions .btn-download{display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s;}.upload-section .receipt-preview-section .receipt-actions .btn-preview{background: rgba(0, 229, 255, 0.15); border: 1px solid rgba(0, 229, 255, 0.4); color: #00e5ff;}.upload-section .receipt-preview-section .receipt-actions .btn-preview:hover{background: rgba(0, 229, 255, 0.25); border-color: #00e5ff;}.upload-section .receipt-preview-section .receipt-actions .btn-download{background: rgba(16, 185, 129, 0.15); border: 1px solid rgba(16, 185, 129, 0.4); color: #10b981;}.upload-section .receipt-preview-section .receipt-actions .btn-download:hover{background: rgba(16, 185, 129, 0.25); border-color: #10b981;}.upload-section .upload-new-section{text-align: center; margin-bottom: 12px;}.upload-section .upload-new-section .upload-new-text{font-size: 13px; color: var(--text-soft); margin: 0;}.status-banner-success{border-color: rgba(16, 185, 129, 0.5) !important; background: radial-gradient(circle at top left, rgba(16, 185, 129, 0.25), #020617) !important; color: #a7f3d0 !important;}.status-banner-success strong, .status-banner-success b{color: #10b981 !important;}.faq-content{color: var(--text-main); line-height: 1.7;}.faq-content h1, .faq-content h2, .faq-content h3, .faq-content h4, .faq-content h5, .faq-content h6{color: var(--text-main); margin-top: 24px; margin-bottom: 12px; font-weight: 600;}.faq-content h1:first-child, .faq-content h2:first-child, .faq-content h3:first-child, .faq-content h4:first-child, .faq-content h5:first-child, .faq-content h6:first-child{margin-top: 0;}.faq-content h2{font-size: 20px; padding-bottom: 8px; border-bottom: 1px solid rgba(148, 163, 184, 0.2);}.faq-content h3{font-size: 17px; color: var(--accent);}.faq-content p{margin-bottom: 16px; color: var(--text-soft);}.faq-content ul, .faq-content ol{margin-bottom: 16px; padding-left: 24px;}.faq-content ul li, .faq-content ol li{margin-bottom: 8px; color: var(--text-soft);}.faq-content a{color: var(--accent); text-decoration: none;}.faq-content a:hover{text-decoration: underline;}.faq-content strong, .faq-content b{color: var(--text-main); font-weight: 600;}.faq-content blockquote{border-left: 3px solid var(--accent); padding-left: 16px; margin: 16px 0; color: var(--text-soft); font-style: italic;}.faq-content code{background: rgba(0, 229, 255, 0.1); padding: 2px 6px; border-radius: 4px; font-family: monospace; font-size: 14px;}.faq-content hr{border: none; border-top: 1px solid rgba(148, 163, 184, 0.2); margin: 24px 0;}.faq-content table{width: 100%; border-collapse: collapse; margin: 16px 0;}.faq-content table th, .faq-content table td{padding: 12px; text-align: left; border-bottom: 1px solid rgba(148, 163, 184, 0.2);}.faq-content table th{background: rgba(0, 229, 255, 0.08); font-weight: 600; color: var(--text-main);}.faq-content table td{color: var(--text-soft);}@media (max-width: 767.98px){.shares-portal{}.shares-portal .main{padding: 12px 8px 100px 8px !important; overflow-x: hidden;}.shares-portal .card{border-radius: 12px; margin-bottom: 12px;}.shares-portal .card .card-header{padding: 12px;}.shares-portal .card .card-header .card-title{font-size: 14px;}.shares-portal .card .card-header .card-sub{font-size: 11px;}.shares-portal .charts-row, .shares-portal .chart-row{grid-template-columns: 1fr !important; gap: 12px;}.shares-portal .chart-card, .shares-portal .mini-chart-card{padding: 10px; border-radius: 12px;}.shares-portal .chart-area, .shares-portal .mini-chart-body{height: 100px;}.shares-portal .chart-title{font-size: 11px;}.shares-portal .chart-footer, .shares-portal .mini-chart-footer{font-size: 9px;}.shares-portal .progress-scale span{font-size: 8px;}.shares-portal .progress-labels{font-size: 10px; flex-wrap: wrap; gap: 4px;}.shares-portal .topbar{padding: 12px 0;}.shares-portal .topbar .page-title{font-size: 18px;}.shares-portal .topbar .page-sub{font-size: 11px;}.shares-portal .kpi{padding: 10px; border-radius: 12px;}.shares-portal .kpi small{font-size: 8px;}.shares-portal .kpi .kpi-value{font-size: 18px;}.shares-portal .milestone-modal-content, .shares-portal .idle-warning-content{width: 95%; padding: 20px; border-radius: 16px;}.shares-portal .milestone-modal-content h3, .shares-portal .idle-warning-content h3{font-size: 18px;}.shares-portal .milestone-modal-content p, .shares-portal .idle-warning-content p{font-size: 13px;}}@media (max-width: 480px){.shares-portal .main{padding: 8px 6px 90px 6px !important;}.shares-portal .topbar .page-title{font-size: 16px;}.shares-portal .kpi .kpi-value{font-size: 16px;}.shares-portal .chart-area, .shares-portal .mini-chart-body{height: 80px;}}