:root{--consent-primary-color: #007bff;--consent-secondary-color: #6c757d;--consent-background-color: #ffffff;--consent-text-color: #212529;--consent-border-color: #dee2e6;--consent-border-radius: .375rem;--consent-font-family: system-ui, -apple-system, sans-serif;--consent-font-size: 14px;--consent-button-style: solid;--consent-shadow: 0 4px 6px rgba(0, 0, 0, .1);--consent-z-index: 9999;--consent-transition: all .3s ease}.consent-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:calc(var(--consent-z-index) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.consent-banner{position:fixed;z-index:var(--consent-z-index);background-color:var(--consent-background-color);color:var(--consent-text-color);border:1px solid var(--consent-border-color);border-radius:var(--consent-border-radius);box-shadow:var(--consent-shadow);font-family:var(--consent-font-family);font-size:var(--consent-font-size);max-width:100%;transition:var(--consent-transition)}.consent-banner--top{top:0;left:0;right:0;border-radius:0 0 var(--consent-border-radius) var(--consent-border-radius);border-top:none}.consent-banner--bottom{bottom:0;left:0;right:0;border-radius:var(--consent-border-radius) var(--consent-border-radius) 0 0;border-bottom:none}.consent-banner--center{top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;width:90%}.consent-banner--top-left{top:20px;left:20px;max-width:400px}.consent-banner--top-right{top:20px;right:20px;max-width:400px}.consent-banner--bottom-left{bottom:20px;left:20px;max-width:400px}.consent-banner--bottom-right{bottom:20px;right:20px;max-width:400px}.consent-banner--modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.consent-banner--inline{position:relative;width:100%;margin:1rem 0}.consent-banner--corner-popup{max-width:350px;padding:1rem}.consent-banner__content{padding:1.5rem;position:relative}.consent-banner__text{margin-bottom:1.5rem}.consent-banner__title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:var(--consent-text-color)}.consent-banner__description{margin:0 0 1rem;line-height:1.5;color:var(--consent-text-color);opacity:.9}.consent-banner__links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.75rem}.consent-banner__link{color:var(--consent-primary-color);text-decoration:underline;font-size:.875rem;transition:var(--consent-transition)}.consent-banner__link:hover{opacity:.8}.consent-banner__actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.consent-banner__close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;color:var(--consent-text-color);cursor:pointer;opacity:.6;transition:var(--consent-transition);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.consent-banner__close:hover{opacity:1}.consent-banner__powered-by{margin-top:1rem;font-size:.75rem;color:var(--consent-text-color);opacity:.6;text-align:center}.consent-banner--animated{animation:consentSlideIn .3s ease-out}@keyframes consentSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.consent-banner--top.consent-banner--animated{animation:consentSlideInTop .3s ease-out}@keyframes consentSlideInTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.consent-button{background:none;border:2px solid transparent;border-radius:var(--consent-border-radius);padding:.5rem 1rem;font-family:var(--consent-font-family);font-size:var(--consent-font-size);font-weight:500;cursor:pointer;transition:var(--consent-transition);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem}.consent-button--primary{background-color:var(--consent-primary-color);color:#fff;border-color:var(--consent-primary-color)}.consent-button--primary:hover{opacity:.9;transform:translateY(-1px)}.consent-button--secondary{background-color:transparent;color:var(--consent-secondary-color);border-color:var(--consent-secondary-color)}.consent-button--secondary:hover{background-color:var(--consent-secondary-color);color:#fff}.consent-button--ghost{background-color:transparent;color:var(--consent-text-color);border-color:transparent}.consent-button--ghost:hover{background-color:#0000000d}.consent-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--consent-z-index);background-color:var(--consent-background-color);border-radius:var(--consent-border-radius);box-shadow:0 10px 25px #00000026;width:90%;max-width:700px;max-height:90vh;overflow:hidden;font-family:var(--consent-font-family)}.consent-modal__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:calc(var(--consent-z-index) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.consent-modal__content{display:flex;flex-direction:column;max-height:90vh}.consent-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--consent-border-color);margin-bottom:1.5rem}.consent-modal__title{margin:0;font-size:1.5rem;font-weight:600;color:var(--consent-text-color)}.consent-modal__close{background:none;border:none;font-size:1.5rem;color:var(--consent-text-color);cursor:pointer;opacity:.6;transition:var(--consent-transition);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.consent-modal__close:hover{opacity:1}.consent-modal__body{flex:1;padding:0 1.5rem;overflow-y:auto}.consent-modal__description{margin:0 0 1.5rem;line-height:1.6;color:var(--consent-text-color)}.consent-modal__categories{margin-bottom:1.5rem}.consent-modal__links{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.consent-modal__link{color:var(--consent-primary-color);text-decoration:underline;font-size:.875rem;transition:var(--consent-transition)}.consent-modal__link:hover{opacity:.8}.consent-modal__footer{padding:1.5rem;border-top:1px solid var(--consent-border-color);background-color:#00000005}.consent-modal__actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.consent-category{padding:1rem;border:1px solid var(--consent-border-color);border-radius:var(--consent-border-radius);margin-bottom:1rem;position:relative;transition:var(--consent-transition)}.consent-category:hover{border-color:var(--consent-primary-color)}.consent-category--disabled{opacity:.6;background-color:#00000005}.consent-category--required{border-color:var(--consent-primary-color);background-color:#007bff05}.consent-category__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.consent-category__name{margin:0;font-size:1rem;font-weight:600;color:var(--consent-text-color)}.consent-category__description{margin:0;font-size:.875rem;line-height:1.5;color:var(--consent-text-color);opacity:.8}.consent-category__required-badge{position:absolute;top:.5rem;right:4rem;background-color:var(--consent-primary-color);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:calc(var(--consent-border-radius) / 2);font-weight:500}.consent-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.consent-toggle--disabled{cursor:not-allowed;opacity:.6}.consent-toggle__input{position:absolute;opacity:0;width:0;height:0}.consent-toggle__slider{position:relative;display:inline-block;width:3rem;height:1.5rem;background-color:var(--consent-border-color);border-radius:1.5rem;transition:var(--consent-transition)}.consent-toggle--sm .consent-toggle__slider{width:2.5rem;height:1.25rem}.consent-toggle--lg .consent-toggle__slider{width:3.5rem;height:1.75rem}.consent-toggle__slider:before{content:"";position:absolute;top:2px;left:2px;width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);background-color:#fff;border-radius:50%;transition:var(--consent-transition);box-shadow:0 2px 4px #0003}.consent-toggle--sm .consent-toggle__slider:before{width:calc(1.25rem - 4px);height:calc(1.25rem - 4px)}.consent-toggle--lg .consent-toggle__slider:before{width:calc(1.75rem - 4px);height:calc(1.75rem - 4px)}.consent-toggle__input:checked+.consent-toggle__slider{background-color:var(--consent-primary-color)}.consent-toggle__input:checked+.consent-toggle__slider:before{transform:translate(1.5rem)}.consent-toggle--sm .consent-toggle__input:checked+.consent-toggle__slider:before{transform:translate(1.25rem)}.consent-toggle--lg .consent-toggle__input:checked+.consent-toggle__slider:before{transform:translate(1.75rem)}.consent-toggle__input:focus+.consent-toggle__slider{box-shadow:0 0 0 3px #007bff33}.consent-toggle__label{margin-left:.75rem;font-size:var(--consent-font-size);color:var(--consent-text-color)}@media (max-width: 768px){.consent-banner{font-size:.875rem}.consent-banner__content{padding:1rem}.consent-banner__actions{flex-direction:column;gap:.5rem}.consent-button{width:100%;justify-content:center}.consent-modal{width:95%;margin:0}.consent-modal__header,.consent-modal__body,.consent-modal__footer{padding-left:1rem;padding-right:1rem}.consent-modal__actions{flex-direction:column;gap:.5rem}.consent-category__header{flex-direction:column;align-items:flex-start;gap:.5rem}.consent-category__required-badge{position:static;margin-top:.5rem;align-self:flex-start}}@media (prefers-color-scheme: dark){:root{--consent-background-color: #1a1a1a;--consent-text-color: #ffffff;--consent-border-color: #333333;--consent-secondary-color: #adb5bd}}@media (prefers-contrast: high){.consent-banner,.consent-button{border-width:2px}.consent-toggle__slider{border:2px solid var(--consent-border-color)}}@media (prefers-reduced-motion: reduce){.consent-banner,.consent-button,.consent-toggle__slider,.consent-toggle__slider:before{transition:none}.consent-banner--animated{animation:none}}:root{--spacing-small: 4px;--spacing-medium: 8px;--spacing-large: 16px;--spacing-xlarge: 24px;--border-radius-large: 8px;--border-radius-medium: 4px;--border-radius-small: 2px;--border-radius-xsmall: 1px;--primary: #1D4ED8;--primary-dark: #1E40AF;--secondary: #9333EA;--secondary-dark: #7E22CE;--tertiary: #FBBF24;--tertiary-dark: #F59E0B;--accent: #215e09;--accent-dark: #470b50}:root[data-theme=light]{--background-color: #ffffff;--text-color: #242424;--shadow-small: 0 1px 1px rgba(0, 0, 0, .05);--shadow-medium: 0 1px 2px rgba(0, 0, 0, .05);--shadow-large: 0 2px 4px rgba(0, 0, 0, .1);--shadow-xlarge: 0 4px 8px rgba(0, 0, 0, .15);--info: #4f6bed;--info-dark: #3e5baa;--info-light: #8b93ff;--success: #92c353;--success-dark: #6c9ef8;--success-light: #c8e1b6;--warning: #f8d22a;--warning-dark: #f8d22a;--warning-light: #f8d22a;--error: #e23838;--error-dark: #e23838;--error-light: #e23838;--none: #ffffff;--primary: #8b93ff;--primary-dark: #3e5baa;--primary-light: #8b93ff;--secondary: #737373;--secondary-dark: #5c5c5c;--secondary-light: #8a8a8a;--tertiary: #9e9e9e;--tertiary-dark: #7a7a7a;--tertiary-light: #c2c2c2;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-success: #ecfdf5;--bg-warning: #fffbeb;--bg-danger: #fef2f2;--bg-error: #fef2f2;--bg-info: #eff6ff;--bg-inverted: #111827;--bg-transparent: rgba(255, 255, 255, 0);--text-primary: #1f2937;--text-secondary: #6b7280;--text-inverted: #ffffff;--text-success: #065f46;--text-warning: #92400e;--text-error: #991b1b;--text-danger: #991b1b;--text-info: #1e40af;--accent-primary: #6366f1;--accent-secondary: #4f46e5;--accent-hover: #8b5cf6;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-focus: #6264a7;--border-color: #d1d5db;--surface-color: #f3f4f6;--button-primary: var(--teams-purple);--button-primary-hover: var(--teams-purple-light);--button-primary-active: var(--teams-purple-dark);--button-primary-text: #ffffff;--button-primary-disabled: var(--bg-tertiary);--button-secondary: var(--bg-tertiary);--button-secondary-hover: var(--bg-secondary);--button-secondary-active: var(--bg-primary);--button-secondary-text: var(--text-primary);--button-secondary-border: var(--border-secondary);--button-bg: linear-gradient(to right, var(--info), var(--info-dark));--button-hover-bg: linear-gradient(to right, var(--info-light), var(--info));--navbar-bg: var(--bg-navbar);--navbar-border: var(--border-primary);--navbar-text: var(--text-info);--dropdown-bg: #ffffff;--dropdown-hover: #f3f4f6;--dropdown-border: #d1d5db;--teams-purple: #6366f1;--teams-purple-dark: #4f46e5;--teams-purple-light: #8b5cf6;--teams-red: #dc2626;--teams-green: #16a34a;--teams-blue: #2563eb;--bg-sidebar: #f8f9fa;--bg-navbar: #ffffff;--bg-header: rgba(255, 255, 255, .95);--bg-footer: #ffffff;--bg-start: #ffffff;--bg-end: #f8f9fa;--ring-success: 0 0 0 3px rgba(65, 92, 30, .5);--ring-warning: 0 0 0 3px rgba(65, 92, 30, .5);--ring-danger: 0 0 0 3px rgba(65, 92, 30, .5);--ring-info: 0 0 0 3px rgba(65, 92, 30, .5);--markdown-bg: #ffffff;--markdown-text: #374151;--markdown-border: #e5e7eb;--markdown-code-bg: #f8fafc;--markdown-code-text: #1e293b;--markdown-code-border: #e2e8f0;--markdown-header-text: #1f2937;--markdown-link-bg: #f8f9fa;--markdown-link-text: #111827;--markdown-link-border: #d1d5db;--markdown-link-hover-bg: #f8f9fa;--markdown-link-hover-text: #111827;--markdown-link-hover-border: #d1d5db;--markdown-link-active-bg: #f8f9fa;--markdown-link-active-text: #111827;--markdown-link-active-border: #d1d5db;--markdown-quote-bg: #f8f9fa;--markdown-quote-text: #111827;--markdown-quote-border: #d1d5db;--markdown-table-bg: #f8f9fa;--markdown-table-text: #111827;--markdown-table-border: #d1d5db;--markdown-table-header-bg: #f8f9fa;--markdown-table-header-text: #111827;--markdown-table-header-border: #d1d5db;--markdown-table-row-bg: #f8f9fa;--markdown-table-row-text: #111827;--markdown-table-row-border: #d1d5db;--markdown-header-text: #042d85;--markdown-header-border: #d1d5db;--markdown-list-bg: #f8f9fa;--markdown-list-text: #111827;--markdown-list-border: #d1d5db;--markdown-list-item-bg: #f8f9fa;--markdown-list-item-text: #111827;--markdown-list-item-border: #d1d5db;--markdown-list-item-hover-bg: #f8f9fa;--markdown-list-item-hover-text: #111827;--markdown-list-item-hover-border: #d1d5db;--markdown-list-item-active-bg: #f8f9fa;--markdown-list-item-active-text: #111827;--markdown-list-item-active-border: #d1d5db;--code-editor-bg: #f8f9fa;--code-editor-text: #111827;--code-editor-border: #d1d5db;--code-editor-highlight-bg: #f1f3f4;--code-editor-highlight-text: #1f2937;--code-editor-highlight-border: #e5e7eb;--code-editor-link-bg: #f8f9fa;--code-editor-link-text: #111827;--code-editor-link-border: #d1d5db;--code-editor-link-hover-bg: #f8f9fa;--code-editor-link-hover-text: #111827;--code-editor-link-hover-border: #d1d5db;--code-editor-link-active-bg: #f8f9fa;--code-editor-link-active-text: #111827;--code-editor-link-active-border: #d1d5db;--code-editor-quote-bg: #f8f9fa;--code-editor-quote-text: #111827;--code-editor-quote-border: #d1d5db;--code-editor-table-bg: #f8f9fa;--code-editor-table-text: #111827;--code-editor-table-border: #d1d5db;--code-editor-table-header-bg: #f8f9fa;--code-editor-table-header-text: #111827;--code-editor-table-header-border: #d1d5db;--code-editor-table-row-bg: #f8f9fa;--code-editor-table-row-text: #111827;--code-editor-table-row-border: #d1d5db;--code-editor-header-text: #042d85;--code-editor-list-bg: #f8f9fa;--code-editor-list-text: #111827;--code-editor-list-border: #d1d5db;--code-editor-list-item-bg: #f8f9fa;--code-editor-list-item-text: #111827;--code-editor-list-item-border: #d1d5db;--code-editor-list-item-hover-bg: #f8f9fa;--code-editor-list-item-hover-text: #111827;--code-editor-list-item-hover-border: #d1d5db;--code-editor-list-item-active-bg: #f8f9fa;--code-editor-header-bg: #f8f9fa;--code-editor-header-text: #111827;--code-editor-header-border: #d1d5db;--code-editor-header-hover-bg: #f8f9fa;--code-editor-header-hover-text: #111827;--code-editor-header-hover-border: #d1d5db;--code-editor-header-active-bg: #f8f9fa;--code-editor-header-active-text: #111827;--code-editor-header-active-border: #d1d5db;--ts-pallette-primary: #6264a7, #464775, #8b8cc7, #4b91f1, #6c9ef8, #92c353, #f8d22a, #e23838, #8a8c90, #ffffff;--ts-pallette-bgPrimary: #8b8cc7, #4b91f1, #6c9ef8, #92c353, #f8d22a, #e23838, #8a8c90, #ffffff;--ts-pallette-secondary: #1f2937, #374151, #4b5563, #6b7280, #9ca3af, #d1d5db, #ffffff, #e5e7eb, #eff6ff, #f3f4f6;--ts-pallette-bgSecondary: #f3f4f6, #eff6ff, #e5e7eb, #ffffff, #d1d5db, #9ca3af, #6b7280, #4b5563, #374151, #1f2937;--ts-pallette-blue: #00010a, #020b1b, #04162c, #06213d, #08304e, #104f6e, #3a72a8, #6194cc, #a3c9ef, #dff3fc;--ts-pallette-bgBlue: #a3c9ef, #6194cc, #3a72a8, #104f6e, #08304e, #06213d, #04162c, #020b1b, #00010a;--ts-pallette-gold: #1a1400, #332800, #4d3d00, #665200, #806700, #997f00, #b39a1a, #d1b85c, #ecd88a, #fff7e0;--ts-pallette-bgGold: #ecd88a, #d1b85c, #b39a1a, #997f00, #806700, #665200, #4d3d00, #332800, #1a1400;--ts-pallette-info: #e0f7ff, #b3e8ff, #80d7ff, #4dc6ff, #1ab6ff, #009aff, #007acc, #005b99, #003d66, #002233;--ts-pallette-bgInfo: #002233, #003d66, #005b99, #007acc, #009aff, #1ab6ff, #4dc6ff, #80d7ff, #b3e8ff, #e0f7ff;--ts-pallette-success: #e8ffe0, #caffb3, #9dff80, #70ff4d, #43ff1a, #23cc00, #1a9900, #126600, #0a3300, #021900;--ts-pallette-bgSuccess: #021900, #0a3300, #126600, #1a9900, #23cc00, #43ff1a, #70ff4d, #9dff80, #caffb3, #e8ffe0;--ts-pallette-warning: #fffbe0, #fff4b3, #ffeb80, #ffe14d, #ffd61a, #ccaa00, #997f00, #665500, #332a00, #191500;--ts-pallette-bgWarning: #191500, #332a00, #665500, #997f00, #ccaa00, #ffd61a, #ffe14d, #ffeb80, #fff4b3, #fffbe0;--ts-pallette-danger: #ffe0e0, #ffb3b3, #ff8080, #ff4d4d, #ff1a1a, #cc0000, #990000, #660000, #330000, #190000;--ts-pallette-bgDanger: #190000, #330000, #660000, #990000, #cc0000, #ff1a1a, #ff4d4d, #ff8080, #ffb3b3, #ffe0e0;--ts-pallette-googlePrimary: #1a237e, #283593, #303f9f, #3949ab, #3f51b5, #5c6bc0, #7986cb, #9fa8da, #c5cae9, #e8eaf6;--ts-pallette-bgGooglePrimary: #e8eaf6, #c5cae9, #9fa8da, #7986cb, #5c6bc0, #3f51b5, #3949ab, #303f9f, #283593, #1a237e;--ts-pallette-googleSecondary: #1a237e, #283593, #303f9f, #3949ab, #3f51b5, #5c6bc0, #7986cb, #9fa8da, #c5cae9, #e8eaf6;--ts-pallette-bgGoogleSecondary: #e8eaf6, #c5cae9, #9fa8da, #7986cb, #5c6bc0, #3f51b5, #3949ab, #303f9f, #283593, #1a237e;--ts-pallette-googlePrimary: #e8eaf6, #c5cae9, #9fa8da, #7986cb, #5c6bc0, #3f51b5, #3949ab, #303f9f, #283593, #1a237e;--ts-pallette-bgGoogleDefault: #1a237e, #283593, #303f9f, #3949ab, #3f51b5, #5c6bc0, #7986cb, #9fa8da, #c5cae9, #e8eaf6;--ts-pallette-googleSuccess: #e8f5e9, #c8e6c9, #a5d6a7, #81c784, #66bb6a, #4caf50, #43a047, #388e3c, #2e7d32, #1b5e20;--ts-pallette-bgGoogleSuccess: #1b5e20, #2e7d32, #388e3c, #43a047, #4caf50, #66bb6a, #81c784, #a5d6a7, #c8e6c9, #e8f5e9;--ts-pallette-googleWarning: #fffde7, #fff9c4, #fff59d, #fff176, #ffee58, #ffeb3b, #fdd835, #fbc02d, #f9a825, #f57f17;--ts-pallette-bgGoogleWarning: #f57f17, #f9a825, #fbc02d, #fdd835, #ffee58, #fff176, #fff59d, #fff9c4, #fffde7;--ts-pallette-googleDanger: #ffebee, #ffcdd2, #ef9a9a, #e57373, #ef5350, #f44336, #e53935, #d32f2f, #c62828, #b71c1c;--ts-pallette-bgGoogleDanger: #b71c1c, #c62828, #d32f2f, #e53935, #f44336, #ef5350, #e57373, #ef9a9a, #ffcdd2, #ffebee;--ts-pallette-googleInfo: #e0f7ff, #b3e8ff, #80d7ff, #4dc6ff, #1ab6ff, #009aff, #007acc, #005b99, #003d66, #002233;--ts-pallette-bgGoogleInfo: #002233, #003d66, #005b99, #007acc, #009aff, #1ab6ff, #4dc6ff, #80d7ff, #b3e8ff, #e0f7ff;--ts-pallette-googleDefault: #1b5e20, #2e7d32, #388e3c, #43a047, #4caf50, #66bb6a, #81c784, #a5d6a7, #c8e6c9, #e8f5e9;--ts-pallette-bgGoogleDefault: #e8f5e9, #c8e6c9, #a5d6a7, #81c784, #66bb6a, #4caf50, #43a047, #388e3c, #2e7d32, #1b5e20;--ts-pallette-Default: #0d0d0d, #262626, #404040, #595959, #737373, #8c8c8c, #a6a6a6, #bfbfbf, #d9d9d9, #f2f2f2;--ts-pallette-bgDefault: #f2f2f2, #d9d9d9, #bfbfbf, #a6a6a6, #8c8c8c, #737373, #595959, #404040, #262626, #0d0d0d;--dd-text: var(--text-primary);--dd-text-muted: var(--text-secondary);--dd-text-light: var(--text-secondary);--dd-bg: var(--dropdown-bg);--dd-bg-hover: var(--dropdown-hover);--dd-bg-active: var(--dropdown-hover);--dd-border: var(--dropdown-border);--dd-border-light: var(--border-secondary);--dd-shadow: var(--shadow-medium);--dd-shadow-md: var(--shadow-large);--dd-shadow-lg: var(--shadow-xlarge);--dd-accent: var(--accent-primary);--dd-accent-hover: var(--accent-hover);--dropdown-text: var(--text-primary);--dropdown-text-hover: var(--text-primary)}:root[data-theme=dark]{--background-color: #0d0d0d;--text-color: #ffffff;--primary: var(--primary-dark);--secondary: var(--secondary-dark);--tertiary: var(--tertiary-dark);--shadow-small: 0 1px 1px rgba(0, 0, 0, .3);--shadow-medium: 0 2px 4px rgba(0, 0, 0, .4);--shadow-large: 0 4px 8px rgba(0, 0, 0, .5);--shadow-xlarge: 0 8px 16px rgba(0, 0, 0, .6);--bg-primary: #1a1f25;--bg-secondary: #242832;--bg-tertiary: #2d3341;--bg-success: #415c1e;--bg-warning: #f8d22a;--bg-danger: #eb2525;--bg-error: #eb2525;--bg-info: #4f6bed;--bg-inverted: #ffffff;--bg-transparent: rgba(0, 0, 0, 0);--text-primary: #ffffff;--text-secondary: #b8c4d9;--text-inverted: #242424;--text-success: #a5d670;--text-warning: #ffd84d;--text-error: #ff4d4d;--text-danger: #ff4d4d;--text-info: #6b84ff;--accent-primary: #8b93ff;--accent-secondary: #7b83eb;--accent-hover: #a5abff;--border-primary: #3a4150;--border-secondary: #4a5262;--border-focus: #8b93ff;--border-color: #4a5262;--surface-color: #1a1f25;--ring-success: 0 0 0 3px rgba(65, 92, 30, .5);--ring-warning: 0 0 0 3px rgba(65, 92, 30, .5);--ring-danger: 0 0 0 3px rgba(65, 92, 30, .5);--ring-info: 0 0 0 3px rgba(65, 92, 30, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--header-bg: var(--bg-transparent);--header-text: var(--text-primary);--header-border: var(--border-primary);--button-primary: var(--teams-purple);--button-primary-hover: var(--teams-purple-light);--button-primary-active: var(--teams-purple-dark);--button-primary-text: #ffffff;--button-primary-disabled: var(--bg-tertiary);--button-secondary: var(--bg-tertiary);--button-secondary-hover: var(--bg-secondary);--button-secondary-active: var(--bg-primary);--button-secondary-text: var(--text-primary);--button-secondary-border: var(--border-secondary);--button-bg: linear-gradient(to right, var(--success), var(--success-dark));--button-hover-bg: linear-gradient( to right, var(--success-light), var(--success) );--navbar-bg: var(--bg-navbar);--navbar-border: var(--border-primary);--navbar-text: var(--text-warning);--dropdown-bg: #2d3748;--dropdown-hover: #4a5568;--dropdown-border: #68798a;--teams-purple: #8b93ff;--teams-purple-dark: #7b83eb;--teams-purple-light: #a5abff;--teams-red: #ff4d4d;--teams-green: #a5d670;--teams-blue: #6b84ff;--bg-sidebar: #1a1f25;--bg-navbar: #1e2a3a;--bg-header: rgba(30, 42, 58, .95);--bg-footer: #1e2a3a;--bg-start: #1e2a3a;--bg-end: #1a1f25;--markdown-bg: var(--bg-secondary);--markdown-text: var(--text-primary);--markdown-border: var(--border-primary);--markdown-code-bg: #1e293b;--markdown-code-text: #d1d5db;--markdown-code-border: #4b5563;--markdown-code-highlight-bg: #2d2d2d;--markdown-code-highlight-text: #dcdcdc;--markdown-code-highlight-border: #444444;--markdown-highlight-bg: #1e293b;--markdown-highlight-text: #d1d5db;--markdown-highlight-border: #4b5563;--markdown-link-bg: var(--bg-navbar);--markdown-link-text: var(--text-primary);--markdown-link-border: var(--border-primary);--markdown-link-hover-bg: var(--bg-navbar);--markdown-link-hover-text: var(--text-primary);--markdown-link-hover-border: var(--border-primary);--markdown-link-active-bg: var(--bg-navbar);--markdown-link-active-text: var(--text-primary);--markdown-link-active-border: var(--border-primary);--markdown-link-visited-bg: var(--bg-navbar);--markdown-link-visited-text: var(--text-primary);--markdown-link-visited-border: var(--border-primary);--markdown-quote-bg: var(--bg-navbar);--markdown-quote-text: var(--text-primary);--markdown-quote-border: var(--border-primary);--markdown-table-bg: var(--bg-navbar);--markdown-table-text: var(--text-primary);--markdown-table-border: var(--border-primary);--markdown-table-cell-bg: var(--bg-navbar);--markdown-table-cell-text: var(--text-primary);--markdown-table-cell-border: var(--border-primary);--markdown-table-header-bg: var(--bg-navbar);--markdown-table-header-text: var(--text-primary);--markdown-table-header-border: var(--border-primary);--markdown-table-row-bg: var(--bg-navbar);--markdown-table-row-text: var(--text-primary);--markdown-table-row-border: var(--border-primary);--markdown-table-row-hover-bg: var(--bg-navbar);--markdown-table-row-hover-text: var(--text-primary);--markdown-table-row-hover-border: var(--border-primary);--markdown-table-row-active-bg: var(--bg-navbar);--markdown-table-row-active-text: var(--text-primary);--markdown-table-row-active-border: var(--border-primary);--markdown-list-bg: var(--bg-navbar);--markdown-list-text: var(--text-primary);--markdown-list-border: var(--border-primary);--markdown-list-item-bg: var(--bg-navbar);--markdown-list-item-text: var(--text-primary);--markdown-list-item-border: var(--border-primary);--markdown-list-item-hover-bg: var(--bg-navbar);--markdown-list-item-hover-text: var(--text-primary);--markdown-list-item-hover-border: var(--border-primary);--markdown-list-item-active-bg: var(--bg-navbar);--markdown-header-bg: var(--bg-navbar);--markdown-header-text: var(--text-secondary);--markdown-header-border: var(--border-primary);--markdown-header-hover-bg: var(--bg-navbar);--markdown-header-hover-text: var(--text-primary);--markdown-header-hover-border: var(--border-primary);--markdown-header-active-bg: var(--bg-navbar);--markdown-header-active-text: var(--text-primary);--markdown-header-active-border: var(--border-primary);--code-editor-bg: var(--bg-secondary);--code-editor-text: var(--text-primary);--code-editor-border: var(--border-primary);--code-editor-highlight-bg: var(--bg-navbar);--code-editor-highlight-text: var(--text-primary);--code-editor-highlight-border: var(--border-primary);--code-editor-link-bg: var(--bg-navbar);--code-editor-link-text: var(--text-primary);--code-editor-link-border: var(--border-primary);--code-editor-link-hover-bg: var(--bg-navbar);--code-editor-link-hover-text: var(--text-primary);--code-editor-link-hover-border: var(--border-primary);--code-editor-link-active-bg: var(--bg-navbar);--code-editor-link-active-text: var(--text-primary);--code-editor-link-active-border: var(--border-primary);--code-editor-link-visited-bg: var(--bg-navbar);--code-editor-link-visited-text: var(--text-primary);--code-editor-link-visited-border: var(--border-primary);--code-editor-quote-bg: var(--bg-navbar);--code-editor-quote-text: var(--text-primary);--code-editor-quote-border: var(--border-primary);--code-editor-table-bg: var(--bg-navbar);--code-editor-table-text: var(--text-primary);--code-editor-table-border: var(--border-primary);--code-editor-table-cell-bg: var(--bg-navbar);--code-editor-table-cell-text: var(--text-primary);--code-editor-table-cell-border: var(--border-primary);--code-editor-table-header-bg: var(--bg-navbar);--code-editor-table-header-text: var(--text-primary);--code-editor-table-header-border: var(--border-primary);--code-editor-table-row-bg: var(--bg-navbar);--code-editor-table-row-text: var(--text-primary);--code-editor-table-row-border: var(--border-primary);--code-editor-table-row-hover-bg: var(--bg-navbar);--code-editor-table-row-hover-text: var(--text-primary);--code-editor-table-row-hover-border: var(--border-primary);--code-editor-table-row-active-bg: var(--bg-navbar);--code-editor-table-row-active-text: var(--text-primary);--code-editor-table-row-active-border: var(--border-primary);--code-editor-list-bg: var(--bg-navbar);--code-editor-list-text: var(--text-primary);--code-editor-list-border: var(--border-primary);--code-editor-list-item-bg: var(--bg-navbar);--code-editor-list-item-text: var(--text-primary);--code-editor-list-item-border: var(--border-primary);--code-editor-list-item-hover-bg: var(--bg-navbar);--code-editor-list-item-hover-text: var(--text-primary);--code-editor-list-item-hover-border: var(--border-primary);--code-editor-list-item-active-bg: var(--bg-navbar);--code-editor-header-bg: var(--bg-navbar);--code-editor-header-text: var(--text-secondary);--code-editor-header-border: var(--border-primary);--code-editor-header-hover-bg: var(--bg-navbar);--code-editor-header-hover-text: var(--text-primary);--code-editor-header-hover-border: var(--border-primary);--code-editor-header-active-bg: var(--bg-navbar);--code-editor-header-active-text: var(--text-primary);--code-editor-header-active-border: var(--border-primary);--ts-pallette-primary: #6264a7, #464775, #8b8cc7, #4b91f1, #6c9ef8, #92c353, #f8d22a, #e23838, #8a8c90, #1f2937;--ts-pallette-bgPrimary: #f8f9fa, #e5e7eb, #d1d5db, #94a3b8, #94a3b8, #94a3b8, #f8d22a, #e23838, #d1d5db, #1f2937;--ts-pallette-secondary: #ffffff, #d1d5db, #9ca3af, #6b7280, #4b5563, #374151, #1f2937, #111827, #0f172a, #0a0e1a;--ts-pallette-bgSecondary: #f3f4f6, #e5e7eb, #d1d5db, #94a3b8, #94a3b8, #94a3b8, #f8d22a, #e23838, #d1d5db, #1f2937;--ts-pallette-blue: #0a1f44, #0c2c66, #0e3988, #1046aa, #1353cc, #166fee, #3a8cf4, #64a8f9, #8dc4fd, #b5e1ff;--ts-pallette-bgBlue: #0a0e1a, #0f172a, #1e293b, #334155, #475569, #64748b, #94a3b8, #cbd5e1, #e2e8f0, #f8fafc;--ts-pallette-gold: #332200, #664400, #997f00, #ccaa00, #ffcc00, #ffeb80, #fff4b3, #fffbe0, #fffee0, #fffee0;--ts-pallette-bgGold: #fffee0, #fffee0, #fffbe0, #fff4b3, #ffeb80, #ffcc00, #ccaa00, #997f00, #664400, #332200;--ts-pallette-info: #004d4d, #006666, #008080, #009999, #00b3b3, #00cccc, #33d6d6, #66e0e0, #99ebeb, #ccf5f5;--ts-pallette-bgInfo: #e6f9f9, #ccf3f3, #b3ecec, #99e6e6, #80e0e0, #66d9d9, #4dd3d3, #33cccc, #1ac6c6, #00bfbf;--ts-pallette-success: #004d40, #00695c, #00796b, #00897b, #009688, #00bfa5, #4dd0e1, #80deea, #b3e5fc, #e1f5fe;--ts-pallette-bgSuccess: #e1f5fe, #b3e5fc, #80deea, #4dd0e1, #00bfa5, #009688, #00897b, #00796b, #00695c, #004d40;--ts-pallette-warning: #f57f17, #f9a825, #fbc02d, #fdd835, #ffee58, #fff176, #fff59d, #fff9c4, #fffde7;--ts-pallette-bgWarning: #fffde7, #fff9c4, #fff59d, #fff176, #ffee58, #fdd835, #fbc02d, #f9a825, #f57f17;--ts-pallette-danger: #d32f2f, #e53935, #ef5350, #f4511e, #fb8c00, #ffab00, #ffd600, #ffecb3, #fff8e1;--ts-pallette-bgDanger: #fff8e1, #ffecb3, #ffd600, #ffab00, #fb8c00, #f4511e, #ef5350, #e53935, #d32f2f;--ts-pallette-googlePrimary: #e8f5e9, #c8e6c9, #a5d6a7, #81c784, #66bb6a, #4caf50, #43a047, #388e3c, #2e7d32, #1b5e20;--ts-pallette-bgGooglePrimary: #1b5e20, #2e7d32, #388e3c, #43a047, #4caf50, #66bb6a, #81c784, #a5d6a7, #c8e6c9, #e8f5e9;--ts-pallette-googleSecondary: #e8f5e9, #c8e6c9, #a5d6a7, #81c784, #66bb6a, #4caf50, #43a047, #388e3c, #2e7d32, #1b5e20;--ts-pallette-bgGoogleSecondary: #1b5e20, #2e7d32, #388e3c, #43a047, #4caf50, #66bb6a, #81c784, #a5d6a7, #c8e6c9, #e8f5e9;--ts-pallette-googleSuccess: #e8f5e9, #c8e6c9, #a5d6a7, #81c784, #66bb6a, #4caf50, #43a047, #388e3c, #2e7d32, #1b5e20;--ts-pallette-bgGoogleSuccess: #1b5e20, #2e7d32, #388e3c, #43a047, #4caf50, #66bb6a, #81c784, #a5d6a7, #c8e6c9, #e8f5e9;--ts-pallette-googleWarning: #fffde7, #fff9c4, #fff59d, #fff176, #ffee58, #fdd835, #fbc02d, #f9a825, #f57f17;--ts-pallette-bgGoogleWarning: #f57f17, #f9a825, #fbc02d, #fdd835, #ffee58, #fff176, #fff59d, #fff9c4, #fffde7;--ts-pallette-googleDanger: #f8d7da, #e57373, #ef5350, #f4511e, #fb8c00, #ffab00, #ffd600, #ffecb3, #fff8e1;--ts-pallette-bgGoogleDanger: #fff8e1, #ffecb3, #ffd600, #ffab00, #fb8c00, #f4511e, #ef5350, #e57373, #f8d7da;--ts-pallette-googleInfo: #e8f5e9, #c8e6c9, #a5d6a7, #81c784, #66bb6a, #4caf50, #43a047, #388e3c, #2e7d32, #1b5e20;--ts-pallette-bgGoogleInfo: #1b5e20, #2e7d32, #388e3c, #43a047, #4caf50, #66bb6a, #81c784, #a5d6a7, #c8e6c9, #e8f5e9;--ts-pallette-googleDefault: #1b5e20, #2e7d32, #388e3c, #43a047, #4caf50, #66bb6a, #81c784, #a5d6a7, #c8e6c9, #e8f5e9;--ts-pallette-bgGoogleDefault: #1b5e20, #2e7d32, #388e3c, #43a047, #4caf50, #66bb6a, #81c784, #a5d6a7, #c8e6c9, #e8f5e9;--ts-pallette-Default: #0d0d0d, #262626, #404040, #595959, #737373, #8c8c8c, #a6a6a6, #bfbfbf, #d9d9d9, #f2f2f2;--ts-pallette-bgDefault: #f2f2f2, #d9d9d9, #bfbfbf, #a6a6a6, #8c8c8c, #737373, #595959, #404040, #262626, #0d0d0d;--dd-text: var(--text-primary);--dd-text-muted: var(--text-secondary);--dd-text-light: var(--text-secondary);--dd-bg: var(--dropdown-bg);--dd-bg-hover: var(--dropdown-hover);--dd-bg-active: var(--dropdown-hover);--dd-border: var(--dropdown-border);--dd-border-light: var(--border-secondary);--dd-shadow: var(--shadow-medium);--dd-shadow-md: var(--shadow-large);--dd-shadow-lg: var(--shadow-xlarge);--dd-accent: var(--accent-primary);--dd-accent-hover: var(--accent-hover);--dropdown-text: var(--text-primary);--dropdown-text-hover: var(--text-primary)}.dd-menu{position:relative;display:inline-block;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dd-menu__content{position:absolute;z-index:1000;min-width:220px;background-color:var(--dropdown-bg);border-radius:8px;box-shadow:var(--shadow-large);border:1px solid var(--dropdown-border);overflow:hidden;margin-top:8px;animation:dropdown-appear .2s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dd-menu__item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background-color .15s ease,color .15s ease;position:relative;color:var(--text-primary)}.dd-menu__item:hover{background-color:var(--dropdown-hover);color:var(--text-primary)}.dd-menu__item--active{background-color:var(--bg-tertiary);color:var(--accent-primary);font-weight:500}.dd-menu__item-icon{margin-right:12px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:16px}.dd-menu__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.dd-menu__item-arrow{margin-left:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.dd-menu__submenu{position:absolute;left:100%;top:0;margin-left:0;min-width:180px;background-color:var(--dropdown-bg);border-radius:8px;box-shadow:var(--shadow-large);border:1px solid var(--dropdown-border);z-index:1001;animation:submenu-appear .2s ease-out}@keyframes submenu-appear{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.dd-menu__item--has-children:after{content:"";position:absolute;top:0;right:-20px;width:20px;height:100%;background:transparent}.dd-menu--navbar .dd-menu__content{border-radius:8px;box-shadow:var(--shadow-large)}.dd-menu--navbar .dd-menu__item{padding:10px 16px;font-size:14px}.dd-menu--sidebar .dd-menu__content{position:static;box-shadow:none;border:none;margin:0;padding:0}.dd-menu--sidebar .dd-menu__submenu{position:static;box-shadow:none;border:none;padding-left:28px;animation:none}.dd-menu--sidebar .dd-menu__item-arrow svg{transform:rotate(90deg)}.dd-menu--sm .dd-menu__item{padding:6px 12px;font-size:13px}.dd-menu--lg .dd-menu__item{padding:12px 20px;font-size:15px}.dd-menu__submenu{transition:opacity .15s ease,visibility .15s ease}[data-theme=dark] .dd-menu__content{background-color:var(--dropdown-bg)!important;border:1px solid var(--dropdown-border)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-large)!important}[data-theme=dark] .dd-menu__item{color:var(--text-primary)!important;background-color:transparent!important}[data-theme=dark] .dd-menu__item:hover{background-color:var(--dropdown-hover)!important;color:var(--text-primary)!important}[data-theme=dark] .dd-menu__item-label{color:var(--text-primary)!important}[data-theme=dark] .dd-menu__trigger{color:var(--text-primary)!important;background-color:var(--dropdown-bg)!important;border:1px solid var(--dropdown-border)!important}[data-theme=dark] .dd-menu__trigger:hover{background-color:var(--dropdown-hover)!important;color:var(--text-primary)!important}[data-theme=dark] .dd-menu .custom-trigger{color:var(--text-primary)!important;background-color:var(--dropdown-bg)!important;border:1px solid var(--dropdown-border)!important}[data-theme=dark] .dd-menu .custom-trigger:hover{background-color:var(--dropdown-hover)!important}[data-theme=dark] .stable-dropdown-wrapper{color:var(--text-primary)!important}[data-theme=dark] .dd-menu,[data-theme=dark] .dropdown,[data-theme=dark] [class*=dropdown]{visibility:visible!important;opacity:1!important}[data-theme=dark] .navbar .dd-menu__trigger,[data-theme=dark] .nav-item .dd-menu__trigger{color:var(--text-primary)!important;background:var(--dropdown-bg)!important;border:1px solid var(--dropdown-border)!important;padding:8px 12px!important;border-radius:4px!important}[data-theme=dark] .demo-container,[data-theme=dark] .demo-section,[data-theme=dark] .component-demo,[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] .section,[data-theme=dark] .container{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-primary)!important}[data-theme=dark] p,[data-theme=dark] div:not([style*=color]),[data-theme=dark] span:not([style*=color]){color:var(--text-primary)!important}[data-theme=dark] [style*="background-color: white"],[data-theme=dark] [style*="background-color: #fff"],[data-theme=dark] [style*="background-color: #ffffff"],[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background: #ffffff"]{background-color:var(--bg-secondary)!important}[data-theme=dark] [style*="color: black"],[data-theme=dark] [style*="color: #000"],[data-theme=dark] [style*="color: #000000"]{color:var(--text-primary)!important}[data-theme=light] .demo-container,[data-theme=light] .demo-section,[data-theme=light] .component-demo,[data-theme=light] .card,[data-theme=light] .panel,[data-theme=light] .section,[data-theme=light] .container{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:var(--text-primary)!important}[data-theme=light] p,[data-theme=light] div:not([style*=color]),[data-theme=light] span:not([style*=color]){color:var(--text-primary)!important}[data-theme=light] pre,[data-theme=light] code{background-color:var(--markdown-code-bg)!important;color:var(--markdown-code-text)!important;border:1px solid var(--markdown-code-border)!important}[data-theme=light] .theme-card,[data-theme=light] .theme-card-info,[data-theme=light] .theme-card-success,[data-theme=light] .theme-card-warning,[data-theme=light] .theme-card-purple,[data-theme=light] .theme-card-orange{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important}.app-info-container *{color:inherit}.app-info-container{background-color:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.app-info-header{background-color:var(--bg-tertiary)!important;border-bottom:1px solid var(--border-secondary)!important;color:var(--text-primary)!important}.app-info-header:hover{background-color:var(--dropdown-hover)!important}.app-info-content{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.info-intro{background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)!important;border-bottom:1px solid var(--border-secondary)!important;color:var(--text-primary)!important}.tabs-header{background-color:var(--bg-primary)!important;border-bottom:1px solid var(--border-secondary)!important}.tab{color:var(--text-secondary)!important;background-color:transparent!important}.tab:hover{color:var(--text-primary)!important;background-color:var(--dropdown-hover)!important}.tab.active{background-color:var(--bg-secondary)!important;color:var(--accent-primary)!important}.tab-content{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.app-info-container h1,.app-info-container h2,.app-info-container h3,.app-info-container h4,.app-info-container h5,.app-info-container h6,.app-info-container p,.app-info-container div,.app-info-container span{color:var(--text-primary)!important}.app-info-container .text-secondary{color:var(--text-secondary)!important}.expand-icon{color:var(--accent-primary)!important}.tab:after{background-color:var(--accent-primary)!important}.app-info-container{margin-top:2rem;background-color:var(--bg-secondary);border-radius:var(--border-radius-large);overflow:hidden;box-shadow:var(--shadow-large);width:100%;transition:all .3s ease;border:1px solid var(--border-primary);position:relative}.app-info-container.expanded{margin-bottom:2rem}.app-info-container.collapsed{box-shadow:var(--shadow-medium)}.app-info-header{background-color:var(--bg-tertiary);padding:1rem 1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s;border-bottom:1px solid var(--border-secondary)}.app-info-header:hover{background-color:var(--dropdown-hover)}.header-content{display:flex;align-items:center;gap:12px}.header-icon{font-size:1.5rem}.app-info-header h3{margin:0;font-size:1.2rem;color:var(--text-primary);font-weight:600}.expand-icon{font-size:1.2rem;color:var(--accent-primary);transition:transform .3s ease}.expanded .expand-icon{transform:rotate(180deg)}.app-info-content{padding:0;color:var(--text-primary);font-size:.95rem;line-height:1.5;opacity:1;max-height:2000px;transition:opacity .3s ease,max-height .5s ease;overflow:hidden}.app-info-content.fade-in{animation:fadeIn .5s ease forwards}.app-info-content.fade-out{animation:fadeOut .3s ease forwards}.app-info-content.tab-transition{animation:tabTransition .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes tabTransition{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.info-intro{padding:2rem;text-align:center;background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-secondary)}.glow-text{font-size:2.2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--teams-blue),var(--teams-green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:glow 8s ease infinite;text-shadow:0 0 10px rgba(139,147,255,.3)}@keyframes glow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.info-intro p{max-width:70%;margin:0 auto;color:var(--text-secondary);font-size:1.1rem}.tabs-container{padding:0}.tabs-header{display:flex;border-bottom:1px solid var(--border-secondary);background-color:var(--bg-primary)}.tab{padding:1.2rem 1.5rem;cursor:pointer;flex:1;text-align:center;transition:all .2s ease;border-bottom:3px solid transparent;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.tab:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background-color:var(--tab-color, var(--accent-primary));transform:translate(-50%);transition:width .3s ease}.tab:hover:after{width:30%}.tab.active:after{width:100%}.tab-icon{font-size:1.5rem}.tab-title{font-size:.9rem;font-weight:500}.tab.active{background-color:var(--bg-secondary);color:var(--tab-color, var(--accent-primary))}.tab-content{padding:2.5rem;transition:opacity .3s ease}.tab-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.tab-icon-large{font-size:2.5rem}.tab-header h3{font-size:1.8rem;margin:0}.card-container{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;margin-top:2rem}.feature-card{background:linear-gradient(135deg,#313244,#1e1e2e);border-radius:8px;padding:1.8rem;box-shadow:0 4px 15px #0000001a;border:1px solid #45475a;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background-color:var(--card-color, #89b4fa)}.card-content h4{margin-top:0;margin-bottom:1rem;font-size:1.4rem;color:#cdd6f4}.card-content p{font-size:1.05rem;line-height:1.6}.doc-link{display:inline-block;margin-top:1.5rem;color:var(--card-color, #89b4fa);text-decoration:none;font-weight:500;transition:all .2s ease;font-size:1.1rem}.doc-link:hover{text-decoration:none;transform:translate(5px)}.arrow{display:inline-block;transition:transform .2s ease}.doc-link:hover .arrow{transform:translate(3px)}.code-preview{background-color:#11111b;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #00000026;border:1px solid #313244}.code-header{background-color:#181825;padding:.75rem 1rem;display:flex;align-items:center;border-bottom:1px solid #313244}.code-dots{display:flex;gap:6px;margin-right:12px}.code-dots span{width:12px;height:12px;border-radius:50%;background-color:#45475a}.code-dots span:nth-child(1){background-color:#f38ba8}.code-dots span:nth-child(2){background-color:#fab387}.code-dots span:nth-child(3){background-color:#a6e3a1}.code-title{font-size:.85rem;color:#bac2de}.code-block{margin:0;padding:2rem;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;color:#cdd6f4;overflow-x:auto;white-space:pre-wrap}.tech-stack{padding:2rem;background-color:#181825;border-top:1px solid #313244;margin-top:1.5rem}.tech-title{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:#cdd6f4;text-align:center}.tech-icons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.tech-icon{background-color:#313244;padding:.8rem 1.2rem;border-radius:20px;font-size:1rem;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.tech-icon:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}[data-theme=light] .app-info-container{background-color:var(--bg-primary)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}[data-theme=light] .app-info-header{background-color:var(--bg-secondary)!important;border-bottom:1px solid var(--border-secondary)!important;color:var(--text-primary)!important}[data-theme=light] .app-info-header:hover{background-color:var(--dropdown-hover)!important}[data-theme=light] .app-info-content{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}[data-theme=light] .info-intro{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)!important;border-bottom:1px solid var(--border-secondary)!important;color:var(--text-primary)!important}[data-theme=light] .tabs-header{background-color:var(--bg-secondary)!important;border-bottom:1px solid var(--border-secondary)!important}[data-theme=light] .tab{color:var(--text-secondary)!important;background-color:transparent!important}[data-theme=light] .tab:hover{color:var(--text-primary)!important;background-color:var(--dropdown-hover)!important}[data-theme=light] .tab.active{background-color:var(--bg-primary)!important;color:var(--accent-primary)!important}[data-theme=light] .tab-content{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}@media (max-width: 1200px){.card-container{grid-template-columns:1fr 1.2fr;gap:1.5rem}.tab-content{padding:2rem}.glow-text{font-size:1.8rem}}@media (max-width: 992px){.card-container{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.tabs-header{flex-wrap:wrap}.tab{flex:1 1 40%;padding:1rem}.tab-content{padding:1.5rem}.info-intro p{max-width:90%;font-size:1rem}}:root{--dd-text: #344054;--dd-text-muted: #667085;--dd-text-light: #98a2b3;--dd-bg: #ffffff;--dd-bg-hover: #f9fafb;--dd-bg-active: #f2f4f7;--dd-border: #eaecf0;--dd-border-light: #f2f4f7;--dd-shadow: 0 1px 2px rgba(16, 24, 40, .05);--dd-shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--dd-shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);--dd-accent: #1570ef;--dd-accent-hover: #1366d6;--dd-bg-rgb: 255, 255, 255;--dd-border-rgb: 234, 236, 240;--dd-accent-rgb: 21, 112, 239;--dd-spacing-xs: 2px;--dd-spacing-sm: 6px;--dd-spacing-md: 8px;--dd-spacing-lg: 12px;--dd-spacing-xl: 16px;--dd-spacing-2xl: 20px;--dd-radius-sm: 6px;--dd-radius-md: 8px;--dd-radius-lg: 12px;--dd-font-size-xs: 12px;--dd-font-size-sm: 13px;--dd-font-size-md: 14px;--dd-font-size-lg: 15px;--dd-font-weight-normal: 400;--dd-font-weight-medium: 500;--dd-font-weight-semibold: 600;--dd-transition: all .12s cubic-bezier(.4, 0, .2, 1);--dd-transition-slow: all .2s cubic-bezier(.4, 0, .2, 1)}.dd-menu--dark{--dd-text: #f9fafb;--dd-text-muted: #98a2b3;--dd-text-light: #667085;--dd-bg: #1d2939;--dd-bg-hover: #344054;--dd-bg-active: #475467;--dd-border: #344054;--dd-border-light: #475467;--dd-shadow: 0 1px 2px rgba(0, 0, 0, .15);--dd-shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .25), 0 2px 4px -2px rgba(0, 0, 0, .12);--dd-shadow-lg: 0 12px 16px -4px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .12);--dd-accent: #528bff;--dd-accent-hover: #2970ff;--dd-bg-rgb: 29, 41, 57;--dd-border-rgb: 52, 64, 84;--dd-accent-rgb: 82, 139, 255}.dd-menu--light{--dd-text: #0f172a;--dd-text-muted: #475569;--dd-text-light: #64748b;--dd-bg: #ffffff;--dd-bg-hover: #f8fafc;--dd-bg-active: #f1f5f9;--dd-border: #d1d5db;--dd-border-light: #e5e7eb;--dd-shadow: 0 1px 2px rgba(0, 0, 0, .05);--dd-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--dd-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--dd-accent: #2563eb;--dd-accent-hover: #1d4ed8;--dd-bg-rgb: 255, 255, 255;--dd-border-rgb: 209, 213, 219;--dd-accent-rgb: 37, 99, 235}@media (prefers-color-scheme: dark){.dd-menu--auto{--dd-text: #f9fafb;--dd-text-muted: #98a2b3;--dd-text-light: #667085;--dd-bg: #1d2939;--dd-bg-hover: #344054;--dd-bg-active: #475467;--dd-border: #344054;--dd-border-light: #475467;--dd-shadow: 0 1px 2px rgba(0, 0, 0, .15);--dd-shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .25), 0 2px 4px -2px rgba(0, 0, 0, .12);--dd-shadow-lg: 0 12px 16px -4px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .12);--dd-accent: #528bff;--dd-accent-hover: #2970ff;--dd-bg-rgb: 29, 41, 57;--dd-border-rgb: 52, 64, 84;--dd-accent-rgb: 82, 139, 255}}.dd-menu{position:relative;display:inline-block;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--dd-font-size-md);color:var(--dd-text);line-height:1.5}.dd-menu--disabled{opacity:.5;pointer-events:none}.dd-menu__trigger{display:inline-flex;align-items:center;gap:var(--dd-spacing-sm);padding:var(--dd-spacing-md) var(--dd-spacing-lg);background:var(--dd-bg);border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);color:var(--dd-text);font-size:inherit;font-weight:var(--dd-font-weight-medium);cursor:pointer;transition:var(--dd-transition);white-space:nowrap;min-height:36px;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dd-menu__trigger:hover:not(:disabled){background:var(--dd-bg-hover);border-color:var(--dd-accent);box-shadow:var(--dd-shadow)}.dd-menu__trigger:focus:not(:disabled){outline:none;border-color:var(--dd-accent);box-shadow:0 0 0 3px #1570ef1f}.dd-menu__trigger:disabled{cursor:not-allowed;opacity:.5}.dd-menu__trigger svg{transition:var(--dd-transition)}.dd-menu--open .dd-menu__trigger svg{transform:rotate(180deg)}.dd-menu__custom-trigger{cursor:pointer}.dd-menu__content{position:absolute;z-index:1000;min-width:220px;background:var(--dd-bg);border:1px solid var(--dd-border);border-radius:var(--dd-radius-lg);box-shadow:var(--dd-shadow-lg);padding:var(--dd-spacing-sm);margin-top:var(--dd-spacing-sm);opacity:0;transform:translateY(-4px) scale(.98);animation:dd-menu-fadeIn .15s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes dd-menu-fadeIn{to{opacity:1;transform:translateY(0) scale(1)}}.dd-menu__content--bottom,.dd-menu__content--bottom-start,.dd-menu__content--bottom-end{top:100%}.dd-menu__content--top,.dd-menu__content--top-start,.dd-menu__content--top-end{bottom:100%;margin-bottom:var(--dd-spacing-xs);margin-top:0}.dd-menu__content--bottom-start,.dd-menu__content--top-start{left:0}.dd-menu__content--bottom-end,.dd-menu__content--top-end{right:0}.dd-menu__content--bottom,.dd-menu__content--top{left:50%;transform:translate(-50%) translateY(-8px)}.dd-menu__content--right{left:100%;top:0;margin-left:var(--dd-spacing-xs);margin-top:0}.dd-menu__content--left{right:100%;top:0;margin-right:var(--dd-spacing-xs);margin-top:0}.dd-menu__list{list-style:none;margin:0;padding:0}.dd-menu__item-wrapper{position:relative}.dd-menu__item{display:flex;align-items:center;gap:var(--dd-spacing-md);padding:var(--dd-spacing-md) var(--dd-spacing-lg);border-radius:var(--dd-radius-sm);cursor:pointer;transition:var(--dd-transition);font-weight:var(--dd-font-weight-normal);-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--dd-text);min-height:40px}.dd-menu__item:hover:not(.dd-menu__item--disabled){background:var(--dd-bg-hover);color:var(--dd-text)}.dd-menu__item:active:not(.dd-menu__item--disabled){background:var(--dd-bg-active);transform:translateY(.5px)}.dd-menu__item--active{background:var(--dd-bg-active);color:var(--dd-accent);font-weight:var(--dd-font-weight-medium)}.dd-menu__item--disabled{opacity:.4;cursor:not-allowed;color:var(--dd-text-muted)}.dd-menu__item--has-children{position:relative}.dd-menu__item--nested{padding-left:var(--dd-spacing-xl)}.dd-menu__item-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;font-size:16px}.dd-menu__item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-menu__item-link{color:inherit;text-decoration:none;display:block;width:100%}.dd-menu__item-link:hover{color:inherit;text-decoration:none}.dd-menu__item-arrow{display:flex;align-items:center;opacity:.6;transition:var(--dd-transition)}.dd-menu__item--has-children:hover .dd-menu__item-arrow{opacity:1}.dd-menu__submenu{position:absolute;left:100%;top:0;z-index:1001;min-width:180px;background:var(--dd-bg);border:1px solid var(--dd-border);border-radius:var(--dd-radius-lg);box-shadow:var(--dd-shadow-lg);padding:var(--dd-spacing-sm);margin-left:var(--dd-spacing-xs);list-style:none;margin-top:0;margin-bottom:0;opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none}.dd-menu__submenu--open{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.dd-menu__submenu .dd-menu__item{padding:var(--dd-spacing-sm)}.dd-menu--navbar{display:block;position:relative}.dd-menu--navbar .dd-menu__trigger{background:transparent;border:none;border-radius:var(--dd-radius-sm);padding:var(--dd-spacing-md) var(--dd-spacing-lg);font-weight:var(--dd-font-weight-medium);min-height:40px;color:var(--dd-text)}.dd-menu--navbar .dd-menu__trigger:hover{background:var(--dd-bg-hover);color:var(--dd-text)}.dd-menu--navbar .dd-menu__trigger:focus{background:var(--dd-bg-hover);box-shadow:none}.dd-menu--navbar .dd-menu__content{margin-top:var(--dd-spacing-md);border-radius:var(--dd-radius-md);min-width:200px}.dd-menu--navbar .dd-menu__item{padding:var(--dd-spacing-md) var(--dd-spacing-lg);border-radius:var(--dd-radius-sm)}.dd-menu--sidebar{display:block;width:100%}.dd-menu--sidebar .dd-menu__trigger{width:100%;justify-content:space-between;background:rgba(var(--dd-bg-rgb, 255, 255, 255),.05);border:1px solid rgba(var(--dd-border-rgb, 209, 213, 219),.1);border-radius:var(--dd-radius-sm);text-align:left;padding:var(--dd-spacing-md) var(--dd-spacing-lg);font-weight:var(--dd-font-weight-medium);transition:all .15s ease}.dd-menu--sidebar .dd-menu__trigger:hover{background:var(--dd-bg-hover);border-color:var(--dd-border)}.dd-menu--sidebar .dd-menu__trigger:focus{background:var(--dd-bg-hover);border-color:var(--dd-accent);box-shadow:0 0 0 2px rgba(var(--dd-accent-rgb, 82, 139, 255),.1)}.dd-menu--sidebar .dd-menu__content{position:static;width:100%;background:rgba(var(--dd-bg-rgb, 255, 255, 255),.02);border:1px solid rgba(var(--dd-border-rgb, 209, 213, 219),.08);border-radius:var(--dd-radius-md);box-shadow:none;margin:var(--dd-spacing-xs) 0 0 0;padding:var(--dd-spacing-sm);animation:none;opacity:1;transform:none}.dd-menu--sidebar .dd-menu__item{padding:var(--dd-spacing-md) var(--dd-spacing-lg);border-radius:var(--dd-radius-sm);margin-bottom:2px;background:rgba(var(--dd-bg-rgb, 255, 255, 255),.02);border:1px solid transparent;transition:all .15s ease}.dd-menu--sidebar .dd-menu__item:hover{background:var(--dd-bg-hover);border-color:rgba(var(--dd-border-rgb, 209, 213, 219),.2)}.dd-menu--sidebar .dd-menu__submenu{position:static;background:rgba(var(--dd-bg-rgb, 255, 255, 255),.02);border:1px solid rgba(var(--dd-border-rgb, 209, 213, 219),.05);box-shadow:none;margin:var(--dd-spacing-xs) 0 0 var(--dd-spacing-2xl);opacity:1;visibility:visible;transform:none;padding:0}@media (max-width: 768px){.dd-menu__content{min-width:100vw;left:50%!important;right:auto!important;transform:translate(-50%)!important;border-radius:var(--dd-radius-lg) var(--dd-radius-lg) 0 0;position:fixed;bottom:0;top:auto!important;margin:0;max-height:70vh;overflow-y:auto}.dd-menu__item{padding:var(--dd-spacing-lg);font-size:var(--dd-font-size-lg)}.dd-menu__submenu{position:static;background:var(--dd-bg-hover);border:none;box-shadow:none;margin:var(--dd-spacing-sm) 0 0 var(--dd-spacing-lg);opacity:1;visibility:visible;transform:none}}.dd-menu__item:focus-visible{outline:2px solid var(--dd-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.dd-menu__content,.dd-menu__submenu,.dd-menu__trigger svg,.dd-menu__item{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.dd-menu{--dd-border: #000000;--dd-shadow: 0 0 0 1px #000000}}.dd-menu__item--hovering{background:var(--dd-bg-hover);color:var(--dd-text)}.dd-menu__submenu{margin-left:calc(var(--dd-spacing-xs) - 2px);transition:opacity .15s ease,visibility .15s ease,transform .15s ease}.dd-menu--sidebar .dd-menu__item-arrow svg{transition:transform .2s ease}.dd-menu__item:focus-visible{outline:2px solid var(--dd-accent);outline-offset:-2px;background:var(--dd-bg-hover)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:var(--accent-primary);text-decoration:inherit}a:hover{color:var(--accent-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;color:var(--text-primary)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-primary);color:var(--button-primary-text);cursor:pointer;transition:border-color .25s}button:hover{background-color:var(--button-primary-hover);border-color:var(--accent-primary)}button:focus,button:focus-visible{outline:4px auto var(--border-focus)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.demo-container{max-width:800px;margin:0 auto;padding:2rem}.demo-section{margin:2rem 0;padding:1.5rem;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary)}.demo-section h2{margin-top:0;color:var(--text-primary)}.demo-controls{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin:1rem 0}.consent-status{display:grid;gap:1rem;margin:1rem 0}.consent-category{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--border-secondary);border-radius:4px;background:var(--bg-primary)}.consent-category h3{margin:0;color:var(--text-primary)}.consent-category p{margin:.5rem 0;color:var(--text-secondary);font-size:.9em}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.8em;font-weight:700}.status-accepted{background:var(--bg-success);color:var(--text-success)}.status-rejected{background:var(--bg-error);color:var(--text-error)}.status-pending{background:var(--bg-warning);color:var(--text-warning)}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-0{top:-0px;right:-0px;bottom:-0px;left:-0px}.-inset-0\.5{top:-.125rem;right:-.125rem;bottom:-.125rem;left:-.125rem}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.right-0{right:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-16{height:4rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.max-h-40{max-height:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-800{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.bg-yellow-800{--tw-bg-opacity: 1;background-color:rgb(133 77 14 / var(--tw-bg-opacity))}.bg-opacity-75{--tw-bg-opacity: .75}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pb-8{padding-bottom:2rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-tight{line-height:1.25}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-green-200{--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}#root{width:100%;margin:0 auto;text-align:center;background-color:var(--background-color);color:var(--text-color);min-height:100vh}.navbar-themed{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);transition:background-color .3s ease,border-color .3s ease}.navbar-brand-text{color:var(--text-primary);transition:color .3s ease}.navbar-nav-link{color:var(--text-secondary);transition:color .3s ease,background-color .3s ease;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500}.navbar-nav-link:hover{background-color:var(--dropdown-hover);color:var(--text-primary)}.navbar-nav-link.active{background-color:var(--accent-primary);color:var(--text-inverted)}.navbar-mobile-button{color:var(--text-secondary);background-color:transparent;transition:color .3s ease,background-color .3s ease;border-radius:.375rem;padding:.5rem}.navbar-mobile-button:hover{background-color:var(--dropdown-hover);color:var(--text-primary)}.navbar-add-button{background-color:var(--accent-primary);color:var(--text-inverted);border-radius:9999px;padding:.5rem;transition:background-color .3s ease}.navbar-add-button:hover{background-color:var(--accent-hover)}.navbar-add-button:focus{outline:2px solid var(--border-focus);outline-offset:2px}.app-container{background-color:var(--background-color);color:var(--text-color);min-height:100vh;transition:background-color .3s ease,color .3s ease}.main-content{background-color:var(--background-color);color:var(--text-color)}.app-footer{background-color:var(--bg-secondary);color:var(--text-secondary);border-top:1px solid var(--border-primary);padding:1rem;margin-top:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;min-height:300px;background-color:var(--bg-secondary);color:var(--text-secondary);padding:2rem;border-radius:var(--border-radius-large);border:1px solid var(--border-primary)}.empty-state h2{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.empty-state p{font-size:1rem;opacity:.8}.not-found{background-color:var(--bg-secondary);color:var(--text-primary);padding:2rem;border-radius:var(--border-radius-large);margin:2rem}.book-list-container,.book-details-container{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-large);padding:1.5rem;box-shadow:var(--shadow-medium)}.bibliography-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:2rem;padding:2rem;min-height:calc(100vh - 200px);max-width:1400px;margin:0 auto}.book-list-container{grid-column:1;grid-row:1;overflow-y:auto;max-height:70vh}.book-details-container{grid-column:2;grid-row:1;overflow-y:auto;max-height:70vh}.app-info-wrapper{grid-column:1 / -1;grid-row:2;margin-top:2rem}@media (max-width: 1024px){.bibliography-container{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:1.5rem}.book-list-container{grid-column:1;grid-row:1;max-height:50vh}.book-details-container{grid-column:1;grid-row:2;max-height:50vh}.app-info-wrapper{grid-column:1;grid-row:3}}@media (max-width: 768px){.bibliography-container{padding:1rem;gap:1rem}.book-list-container,.book-details-container{max-height:40vh}}.bibliography-container{background-color:var(--background-color);color:var(--text-color)}.book-list-container,.book-details-container,.app-info-wrapper{color:var(--text-color)}[data-theme=dark] .demo-container,[data-theme=dark] .demo-section,[data-theme=dark] .component-demo,[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] .section{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important}.hover\:bg-\[var\(--bg-info\)\]:hover{background-color:var(--bg-info)}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset: inset}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity))}.focus\:ring-white:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-gray-800:focus{--tw-ring-offset-color: #1f2937}@media (min-width: 640px){.sm\:static{position:static}.sm\:inset-auto{inset:auto}.sm\:ml-6{margin-left:1.5rem}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:items-stretch{align-items:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pr-0{padding-right:0}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}:root{--theme-color-background: var(--theme-color-background, #ffffff);--theme-color-background-secondary: var(--theme-color-background-secondary, #f8fafc);--theme-color-background-tertiary: var(--theme-color-background-tertiary, #f1f5f9);--theme-color-text: var(--theme-color-text, #0f172a);--theme-color-text-secondary: var(--theme-color-text-secondary, #475569);--theme-color-text-muted: var(--theme-color-text-muted, #64748b);--theme-color-border: var(--theme-color-border, #e2e8f0);--theme-color-border-light: var(--theme-color-border-light, #f1f5f9);--theme-color-border-hover: var(--theme-color-border-hover, #cbd5e1);--theme-color-primary: var(--theme-color-primary, #3b82f6);--theme-color-primary-hover: var(--theme-color-primary-hover, #2563eb);--theme-color-primary-active: var(--theme-color-primary-active, #1d4ed8);--theme-color-hover: var(--theme-color-hover, #f8fafc);--theme-color-active: var(--theme-color-active, #f1f5f9);--theme-color-focus: var(--theme-color-focus, rgba(59, 130, 246, .1));--theme-spacing-xs: var(--theme-spacing-xs, .25rem);--theme-spacing-sm: var(--theme-spacing-sm, .5rem);--theme-spacing-md: var(--theme-spacing-md, 1rem);--theme-spacing-lg: var(--theme-spacing-lg, 1.5rem);--theme-spacing-xl: var(--theme-spacing-xl, 2rem);--theme-spacing-2xl: var(--theme-spacing-2xl, 3rem);--theme-spacing-3xl: var(--theme-spacing-3xl, 4rem);--theme-spacing-4xl: var(--theme-spacing-4xl, 6rem);--theme-radius-none: var(--theme-radius-none, 0);--theme-radius-sm: var(--theme-radius-sm, .25rem);--theme-radius-md: var(--theme-radius-md, .375rem);--theme-radius-lg: var(--theme-radius-lg, .5rem);--theme-radius-xl: var(--theme-radius-xl, .75rem);--theme-radius-2xl: var(--theme-radius-2xl, 1rem);--theme-radius-full: var(--theme-radius-full, 9999px);--theme-font-family-sans: var(--theme-font-family-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif);--theme-font-family-serif: var(--theme-font-family-serif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif);--theme-font-family-mono: var(--theme-font-family-mono, ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace);--theme-font-size-xs: var(--theme-font-size-xs, .75rem);--theme-font-size-sm: var(--theme-font-size-sm, .875rem);--theme-font-size-base: var(--theme-font-size-base, 1rem);--theme-font-size-lg: var(--theme-font-size-lg, 1.125rem);--theme-font-size-xl: var(--theme-font-size-xl, 1.25rem);--theme-font-size-2xl: var(--theme-font-size-2xl, 1.5rem);--theme-font-size-3xl: var(--theme-font-size-3xl, 1.875rem);--theme-font-size-4xl: var(--theme-font-size-4xl, 2.25rem);--theme-font-size-5xl: var(--theme-font-size-5xl, 3rem);--theme-transition-fast: var(--theme-transition-fast, .15s ease);--theme-transition-normal: var(--theme-transition-normal, .25s ease);--theme-transition-slow: var(--theme-transition-slow, .35s ease);--theme-transition-bounce: var(--theme-transition-bounce, .25s cubic-bezier(.68, -.55, .265, 1.55));--theme-z-index-dropdown: var(--theme-z-index-dropdown, 1000);--theme-z-index-modal: var(--theme-z-index-modal, 1050);--theme-z-index-tooltip: var(--theme-z-index-tooltip, 1100);--theme-z-index-overlay: var(--theme-z-index-overlay, 1200)}.theme-base{font-family:var(--theme-font-family-sans);font-size:var(--theme-font-size-base);color:var(--theme-color-text);background-color:var(--theme-color-background);transition:color var(--theme-transition-normal),background-color var(--theme-transition-normal)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--theme-spacing-sm) var(--theme-spacing-md);border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-md);background-color:var(--theme-color-background);color:var(--theme-color-text);cursor:pointer;transition:all var(--theme-transition-normal);font-size:var(--theme-font-size-sm);font-weight:500}.theme-toggle:hover{background-color:var(--theme-color-hover);border-color:var(--theme-color-border-hover)}.theme-toggle:focus{outline:none;background-color:var(--theme-color-hover);border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-focus)}.theme-selector{padding:var(--theme-spacing-sm) var(--theme-spacing-md);border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-md);background-color:var(--theme-color-background);color:var(--theme-color-text);font-size:var(--theme-font-size-sm);transition:all var(--theme-transition-normal)}.theme-selector:focus{outline:none;border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-focus)}.theme-bg-primary{background-color:var(--theme-color-background)}.theme-bg-secondary{background-color:var(--theme-color-background-secondary)}.theme-text-primary{color:var(--theme-color-text)}.theme-text-secondary{color:var(--theme-color-text-secondary)}.theme-text-muted{color:var(--theme-color-text-muted)}.theme-border{border:1px solid var(--theme-color-border)}.theme-rounded{border-radius:var(--theme-radius-md)}.theme-shadow{box-shadow:var(--theme-color-shadow, 0 1px 3px 0 rgba(0, 0, 0, .1))}body.theme-dark{color-scheme:dark}body.theme-light{color-scheme:light}*{transition:background-color var(--theme-transition-normal),color var(--theme-transition-normal),border-color var(--theme-transition-normal)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}