@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary: #0f172a;--color-primary-hover: #1e293b;--color-secondary: #64748b;--color-secondary-hover: #475569;--color-success: #059669;--color-success-hover: #047857;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-warning: #d97706;--color-warning-hover: #b45309;--bg-body: #fafafa;--bg-surface: #ffffff;--bg-surface-raised: #f1f5f9;--bg-hover: #f1f5f9;--bg-dropdowns: #ffffff;--bg-sidebar: #ffffff;--bg-sidebar-active: #f1f5f9;--bg-sidebar-hover: #f8fafc;--text-sidebar: #64748b;--text-sidebar-active: #0f172a;--border-sidebar: #e2e8f0;--bg-header: #ffffff;--border-header: #e2e8f0;--header-shadow: 0 -15px 20px rgba(0, 0, 0, .8);--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--text-danger: #dc2626;--text-danger-hover: #b91c1c;--font-xs: 11px;--font-sm: 13px;--font-md: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 22px;--font-w-normal: 400;--font-w-medium: 500;--font-w-semibold: 600;--font-w-bold: 700;--border-color: #e2e8f0;--border-color-focus: #94a3b8;--border-color-danger: #dc2626;--border-color-danger-focus: #b91c1c;--border-width: 1px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--field-spacing-sm: 6px 10px;--field-spacing-md: 8px 12px;--field-spacing-lg: 10px 14px;--field-height-sm: 30px;--field-height-md: 36px;--field-height-lg: 42px;--input-bg: #ffffff;--input-bg-focus: #fafcff;--input-border-color: #e2e8f0;--input-border-color-focus: #64748b96;--input-placeholder: #94a3b8;--input-error-border: #dc2626;--input-error-bg: rgba(220, 38, 38, .05);--btn-primary-bg: #0f172a;--btn-primary-bg-hover: #1e293b;--btn-primary-text: #ffffff;--btn-primary-border: #0f172a;--btn-secondary-bg: #f1f5f9;--btn-secondary-bg-hover: #e2e8f0;--btn-secondary-text: #0f172a;--btn-secondary-border: #e2e8f0;--btn-danger-bg: #dc2626;--btn-danger-bg-hover: #b91c1c;--btn-danger-text: #ffffff;--btn-success-bg: #059669;--btn-success-bg-hover: #047857;--btn-success-text: #ffffff;--btn-warning-bg: #d97706;--btn-warning-bg-hover: #b45309;--btn-warning-text: #ffffff;--badge-active-bg: #ecfdf5;--badge-active-text: #059669;--badge-active-border: #a7f3d0;--badge-renewal-bg: #fffbeb;--badge-renewal-text: #d97706;--badge-renewal-border: #fde68a;--badge-expired-bg: #fef2f2;--badge-expired-text: #dc2626;--badge-expired-border: #fecaca;--badge-suspended-bg: #fef2f2;--badge-suspended-text: #dc2626;--badge-suspended-border: #fecaca;--badge-pending-bg: #f1f5f9;--badge-pending-text: #64748b;--badge-pending-border: #cbd5e1;--badge-approved-bg: #ecfdf5;--badge-approved-text: #059669;--badge-approved-border: #a7f3d0;--badge-rejected-bg: #fef2f2;--badge-rejected-text: #dc2626;--badge-rejected-border: #fecaca;--badge-submitted-bg: #eff6ff;--badge-submitted-text: #3b82f6;--badge-submitted-border: #bfdbfe;--badge-completed-bg: #f0fdf4;--badge-completed-text: #16a34a;--badge-completed-border: #bbf7d0;--badge-draft-bg: #f8fafc;--badge-draft-text: #94a3b8;--badge-draft-border: #e2e8f0;--badge-paid-bg: #ecfdf5;--badge-paid-text: #059669;--badge-paid-border: #a7f3d0;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 2px 8px rgba(15, 23, 42, .07);--shadow-lg: 0 4px 16px rgba(15, 23, 42, .09);--overlay-bg: rgba(0, 0, 0, .4);--overlay-bg-strong: rgba(0, 0, 0, .55);--scrollbar-thumb: rgba(15, 23, 42, .12);--scrollbar-thumb-hover: rgba(15, 23, 42, .2);--bg-footer: #0f172a;--bg-footer-bottom: #070d18;--bg-footer-hover: rgba(255, 255, 255, .06);--text-footer-primary: #e2e8f0;--text-footer-secondary: #94a3b8;--text-footer-muted: #475569;--border-footer: #1e293b}[data-theme=dark]{--color-primary: #e2e8f0;--color-primary-hover: #f1f5f9;--color-secondary: #94a3b8;--color-secondary-hover: #cbd5e1;--color-success: #34d399;--color-danger: #f87171;--color-warning: #fbbf24;--bg-body: #0d1625;--bg-surface: #1e293b;--bg-surface-raised: #243044;--bg-hover: #293548;--bg-dropdowns: #1e293b;--bg-sidebar: #1e293b;--bg-sidebar-active: #293548;--bg-sidebar-hover: #243044;--text-sidebar: #94a3b8;--text-sidebar-active: #f1f5f9;--border-sidebar: #334155;--bg-header: #1e293b;--border-header: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-danger: #dc2626;--text-danger-hover: #b91c1c;--border-color: #334155;--border-color-focus: #64748b;--border-color-danger: #dc2626;--border-color-danger-focus: #b91c1c;--input-bg: #243044;--input-bg-focus: #293548;--input-border-color: #334155;--input-border-color-focus: #64748b;--input-placeholder: #64748b;--btn-primary-bg: rgba(226, 232, 240, .12);--btn-primary-bg-hover: rgba(226, 232, 240, .2);--btn-primary-text: #e2e8f0;--btn-primary-border: rgba(226, 232, 240, .25);--btn-secondary-bg: rgba(255, 255, 255, .07);--btn-secondary-bg-hover: rgba(255, 255, 255, .12);--btn-secondary-text: #94a3b8;--btn-secondary-border: #334155;--btn-danger-bg: rgba(248, 113, 113, .15);--btn-danger-bg-hover: rgba(248, 113, 113, .25);--btn-danger-text: #f87171;--btn-success-bg: rgba(52, 211, 153, .15);--btn-success-bg-hover: rgba(52, 211, 153, .25);--btn-success-text: #e2e8f0;--btn-warning-bg: rgba(251, 191, 36, .15);--btn-warning-bg-hover: rgba(251, 191, 36, .25);--btn-warning-text: #fbbf24;--badge-active-bg: rgba(52, 211, 153, .12);--badge-active-text: #34d399;--badge-active-border: rgba(52, 211, 153, .25);--badge-renewal-bg: rgba(251, 191, 36, .12);--badge-renewal-text: #fbbf24;--badge-renewal-border: rgba(251, 191, 36, .25);--badge-expired-bg: rgba(248, 113, 113, .12);--badge-expired-text: #f87171;--badge-expired-border: rgba(248, 113, 113, .25);--badge-suspended-bg: rgba(248, 113, 113, .12);--badge-suspended-text: #f87171;--badge-suspended-border: rgba(248, 113, 113, .25);--badge-pending-bg: rgba(148, 163, 184, .12);--badge-pending-text: #94a3b8;--badge-pending-border: rgba(148, 163, 184, .25);--badge-approved-bg: rgba(52, 211, 153, .12);--badge-approved-text: #34d399;--badge-approved-border: rgba(52, 211, 153, .25);--badge-rejected-bg: rgba(248, 113, 113, .12);--badge-rejected-text: #f87171;--badge-rejected-border: rgba(248, 113, 113, .25);--badge-submitted-bg: rgba(96, 165, 250, .12);--badge-submitted-text: #60a5fa;--badge-submitted-border: rgba(96, 165, 250, .25);--badge-completed-bg: rgba(52, 211, 153, .12);--badge-completed-text: #34d399;--badge-completed-border: rgba(52, 211, 153, .25);--badge-draft-bg: rgba(148, 163, 184, .08);--badge-draft-text: #64748b;--badge-draft-border: rgba(148, 163, 184, .2);--badge-paid-bg: rgba(52, 211, 153, .12);--badge-paid-text: #34d399;--badge-paid-border: rgba(52, 211, 153, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .25);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .3);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .18);--bg-footer: #0a101e;--bg-footer-bottom: #050a14;--border-footer: #111827}html.theme-switching,html.theme-switching *,html.theme-switching *:before,html.theme-switching *:after{transition:background-color .22s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important}body{font-family:Inter,sans-serif;background-color:var(--bg-body);font-size:var(--font-md);color:var(--text-primary);font-weight:var(--font-w-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.main{display:flex;flex-direction:column;gap:var(--spacing-2xl);min-height:100vh}@media(max-width:375px){.main{width:fit-content}}.main .container,.main .footer-inner{flex:1;max-width:1580px;padding:0 75px;margin:0 auto}@media(max-width:768px){.main .container,.main .footer-inner{padding:10px 30px}}@media(max-width:440px){.main .container,.main .footer-inner{padding:10px 25px}}.main .container{width:100%;margin-bottom:var(--spacing-2xl);box-sizing:border-box}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}