:root{--portal-sidebar-width: 260px;--portal-header-height: 72px;--portal-bg: #05080f;--portal-surface: #111827;--portal-surface-hover: #1e293b;--portal-border: rgba(255, 255, 255, .06);--portal-accent: #C8A96B;--portal-text-main: #F8FAFC;--portal-text-muted: #94A3B8;--status-positive: #10B981;--status-negative: #EF4444;--status-warning: #F59E0B;--status-neutral: #3B82F6}body.portal-body{background-color:var(--portal-bg);margin:0;display:flex;height:100vh;height:100dvh;overflow:hidden}.portal-layout{display:flex;width:100%;height:100%}.portal-main{flex:1;display:flex;flex-direction:column;min-width:0}.portal-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:clamp(16px,2.5vw,32px);padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}.portal-card{background-color:var(--portal-surface);border:1px solid var(--portal-border);border-radius:clamp(12px,2vw,16px);padding:clamp(16px,2.5vw,24px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:0;max-width:100%}.portal-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.portal-card-title{font-size:1.125rem;font-weight:600;color:var(--portal-text-main)}.portal-table{width:100%;border-collapse:collapse}.portal-table th{text-align:left;padding:12px 16px;font-size:.8125rem;font-weight:600;color:var(--portal-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--portal-border)}.portal-table td{padding:16px;font-size:.9375rem;color:var(--portal-text-main);border-bottom:1px solid var(--portal-border)}.portal-table tr:last-child td{border-bottom:none}.text-positive{color:var(--status-positive)}.text-negative{color:var(--status-negative)}.text-accent{color:var(--portal-accent)}.text-muted{color:var(--portal-text-muted)}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.dashboard-grid>*{min-width:0}.col-span-12{grid-column:span 12}.col-span-8{grid-column:span 8}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.col-span-3{grid-column:span 3}.portal-input{width:100%;background-color:#111827;border:1px solid var(--portal-border);color:var(--portal-text-main);padding:12px 16px;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.portal-input option{background-color:#111827!important;color:#f8fafc!important}.portal-input:focus{outline:none;border-color:var(--portal-accent);box-shadow:0 0 0 2px #c8a96b33}.portal-label{display:block;font-size:.875rem;font-weight:500;color:var(--portal-text-muted);margin-bottom:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;border:1px dashed var(--portal-border);border-radius:12px}.empty-state svg{color:var(--portal-text-muted);margin-bottom:16px}@media (max-width: 1024px){.dashboard-grid{gap:16px}.col-span-8,.col-span-6,.col-span-4,.col-span-3{grid-column:span 12}.dashboard-grid>[style*="grid-column: span 3"],.dashboard-grid>[style*="grid-column: span 4"],.dashboard-grid>[style*="grid-column: span 6"],.dashboard-grid>[style*="grid-column: span 8"],.dashboard-grid>[style*="grid-column:span 3"],.dashboard-grid>[style*="grid-column:span 4"],.dashboard-grid>[style*="grid-column:span 6"],.dashboard-grid>[style*="grid-column:span 8"]{grid-column:span 12!important}}@media (max-width: 768px){.portal-content{padding:16px}.dashboard-grid{grid-template-columns:1fr;gap:16px}.dashboard-grid>*{grid-column:1 / -1!important}}.balance-skeleton{display:inline-block;min-width:48px;height:.85em;vertical-align:middle;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff26,#ffffff0d 75%);background-size:200% 100%;animation:balanceSkeletonShimmer 1.5s infinite linear;border-radius:4px;color:transparent!important;user-select:none}@keyframes balanceSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}