@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-excluded-bg: #f1f5f9;--badge-excluded-text: #64748b;--badge-excluded-border: #cbd5e1;--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-excluded-bg: rgba(148, 163, 184, .12);--badge-excluded-text: #94a3b8;--badge-excluded-border: rgba(148, 163, 184, .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)}.back-arrow{rotate:90deg;width:15px;height:10px}.voting-page{display:flex;flex-direction:column;width:100%;box-sizing:border-box;max-width:860px;margin:0 auto;gap:var(--spacing-lg);padding-bottom:var(--spacing-2xl)}.voting-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.voting-page__title{font-size:var(--font-2xl);font-weight:var(--font-w-semibold);color:var(--text-primary);margin:0}.voting-page__desc{font-size:var(--font-md);color:var(--text-secondary);margin:var(--spacing-xs) 0 0}.voting-page .back-link{font-size:var(--font-sm);color:var(--text-secondary);text-decoration:none}.voting-page .empty-state{padding:var(--spacing-2xl);text-align:center;color:var(--text-muted);background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.voting-tabs{display:flex;gap:var(--spacing-xl);border-bottom:1px solid var(--border-color);overflow-x:auto}.voting-tabs__item{background:none;border:none;border-bottom:2px solid transparent;padding:var(--spacing-md) 0;font-size:var(--font-md);font-weight:var(--font-w-semibold);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.voting-tabs__item.is-active{color:var(--text-primary);border-bottom-color:var(--color-primary)}.voting-tabs__count{margin-left:var(--spacing-xs);padding:1px var(--spacing-sm);background:var(--bg-surface-raised);border-radius:var(--radius-xl);font-size:var(--font-xs)}.voting-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.voting-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit}.voting-card:not(.voting-card--static):hover{border-color:var(--border-color-focus)}.voting-card__top{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.voting-card__topic{font-size:var(--font-xs);color:var(--text-secondary);background:var(--bg-surface-raised);padding:2px var(--spacing-sm);border-radius:var(--radius-sm)}.voting-card__title{font-size:var(--font-lg);font-weight:var(--font-w-semibold);color:var(--text-primary);margin:0;text-decoration:none}.voting-card__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);font-size:var(--font-sm);color:var(--text-muted)}.voting-card__voted{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-sm);font-weight:var(--font-w-semibold);color:var(--color-success)}.voting-card__days{font-weight:var(--font-w-semibold);color:var(--text-secondary)}.voting-create-btn{background:var(--badge-submitted-text);border-color:var(--badge-submitted-text);color:#fff}.voting-create-btn:hover:not(:disabled){filter:brightness(.92)}.voting-filters{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--spacing-lg)}.voting-filters__topic{width:250px;max-width:100%}.voting-filters__status{display:flex;gap:var(--spacing-xl)}.voting-doc{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-2xl);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.voting-doc__content{margin:0;white-space:pre-wrap;font-size:var(--font-md);color:var(--text-primary);line-height:1.6}.voting-results{padding:var(--spacing-xl) var(--spacing-2xl);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.voting-results__title{font-size:var(--font-lg);margin:0 0 var(--spacing-md)}.voting-results__row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.voting-results__bar{height:8px;margin:var(--spacing-md) 0;background:var(--bg-surface-raised);border-radius:var(--radius-sm);overflow:hidden}.voting-results__fill{height:100%;background:var(--color-success)}.voting-results__meta{margin:0;font-size:var(--font-sm);color:var(--text-secondary)}.voting-form{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-2xl);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.voting-form__hint{margin:0;font-size:var(--font-sm);color:var(--text-secondary)}.voting-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.voting-note{font-size:var(--font-md);color:var(--color-success)}.voting-error{margin:0;color:var(--text-danger);font-size:var(--font-sm)}.voting-register{display:flex;gap:var(--spacing-md);align-items:center}.link-info{color:#1d6fb8;text-decoration:none}.link-info:hover{text-decoration:underline}[data-theme=dark] .link-info{color:#6cb6ff}.voting-page__logo{width:96px;height:auto;flex-shrink:0;mix-blend-mode:multiply}@media(max-width:440px){.voting-page__logo{width:64px}}[data-theme=dark] .voting-page__logo{mix-blend-mode:normal;background:#fff;border-radius:var(--radius-md);padding:4px}.voting-page__heading{flex:1;min-width:0}@media(max-width:800px){.voting-page__header{flex-wrap:wrap;align-items:center}.voting-page__create{order:3;flex:0 0 100%}.voting-page__create .voting-create-btn{width:100%}}
