:root{--roma-brand-navy: #0B2D5B;--roma-brand-navy-dark: #071D3B;--roma-brand-navy-subtle: rgba(11, 45, 91, .08);--roma-brand-navy-glow: rgba(11, 45, 91, .25);--roma-brand-gold: #D4AF37;--roma-brand-gold-light: #F3E5AB;--roma-brand-gold-dark: #A68620;--roma-brand-gold-subtle: rgba(212, 175, 55, .12);--roma-brand-gold-glow: rgba(212, 175, 55, .28);--roma-brand-blue: #1E64C8;--roma-brand-blue-hover: #1551A6;--roma-brand-blue-subtle: rgba(30, 100, 200, .08);--roma-brand-blue-glow: rgba(30, 100, 200, .28);--roma-bg-app: #E9EEF5;--roma-bg-surface: #FFFFFF;--roma-bg-surface-hover: #F4F7FB;--roma-bg-surface-active: #E6EDF5;--roma-bg-surface-elevated: #FFFFFF;--roma-bg-card: #FFFFFF;--roma-bg-input: #FFFFFF;--roma-bg-table-header: #F4F7FB;--roma-bg-hover: #F4F7FB;--roma-bg-sidebar: #0B2D5B;--roma-bg-sidebar-hover: rgba(255, 255, 255, .08);--roma-bg-sidebar-active: #1E64C8;--roma-text-sidebar: #FFFFFF;--roma-text-sidebar-muted: #94A3B8;--roma-border-sidebar: rgba(255, 255, 255, .1);--roma-border-color: #D8E2ED;--roma-border-default: #D8E2ED;--roma-border-subtle: #E2E8F0;--roma-border-color-strong: #BACBDC;--roma-border-focus: #1E64C8;--roma-text-primary: #0F1D32;--roma-text-secondary: #475569;--roma-text-muted: #64748B;--roma-text-on-accent: #FFFFFF;--roma-text-gold: #B89018;--roma-primary: #0B2D5B;--roma-accent: #1E64C8;--roma-accent-primary: #1E64C8;--roma-accent-gold: #D4AF37;--roma-accent-hover: #1551A6;--roma-accent-active: #0F3F82;--roma-accent-subtle: rgba(30, 100, 200, .08);--roma-focus-ring: rgba(30, 100, 200, .35);--roma-status-posted-bg: rgba(16, 185, 129, .12);--roma-status-posted-text: #065F46;--roma-status-draft-bg: rgba(100, 116, 139, .12);--roma-status-draft-text: #334155;--roma-status-pending-bg: rgba(245, 158, 11, .14);--roma-status-pending-text: #92400E;--roma-status-rejected-bg: rgba(239, 68, 68, .12);--roma-status-rejected-text: #991B1B;--roma-text-danger: #DC2626;--roma-bg-danger-subtle: rgba(239, 68, 68, .08);--roma-border-danger: rgba(239, 68, 68, .25);--roma-text-success: #059669;--roma-bg-success-subtle: rgba(16, 185, 129, .08);--roma-border-success: rgba(16, 185, 129, .25);--roma-text-warning: #D97706;--roma-bg-warning-subtle: rgba(245, 158, 11, .1);--roma-border-warning: rgba(245, 158, 11, .3);--roma-text-info: #1E64C8;--roma-bg-info-subtle: rgba(30, 100, 200, .08);--roma-border-info: rgba(30, 100, 200, .25);--roma-foundation-bg: rgba(11, 45, 91, .06);--roma-foundation-border: rgba(11, 45, 91, .2);--roma-foundation-text: #0B2D5B;--roma-trial-badge-bg: rgba(212, 175, 55, .15);--roma-trial-badge-text: #8A6D14;--roma-trial-badge-border: rgba(212, 175, 55, .35);--roma-dependency-tag-bg: rgba(30, 100, 200, .08);--roma-dependency-tag-text: #1E64C8;--roma-text-asset: #059669;--roma-bg-asset-subtle: rgba(16, 185, 129, .1);--roma-text-liability: #DC2626;--roma-bg-liability-subtle: rgba(239, 68, 68, .1);--roma-text-equity: #7C3AED;--roma-bg-equity-subtle: rgba(124, 58, 237, .1);--roma-text-revenue: #0284C7;--roma-bg-revenue-subtle: rgba(2, 132, 199, .1);--roma-text-expense: #EA580C;--roma-bg-expense-subtle: rgba(234, 88, 12, .1);--roma-text-contra: #64748B;--roma-bg-contra-subtle: rgba(100, 116, 139, .1);--roma-overlay-backdrop: rgba(11, 45, 91, .45);--roma-space-2xs: 2px;--roma-space-xs: 4px;--roma-space-sm: 8px;--roma-space-md: 16px;--roma-space-lg: 24px;--roma-space-xl: 32px;--roma-space-2xl: 48px;--roma-font-family-en: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--roma-font-family-ar: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;--roma-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--roma-radius-xs: 3px;--roma-radius-sm: 6px;--roma-radius-md: 10px;--roma-radius-lg: 14px;--roma-radius-xl: 18px;--roma-radius-2xl: 24px;--roma-radius-full: 9999px;--roma-shadow-xs: 0 1px 2px rgba(11, 45, 91, .04);--roma-shadow-sm: 0 2px 6px rgba(11, 45, 91, .06), 0 1px 2px rgba(11, 45, 91, .04);--roma-shadow-md: 0 4px 14px rgba(11, 45, 91, .07), 0 1px 3px rgba(11, 45, 91, .04);--roma-shadow-lg: 0 10px 25px rgba(11, 45, 91, .09), 0 3px 8px rgba(11, 45, 91, .05);--roma-shadow-xl: 0 20px 35px rgba(11, 45, 91, .12), 0 5px 12px rgba(11, 45, 91, .06);--roma-gradient-navy: linear-gradient(135deg, #0B2D5B 0%, #071D3B 100%);--roma-gradient-blue: linear-gradient(135deg, #1E64C8 0%, #1551A6 100%);--roma-gradient-gold: linear-gradient(135deg, #D4AF37 0%, #B89018 100%);--roma-gradient-card: linear-gradient(180deg, #FFFFFF 0%, #F9FBFC 100%);--roma-sidebar-width: 268px;--roma-sidebar-collapsed-width: 72px;--roma-topbar-height: 62px;--roma-container-max: 1360px;--roma-transition-fast: .14s ease-out;--roma-transition-base: .2s ease-out;--roma-transition-smooth: .28s cubic-bezier(.16, 1, .3, 1);--roma-control-height-sm: 34px;--roma-control-height-md: 42px;--roma-control-height-lg: 48px;--roma-control-radius: var(--roma-radius-md);--roma-input-padding-x: 14px;--roma-input-font-size: 13px;--roma-font-size-2xs: 10px;--roma-font-size-xs: 11px;--roma-font-size-sm: 12px;--roma-font-size-md: 13px;--roma-font-size-base: 14px;--roma-font-size-lg: 16px;--roma-font-size-xl: 18px;--roma-font-size-2xl: 22px;--roma-font-size-3xl: 28px;--roma-line-height-tight: 1.25;--roma-line-height-normal: 1.5;--roma-line-height-relaxed: 1.65;--roma-safe-top: 0px;--roma-safe-bottom: 0px;--roma-safe-left: 0px;--roma-safe-right: 0px;--roma-layout-gutter: clamp(16px, 2.5vw, 40px);--roma-layout-auth-max: min(1360px, 94vw);--roma-layout-wizard-max: min(1520px, 94vw);--roma-layout-workspace-max: min(1720px, 96vw);--roma-layout-data-wide: min(1920px, 98vw);--roma-layout-content-readable: 840px;--roma-layout-form-max: 760px}[data-theme=dark]{--roma-bg-app: #071529;--roma-bg-surface: #0B1E38;--roma-bg-surface-hover: #10284A;--roma-bg-surface-active: #15345E;--roma-bg-surface-elevated: #0F2647;--roma-bg-card: #0B1E38;--roma-bg-input: #08172C;--roma-bg-table-header: #08172C;--roma-bg-hover: #10284A;--roma-bg-sidebar: #061222;--roma-bg-sidebar-hover: rgba(255, 255, 255, .06);--roma-bg-sidebar-active: #1E64C8;--roma-text-sidebar: #F8FAFC;--roma-text-sidebar-muted: #94A3B8;--roma-border-sidebar: rgba(255, 255, 255, .08);--roma-border-color: #173257;--roma-border-default: #173257;--roma-border-subtle: #122845;--roma-border-color-strong: #234B7E;--roma-border-focus: #3B82F6;--roma-text-primary: #F8FAFC;--roma-text-secondary: #CBD5E1;--roma-text-muted: #64748B;--roma-text-on-accent: #FFFFFF;--roma-text-gold: #D4AF37;--roma-primary: #D4AF37;--roma-accent: #1E64C8;--roma-accent-primary: #1E64C8;--roma-accent-gold: #D4AF37;--roma-accent-hover: #3B82F6;--roma-accent-active: #60A5FA;--roma-accent-subtle: rgba(30, 100, 200, .16);--roma-focus-ring: rgba(59, 130, 246, .45);--roma-status-posted-bg: rgba(16, 185, 129, .18);--roma-status-posted-text: #34D399;--roma-status-draft-bg: rgba(100, 116, 139, .2);--roma-status-draft-text: #94A3B8;--roma-status-pending-bg: rgba(245, 158, 11, .2);--roma-status-pending-text: #FBBF24;--roma-status-rejected-bg: rgba(239, 68, 68, .2);--roma-status-rejected-text: #F87171;--roma-text-danger: #F87171;--roma-bg-danger-subtle: rgba(239, 68, 68, .15);--roma-border-danger: rgba(239, 68, 68, .35);--roma-text-success: #34D399;--roma-bg-success-subtle: rgba(16, 185, 129, .15);--roma-border-success: rgba(16, 185, 129, .35);--roma-text-warning: #FBBF24;--roma-bg-warning-subtle: rgba(245, 158, 11, .15);--roma-border-warning: rgba(245, 158, 11, .35);--roma-text-info: #60A5FA;--roma-bg-info-subtle: rgba(59, 130, 246, .15);--roma-border-info: rgba(59, 130, 246, .35);--roma-foundation-bg: rgba(212, 175, 55, .12);--roma-foundation-border: rgba(212, 175, 55, .3);--roma-foundation-text: #D4AF37;--roma-trial-badge-bg: rgba(212, 175, 55, .2);--roma-trial-badge-text: #F3E5AB;--roma-trial-badge-border: rgba(212, 175, 55, .4);--roma-dependency-tag-bg: rgba(59, 130, 246, .15);--roma-dependency-tag-text: #93C5FD;--roma-text-asset: #34D399;--roma-bg-asset-subtle: rgba(16, 185, 129, .18);--roma-text-liability: #F87171;--roma-bg-liability-subtle: rgba(239, 68, 68, .18);--roma-text-equity: #A78BFA;--roma-bg-equity-subtle: rgba(167, 139, 250, .18);--roma-text-revenue: #38BDF8;--roma-bg-revenue-subtle: rgba(56, 189, 248, .18);--roma-text-expense: #FB923C;--roma-bg-expense-subtle: rgba(251, 146, 60, .18);--roma-text-contra: #94A3B8;--roma-bg-contra-subtle: rgba(148, 163, 184, .18);--roma-overlay-backdrop: rgba(3, 10, 20, .75);--roma-shadow-xs: 0 1px 2px rgba(0, 0, 0, .35);--roma-shadow-sm: 0 2px 6px rgba(0, 0, 0, .45);--roma-shadow-md: 0 4px 14px rgba(0, 0, 0, .55);--roma-shadow-lg: 0 10px 25px rgba(0, 0, 0, .65);--roma-shadow-xl: 0 20px 35px rgba(0, 0, 0, .75);--roma-gradient-navy: linear-gradient(135deg, #0B1E38 0%, #061222 100%);--roma-gradient-card: linear-gradient(180deg, #0B1E38 0%, #08172C 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--roma-font-family-en);background-color:var(--roma-bg-app);color:var(--roma-text-primary);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl] body{font-family:var(--roma-font-family-ar)}:focus-visible{outline:none;box-shadow:0 0 0 2.5px var(--roma-focus-ring)}.font-mono,.tabular-nums{font-family:var(--roma-font-mono);font-variant-numeric:tabular-nums}.page-container{display:flex;flex-direction:column;gap:20px;padding:clamp(16px,2vw,28px);color:var(--roma-text-primary);max-width:var(--roma-layout-workspace-max);margin:0 auto;width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:4px}.page-header .header-titles h1,.page-header h1{font-size:22px;font-weight:700;margin:0;color:var(--roma-text-primary);letter-spacing:-.01em}.page-header .subtitle,.page-header p.subtitle{font-size:13px;color:var(--roma-text-secondary);margin:4px 0 0}.page-header .header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--roma-bg-card);border:1px solid var(--roma-border-default);border-radius:var(--roma-radius-lg);box-shadow:var(--roma-shadow-xs);flex-wrap:wrap;transition:border-color var(--roma-transition-fast)}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--roma-text-secondary)}.roma-input,.roma-select,.roma-textarea{height:var(--roma-control-height-md);padding:0 var(--roma-input-padding-x);border:1px solid var(--roma-border-default);border-radius:var(--roma-control-radius);background:var(--roma-bg-input);color:var(--roma-text-primary);font-size:var(--roma-input-font-size);font-family:inherit;outline:none;transition:all var(--roma-transition-fast)}.roma-textarea{height:auto;min-height:80px;padding:10px var(--roma-input-padding-x);line-height:1.5}.roma-input:focus,.roma-select:focus,.roma-textarea:focus{border-color:var(--roma-border-focus);box-shadow:0 0 0 3px var(--roma-focus-ring)}.roma-input::placeholder,.roma-textarea::placeholder{color:var(--roma-text-muted)}.content-container,.card-container{background:var(--roma-bg-card);border:1px solid var(--roma-border-default);border-radius:var(--roma-radius-lg);box-shadow:var(--roma-shadow-sm);overflow:hidden;transition:box-shadow var(--roma-transition-base)}.table-wrapper{overflow-x:auto;width:100%}.roma-table{width:100%;border-collapse:collapse;font-size:13px;text-align:start}.roma-table th{padding:12px 18px;background-color:var(--roma-bg-table-header);color:var(--roma-text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--roma-border-default);white-space:nowrap}.roma-table td{padding:13px 18px;border-bottom:1px solid var(--roma-border-subtle);color:var(--roma-text-primary);vertical-align:middle}.roma-table tbody tr{transition:background-color var(--roma-transition-fast)}.roma-table tbody tr:hover{background-color:var(--roma-bg-hover)}.roma-table tbody tr:last-child td{border-bottom:none}.pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid var(--roma-border-default);background-color:var(--roma-bg-table-header);font-size:12px;flex-wrap:wrap;gap:12px}.pagination-info{color:var(--roma-text-secondary);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{height:32px;min-width:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--roma-radius-sm);border:1px solid var(--roma-border-default);background:var(--roma-bg-surface);color:var(--roma-text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--roma-transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--roma-bg-surface-hover);border-color:var(--roma-border-color-strong)}.pagination-btn:disabled{opacity:.45;cursor:not-allowed}.page-num{font-weight:600;color:var(--roma-text-secondary);padding:0 6px}.state-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:56px 24px;text-align:center;color:var(--roma-text-secondary);background-color:var(--roma-bg-card)}.state-panel.empty h3{font-size:16px;font-weight:700;color:var(--roma-text-primary);margin-top:4px}.state-panel.empty p{font-size:13px;color:var(--roma-text-muted);max-width:420px}.state-panel.error{color:var(--roma-text-danger)}.spinner{width:32px;height:32px;border:3px solid var(--roma-border-default);border-top-color:var(--roma-brand-blue);border-radius:50%;animation:roma-spin .75s linear infinite}@keyframes roma-spin{to{transform:rotate(360deg)}}::selection{background:var(--roma-brand-blue-subtle, rgba(30, 100, 200, .2));color:var(--roma-text-primary)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:var(--roma-radius-full, 9999px);transition:background var(--roma-transition-fast)}::-webkit-scrollbar-thumb:hover{background:#64748bb3}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#47556980}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#64748bcc}html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;overflow-x:hidden}img,svg{max-width:100%}