: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;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;padding:32px}.portal-card{background-color:var(--portal-surface);border:1px solid var(--portal-border);border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.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}.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){.col-span-8,.col-span-4,.col-span-3{grid-column:span 12}}@media (max-width: 768px){.portal-content{padding:16px}}