@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-teal:#348d82;--color-teal-dark:#2a7169;--color-teal-light:#4aa89c;--icon-teal-darker:#236156;--icon-teal-dark:#2d6b63;--icon-teal-base:#348d82;--icon-teal-light:#4db8ac;--icon-teal-lighter:#5ec9bc;--color-star-yellow:#fbbf24;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#1f2223;--color-lime:#e0ff82;--color-success:#10b981;--color-success-light:#10b98110;--color-error:#ef4444;--color-error-light:#ef444410;--color-warning:#f59e0b;--color-warning-light:#f59e0b10;--color-info:#3b82f6;--color-info-light:#3b82f610;--bg-primary:var(--color-white);--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--border-light:var(--color-gray-200);--border-medium:var(--color-gray-300);--border-dark:var(--color-gray-400);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--font-sans:"Inter", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%}body{width:100%;height:100%;font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{width:100%;height:100%}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--text-secondary)}a{color:var(--color-teal);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-teal-dark)}:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.app{background-color:var(--bg-secondary);width:100%;height:100%}.placeholder-page{padding:var(--spacing-3xl);text-align:center}.placeholder-page h3{margin-bottom:var(--spacing-md);color:var(--text-primary)}.placeholder-page p{color:var(--text-secondary)}.btn{gap:var(--spacing-sm);font-family:var(--font-sans);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-primary{color:var(--color-white);background-color:var(--color-teal);border-color:var(--color-teal)}.btn-primary:hover:not(:disabled){background-color:var(--color-teal-dark);border-color:var(--color-teal-dark)}.btn-primary:active:not(:disabled){background-color:var(--color-teal-dark);transform:translateY(1px)}.btn-secondary{color:var(--color-white);background-color:var(--color-gray-600);border-color:var(--color-gray-600)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-700);border-color:var(--color-gray-700)}.btn-outline{color:var(--color-teal);border-color:var(--color-teal);background-color:#0000}.btn-outline:hover:not(:disabled){color:var(--color-white);background-color:var(--color-teal)}.btn-ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background-color:var(--bg-tertiary)}.btn-full{width:100%}.card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card-padding-sm{padding:var(--spacing-md)}.card-padding-md{padding:var(--spacing-lg)}.card-padding-lg{padding:var(--spacing-xl)}.card-clickable{cursor:pointer}.card-hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-clickable:active{transform:translateY(0)}.login-page{background:var(--bg-tertiary);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-left{display:none}.login-right{flex-direction:column;flex:1;display:flex}.login-right-header{padding:var(--spacing-md) var(--spacing-xl);justify-content:flex-end;display:flex}.login-container{width:100%;max-width:420px;padding:var(--spacing-xl);flex-direction:column;flex:1;justify-content:center;align-items:center;margin:0 auto;display:flex}.login-card{width:100%}.login-header{margin-bottom:var(--spacing-lg);text-align:center}.login-header h1{margin-bottom:var(--spacing-sm);font-size:var(--font-size-3xl)}.login-header p{font-size:var(--font-size-base);color:var(--text-secondary)}.login-page .subtitle{margin-bottom:var(--spacing-xl);font-size:var(--font-size-sm);color:var(--text-secondary)}.login-form,.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group input{width:100%;padding:var(--spacing-md);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-base)}.form-group input:focus{border-color:var(--color-teal);outline:none;box-shadow:0 0 0 3px #348d821a}.form-group input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.form-group input::placeholder{color:var(--text-tertiary)}.button-group{gap:var(--spacing-md);margin-top:var(--spacing-md);display:flex}.button-group>*{flex:1}.login-lang-selector{position:relative}.login-lang-btn{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:0 0;outline:none;align-items:center;font-weight:500;display:flex}.login-lang-btn:hover{color:var(--text-primary);background-color:var(--bg-secondary);border-color:var(--border-medium)}.login-lang-dropdown{z-index:10;background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);min-width:100%;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.login-lang-option{gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary);text-align:left;cursor:pointer;transition:background-color var(--transition-base);background:0 0;border:none;align-items:center;font-weight:500;display:flex}.login-lang-option:hover{background-color:var(--bg-secondary)}.login-lang-option--active{color:var(--color-teal)}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:2.75rem}.password-toggle{top:50%;right:var(--spacing-md);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-secondary)}.login-no-account{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.login-support{gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg);text-align:center;justify-content:center;align-items:center;display:flex}.login-support-avatars{display:flex}.login-support-avatar{border:2px solid var(--bg-tertiary);width:2.5rem;height:2.5rem;box-shadow:var(--shadow-sm);border-radius:50%;overflow:hidden}.login-support-avatar:not(:first-child){margin-left:-.75rem}.login-support-avatar img{object-fit:cover;width:100%;height:100%}.login-support-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.login-support-link{gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-teal);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.login-support-link:hover{text-decoration:underline}.login-footer{margin-top:var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center}.login-left-header{gap:var(--spacing-sm);align-items:center;display:flex}.login-logo{width:auto;height:2rem}.login-logo-text{font-size:var(--font-size-xl);color:var(--text-primary);white-space:nowrap;font-weight:600}.login-tagline h2{font-size:var(--font-size-3xl);color:var(--text-primary);font-weight:700;line-height:1.2}.login-tagline-highlight{color:var(--color-teal)}.login-tagline p{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.login-left-footer{gap:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid #fff6;margin-top:auto;display:flex}.login-badge{gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-secondary);align-items:center;display:flex}.login-badge-icon{border-radius:var(--radius-md);background:#348d821f;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.lp-card-base{width:200px;padding:var(--spacing-lg);border-radius:var(--radius-2xl);flex-direction:column;align-items:center;display:flex;position:relative;box-shadow:0 4px 20px #00000014}.lp-badge{top:var(--spacing-md);right:var(--spacing-md);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:8px;font-weight:800;position:absolute}.lp-avatar{width:5rem;height:5rem;margin-bottom:var(--spacing-md);border-radius:50%;overflow:hidden}.lp-algo-card{width:220px;padding:var(--spacing-md);border-radius:var(--radius-xl);flex-direction:column;display:flex}.lp-legend-grid{gap:var(--spacing-xs) var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}@media (min-width:1024px){.login-page{flex-direction:row;align-items:stretch;padding:0}.login-left{padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(135deg,#f0faf8 0%,#e6f4f1 50%,#d4ece7 100%);flex-direction:column;flex:1;display:flex;overflow:hidden}.login-left-header{margin-bottom:var(--spacing-2xl)}.login-left-body{flex-direction:column;flex:1;justify-content:center;margin:0 100px;display:flex}.login-tagline{margin-bottom:var(--spacing-2xl)}.login-right{flex:1.2}.login-cards-scene{width:100%;padding:var(--spacing-md) 0;flex-direction:row;justify-content:center;align-items:center;display:flex}.login-cards-scene>:first-child{z-index:1;margin-right:-2.5rem}.login-cards-scene>:nth-child(2){z-index:3}.login-cards-scene>:nth-child(3){z-index:1;margin-left:-2.5rem}}@media (max-width:480px){.login-container{padding:var(--spacing-md)}.login-header h1{font-size:var(--font-size-2xl)}.login-support{flex-direction:column}}.loading-spinner-container{justify-content:center;align-items:center;display:inline-flex}.loading-spinner-container.centered{z-index:var(--z-modal);background-color:#fffc;position:fixed;inset:0}.loading-spinner{display:inline-block}.loading-spinner .spinner{border:3px solid var(--border-light);border-top-color:var(--color-teal);border-radius:50%;animation:.8s linear infinite spin}.loading-spinner.sm .spinner{border-width:2px;width:20px;height:20px}.loading-spinner.md .spinner{border-width:3px;width:40px;height:40px}.loading-spinner.lg .spinner{border-width:4px;width:60px;height:60px}@keyframes spin{to{transform:rotate(360deg)}}.card-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-icon-sm{width:32px;height:32px}.card-icon-sm svg{width:16px;height:16px}.card-icon-md{width:48px;height:48px}.card-icon-md svg{width:24px;height:24px}.card-icon-lg{width:64px;height:64px}.card-icon-lg svg{width:32px;height:32px}.card-icon-teal-darker{color:#fff;background-color:var(--icon-teal-darker)}.card-icon-teal-dark{color:#fff;background-color:var(--icon-teal-dark)}.card-icon-teal-base{color:#fff;background-color:var(--icon-teal-base)}.card-icon-teal-light{color:#fff;background-color:var(--icon-teal-light)}.card-icon-teal-lighter{color:#fff;background-color:var(--icon-teal-lighter)}.badge{top:var(--spacing-md);right:var(--spacing-md);z-index:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-lg);letter-spacing:.5px;text-transform:uppercase;font-weight:600;position:absolute}.badge-coming-soon{color:var(--text-secondary);background-color:var(--bg-tertiary)}.badge-active{color:#fff;background-color:var(--bg-primary)}.badge-new{color:var(--text-primary);background-color:var(--color-lime)}.metric-row{padding:var(--spacing-sm) 0;border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.metric-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.metric-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.metric-blur{filter:blur(4px);-webkit-user-select:none;user-select:none}.star-rating{gap:var(--spacing-sm);margin:var(--spacing-lg) 0;align-items:center;display:flex}.stars{gap:4px;display:flex}.star{width:20px;height:20px}.star-filled{color:var(--color-star-yellow)}.star-empty{color:var(--border-light)}.rating-number{font-size:var(--font-size-2xl);color:var(--text-primary);margin-left:var(--spacing-xs);font-weight:700}.dashboard{gap:var(--spacing-xl);width:100%;padding:var(--spacing-xl);flex-direction:column;display:flex}.dashboard-error{padding:var(--spacing-xl);color:var(--color-error);text-align:center}.dashboard-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1200px;display:grid}.dashboard-card{min-height:200px;transition:all var(--transition-base);flex-direction:column;display:flex;position:relative}.dashboard-card .card-icon{margin-bottom:var(--spacing-md)}.dashboard-card h3{margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl);color:var(--text-primary)}.dashboard-card .card-description{margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary);flex:1}.dashboard-card .card-action{font-size:var(--font-size-sm);color:var(--color-teal);margin-top:auto;font-weight:500}.stats-grid{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.stat-item{text-align:center}.stat-value{margin-bottom:var(--spacing-xs);font-size:var(--font-size-4xl);color:var(--color-teal);font-weight:700}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.widget-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.large-metric{color:var(--text-primary);margin:0;font-size:3.5rem;font-weight:700}.programs h3{margin:0 0 var(--spacing-md) 0}.programs-table{width:100%;font-size:var(--font-size-sm);border-collapse:collapse}.programs-table th{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-align:left;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600}.programs-table td{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);border-bottom:1px solid var(--bg-secondary)}.programs-table tbody tr:last-child td{border-bottom:none}.programs-table tbody tr:hover{background-color:var(--bg-secondary)}@media (max-width:768px){.dashboard{padding:var(--spacing-lg)}.dashboard-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}.program-status{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-md);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid;font-weight:600}.program-status.status-created{color:var(--color-gray-800);background-color:var(--color-gray-300)}.program-status.status-registration{color:var(--color-info);background-color:rgb(var(--color-info) / .1)}.program-status.status-closed-registration{color:var(--color-error);background-color:var(--color-error-light)}.program-status.status-matching{color:var(--color-warning);background-color:var(--color-warning-light)}.program-status.status-matched{color:var(--color-success);background-color:var(--color-success-light)}.programs{width:100%;padding:var(--spacing-xl)}.programs-error{padding:var(--spacing-xl);color:var(--color-error);text-align:center}.programs-header{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:flex-start;display:flex}.programs-header h2{margin-bottom:var(--spacing-xs)}.programs-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.programs-empty{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;background-color:var(--bg-primary);border:2px dashed var(--border-medium);border-radius:var(--radius-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.programs-empty .empty-icon{margin-bottom:var(--spacing-lg);opacity:.5;font-size:4rem}.programs-empty h3{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.programs-empty p{margin-bottom:var(--spacing-xl);color:var(--text-secondary)}.programs-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-width:1400px;display:grid}.program-card{gap:var(--spacing-md);flex-direction:column;min-height:200px;display:flex}.program-header{gap:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.program-header h3{font-size:var(--font-size-xl);color:var(--text-primary);flex:1;margin:0}.program-description{font-size:var(--font-size-sm);color:var(--text-secondary);flex:1;line-height:1.6}.program-stats{gap:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-light);margin-top:auto;display:flex}.program-stat{gap:var(--spacing-xs);flex-direction:column;display:flex}.program-stat .stat-value{font-size:var(--font-size-xl);color:var(--color-teal);font-weight:700}.program-stat .stat-label{font-size:var(--font-size-xs);color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.programs{padding:var(--spacing-lg)}.programs-header{flex-direction:column;align-items:stretch}.programs-grid{grid-template-columns:1fr}}.tabs-container{width:100%}.tabs-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--bg-secondary);display:flex}.tab-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:600;transition:all .2s;transform:translateY(2px)}.tab-button:hover{color:var(--color-teal)}.tab-button.active{color:var(--color-teal);border-bottom-color:var(--color-teal)}.tabs-content{gap:var(--spacing-xl);flex-direction:column;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.tabs-header{overflow-x:auto}.tab-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);flex-shrink:0}}.program-detail{width:100%;padding:var(--spacing-xl)}.back-button{margin-bottom:var(--spacing-xl)}.program-detail-header{margin-bottom:var(--spacing-2xl)}.header-content{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.header-title-section{gap:var(--spacing-lg);flex-wrap:wrap;align-items:center;display:flex}.state-transition-buttons{gap:var(--spacing-sm);align-items:center;display:flex}.state-transition-buttons button{white-space:nowrap}.header-content h1{font-size:var(--font-size-3xl);margin:0}.program-detail-content{gap:var(--spacing-xl);flex-direction:column;max-width:1200px;display:flex}.program-detail-content h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);color:var(--text-primary)}.program-card-text{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:1.6}.detail-row{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--bg-secondary);justify-content:space-between;align-items:center;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.detail-value{font-family:SF Mono,Monaco,Courier New,monospace;font-size:var(--font-size-sm);color:var(--text-primary)}.config-description{margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.config-fields-list{gap:var(--spacing-md);flex-direction:column;display:flex}.field-display-readonly{padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.field-display-readonly .field-display-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.field-display-readonly h4{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:600}.field-badges{gap:var(--spacing-xs);align-items:center;display:flex}.field-type-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-secondary);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.field-weight-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm);background-color:#348d821a;font-weight:500}.field-weight-badge.weight-low{color:var(--color-teal);background-color:#348d821a}.field-weight-badge.weight-medium{color:var(--color-info);background-color:#3b82f61a}.field-weight-badge.weight-highest{color:var(--color-error);background-color:#ef44441a}.field-display-readonly .field-description{margin:var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.field-details{gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-direction:column;display:flex}.field-detail-item{padding:var(--spacing-xs) 0;justify-content:space-between;align-items:center;display:flex}.field-detail-item .field-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.field-detail-item .field-value{font-size:var(--font-size-sm);color:var(--text-primary)}.matching-rules-hardcoded{margin:0 0 var(--spacing-lg) 0;padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding-left:var(--spacing-2xl)}.program-not-found{gap:var(--spacing-lg);padding:var(--spacing-3xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.program-not-found h2{margin-bottom:var(--spacing-md);color:var(--text-primary)}.matching-rules-table{width:100%;font-size:var(--font-size-sm);border-collapse:collapse}.matching-rules-table th{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-align:left;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600}.matching-rules-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.matching-rules-table th.sortable:hover{background-color:var(--bg-tertiary)}.sort-icon{color:var(--text-tertiary);margin-left:var(--spacing-xs);vertical-align:middle;align-items:center;transition:color .2s;display:inline-flex}.sort-icon svg{vertical-align:middle;width:16px;height:16px}.sort-icon.active{color:var(--text-primary)}.matching-rules-table td{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);border-bottom:1px solid var(--bg-secondary)}.matching-rules-table tbody tr:last-child td{border-bottom:none}.matching-rules-table tbody tr:hover{background-color:var(--bg-secondary)}.weight-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm);background-color:#348d821a;font-weight:500;display:inline-block}.weight-badge.weight-low,.weight-badge.weight-optional{color:var(--color-teal);background-color:#348d821a}.weight-badge.weight-medium,.weight-badge.weight-idealerweise{color:var(--color-info);background-color:#3b82f61a}.weight-badge.weight-highest,.weight-badge.weight-zwingend{color:var(--color-error);background-color:#ef44441a}.users-table{width:100%;margin-top:var(--spacing-lg);font-size:var(--font-size-sm);border-collapse:collapse}.users-table th{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-align:left;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.users-table th.sortable:hover{background-color:var(--bg-tertiary)}.users-table td{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);border-bottom:1px solid var(--bg-secondary)}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background-color:var(--bg-secondary)}.expand-cell{text-align:center;width:40px;padding:var(--spacing-sm)!important}.expand-button{width:24px;height:24px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.expand-button:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.expand-button svg{width:16px;height:16px}.actions-cell{text-align:right;width:120px}.delete-user-button{color:var(--color-error)!important;border-color:var(--color-error)!important}.delete-user-button:hover,.delete-user-button:active{color:var(--color-error)!important;border-color:var(--color-error)!important;background-color:#ef44441a!important}.role-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm);letter-spacing:.05em;text-transform:uppercase;font-weight:500;display:inline-block}.role-badge.role-mentor{color:var(--color-info);background-color:#3b82f61a}.role-badge.role-mentee{color:var(--color-teal);background-color:#348d821a}.role-badge.role-admin{color:var(--color-error);background-color:#ef44441a}.expanded-row{background-color:var(--bg-secondary)}.expanded-row td{padding:var(--spacing-md) var(--spacing-lg)!important}.program-response-details{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.program-response-details h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.response-item{gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--bg-secondary);align-items:baseline;display:flex}.response-item:last-child{border-bottom:none}.response-key{width:50%;font-size:var(--font-size-sm);color:var(--text-secondary);flex-shrink:0;font-weight:500}.response-value{font-size:var(--font-size-sm);color:var(--text-primary)}.notes-textarea{width:100%;min-height:80px;padding:var(--spacing-sm);font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);resize:vertical;transition:border-color .2s}.notes-textarea:focus{border-color:var(--color-primary);outline:none}.notes-textarea::placeholder{color:var(--text-tertiary)}.priority-cell{width:140px}.priority-dropdown{width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-family:inherit;font-size:var(--font-size-sm);color:var(--color-teal);border-radius:var(--radius-lg);cursor:pointer;background-color:#348d821a;border:1px solid}.priority-dropdown.priority-low{color:var(--color-info);background-color:#3b82f61a}.priority-dropdown.priority-high{color:var(--color-error);background-color:#ef44441a}.priority-dropdown:hover{border-color:var(--text-tertiary)}.priority-dropdown:focus{border-color:var(--color-primary);outline:none}.registration-links-section h3{margin-bottom:var(--spacing-md,1rem);font-size:var(--font-size-lg,1.25rem);color:var(--text-primary,#000)}.registration-links-container{gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.matching-view{gap:var(--spacing-md);flex-direction:column;display:flex}.matching-card{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);grid-template-columns:.75fr 1fr;display:grid}.matching-card:hover{box-shadow:0 2px 8px #00000014}.mentee-section{padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-xl) 0 0 var(--radius-xl);justify-content:start;align-items:center;display:flex}.mentee-section .user-name{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500}.mentors-section{flex-direction:column;display:flex}.mentor-row{gap:var(--spacing-md);padding:var(--spacing-lg);border-left:1px solid var(--border-medium);justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:relative}.mentor-row:first-child{border-bottom:1px solid var(--border-medium)}.mentor-row .compatibility-score{min-width:60px;font-size:var(--font-size-xl);color:var(--color-primary);text-align:right;flex-shrink:0;font-weight:700}.mentor-row .user-display{flex:1}.mentor-expand-button{width:20px;height:20px;padding:var(--spacing-xs);color:var(--text-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;box-sizing:content-box;flex-shrink:0;transition:transform .2s}.mentor-expand-button.expanded{background-color:var(--border-light)}.alternatives-dropdown{z-index:10;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;max-height:300px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.alternative-item{gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--bg-secondary);cursor:pointer;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.alternative-item:last-child{border-bottom:none}.alternative-item:hover{background-color:var(--bg-secondary)}.alternative-item .alternative-score{min-width:60px;font-size:var(--font-size-sm);color:var(--color-info);text-align:right;flex-shrink:0;font-weight:600}.alternative-item .user-display{flex:1}@media (max-width:768px){.matching-card{grid-template-columns:1fr}.mentee-section{border-right:none;border-bottom:1px solid var(--border-color)}.registration-links-container{gap:.75rem}.program-detail{padding:var(--spacing-lg)}.header-content{flex-direction:column;align-items:flex-start}.header-content h1{font-size:var(--font-size-2xl)}.state-transition-buttons{flex-direction:column;width:100%}.state-transition-buttons button{width:100%}.users-table{font-size:var(--font-size-xs)}.users-table th,.users-table td{padding:var(--spacing-xs) var(--spacing-sm)}.response-item{gap:var(--spacing-xs);flex-direction:column}.response-key{min-width:unset}}.card-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.card-header h3{flex:1;margin:0}.card-content{transition:all .3s ease-in-out;overflow:hidden}.card-content.open{max-height:9999px;margin-top:var(--spacing-md,16px);opacity:1}.card-content.closed{opacity:0;max-height:0;margin-top:0}.confirm-dialog-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.15s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.confirm-dialog{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:400px;max-width:500px;animation:.2s ease-out slideUp;box-shadow:0 10px 25px #00000026,0 20px 48px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.confirm-dialog-header h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:600}.confirm-dialog-body{padding:var(--spacing-lg)}.confirm-dialog-body p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:1.5}.confirm-dialog-actions{gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color);justify-content:flex-end;display:flex}.confirm-dialog-confirm-button{color:var(--color-error)!important;border-color:var(--color-error)!important}.confirm-dialog-confirm-button:hover,.confirm-dialog-confirm-button:active{color:var(--color-error)!important;border-color:var(--color-error)!important;background-color:#ef44441a!important}@media (max-width:768px){.confirm-dialog{width:90%;min-width:unset;max-width:90%}}.url-display{background-color:var(--bg-secondary,#f5f5f5);border:1px solid var(--border-medium,#ddd);border-radius:var(--radius-lg,.75rem);align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.url-display.disabled{opacity:.6;cursor:not-allowed}.url-display-content{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.url-display-label{color:var(--text-primary,#000);font-size:.875rem;font-weight:600}.url-display-url{color:var(--text-secondary,#666);text-overflow:ellipsis;white-space:nowrap;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.875rem;overflow:hidden}.url-display-copy-button{flex-shrink:0}@media (max-width:768px){.url-display{flex-direction:column;align-items:stretch}.url-display-url{font-size:.75rem}.url-display-copy-button{width:100%}}.registration-container{min-height:100vh;padding:var(--spacing-xl);background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.registration-card{width:100%;max-width:1000px;padding:var(--spacing-2xl);background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.registration-card h1{margin-bottom:var(--spacing-sm);font-size:var(--font-size-3xl);text-align:center}.registration-subtitle{margin-bottom:var(--spacing-2xl);font-size:var(--font-size-base);color:var(--text-secondary);text-align:center}.registration-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.field-description{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:400;display:block}.field-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic;font-weight:400;display:block}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:var(--spacing-md);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);transition:all var(--transition-base)}.form-group input[type=text]:focus,.form-group input[type=number]:focus{border-color:var(--color-teal);outline:none;box-shadow:0 0 0 3px #348d821a}.form-group input[type=text]:disabled,.form-group input[type=number]:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.radio-group,.checkbox-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.radio-option,.checkbox-option{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);align-items:center;font-weight:400;display:flex}.radio-option:hover,.checkbox-option:hover{background-color:var(--bg-tertiary);border-color:var(--border-medium)}.radio-option input[type=radio],.checkbox-option input[type=checkbox]{cursor:pointer;width:18px;height:18px}.radio-option span,.checkbox-option span{font-size:var(--font-size-base);color:var(--text-primary)}.error-message{margin-bottom:var(--spacing-md);padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);background-color:#ef44441a}.success-message{padding:var(--spacing-2xl);text-align:center;border:1px solid var(--color-success);border-radius:var(--radius-xl);background-color:#22c55e1a}.success-message h2{margin-bottom:var(--spacing-md);font-size:var(--font-size-2xl);color:var(--color-success)}.success-message p{font-size:var(--font-size-base);color:var(--text-primary)}.role-toggle{gap:var(--spacing-xs,.5rem);margin-bottom:var(--spacing-xl,2rem);padding:var(--spacing-xs,.5rem);background-color:var(--bg-secondary,#f5f5f5);border-radius:var(--radius-lg,.75rem);display:flex}.role-toggle-button{padding:var(--spacing-md,1rem) var(--spacing-lg,1.5rem);color:var(--text-secondary,#666);border-radius:var(--radius-md,.5rem);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}.role-toggle-button:hover{color:var(--text-primary,#000);background-color:var(--bg-primary,#fff)}.role-toggle-button.active{color:var(--color-teal,#348d82);background-color:var(--bg-primary,#fff);border-color:var(--color-teal,#348d82);font-weight:600}@media (max-width:768px){.registration-container{padding:var(--spacing-md)}.registration-card{padding:var(--spacing-xl)}.registration-card h1{font-size:var(--font-size-2xl)}}@media (max-width:480px){.registration-container{padding:var(--spacing-sm)}.registration-card{padding:var(--spacing-lg)}.registration-card h1{font-size:var(--font-size-xl)}.registration-subtitle{font-size:var(--font-size-sm)}.role-toggle-button{padding:.75rem 1rem;font-size:.875rem}}.registration-preview{flex-direction:column;gap:1rem;display:flex}.preview-role-toggle{background-color:var(--bg-secondary,#f5f5f5);border-radius:var(--radius-lg,.75rem);align-self:flex-start;gap:.5rem;padding:.5rem;display:flex}.preview-toggle-button{color:var(--text-secondary,#666);border-radius:var(--radius-md,.5rem);cursor:pointer;background:0 0;border:1px solid #0000;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.preview-toggle-button:hover{color:var(--text-primary,#000);background-color:var(--bg-primary,#fff)}.preview-toggle-button.active{color:var(--color-teal,#348d82);background-color:var(--bg-primary,#fff);border-color:var(--color-teal,#348d82);font-weight:600}.preview-container{background-color:var(--bg-primary,#fff);border:1px solid var(--border-light,#e0e0e0);border-radius:var(--radius-md,.5rem);padding:1rem}.user-display{gap:var(--spacing-md);align-items:center;display:flex}.user-display-reverse{flex-direction:row-reverse}.user-display .user-info-name{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500}.info-icon{background-color:var(--bg-tertiary);cursor:help;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-family:Georgia,serif;font-style:italic;font-weight:700;line-height:1;display:inline-flex}.analytics-container{gap:var(--spacing-xl);width:100%;padding:var(--spacing-xl);flex-direction:column;display:flex}.analytics-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));display:grid}.analytics-card{gap:var(--spacing-md);flex-direction:column;display:flex}.analytics-card .header{gap:var(--spacing-md);flex-direction:row;justify-content:space-between;display:flex}.analytics-card .header *{min-width:0}.analytics-card .card-icon{margin-bottom:var(--spacing-sm)}.analytics-card h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0}.integer-stats-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);flex-direction:column;display:flex}.integer-stat-item{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);justify-content:space-between;align-items:center;display:flex}.integer-stat-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.integer-stat-value{font-size:var(--font-size-2xl);color:var(--color-teal);font-weight:700}.chart-container{gap:var(--spacing-lg);margin-top:var(--spacing-md);flex-direction:column;align-items:center;display:flex}.pie-chart-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.pie-chart-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie-chart-total-value{font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:700}.pie-chart-total-label{font-size:var(--font-size-xs);color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.answers-list-container{width:100%}.answers-list-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.answers-list-header h4{font-size:var(--font-size-md);color:var(--text-primary);margin:0;font-weight:600}.answers-list{gap:var(--spacing-sm);flex-direction:column;width:100%;transition:all .3s ease-in-out;display:flex;overflow:hidden}.answers-list.open{opacity:1;max-height:9999px}.answers-list.closed{opacity:0;max-height:0}.fold-button{color:var(--text-secondary,#666);border-radius:var(--radius-md,8px);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.fold-button:before{border-radius:var(--radius-md,8px);content:"";transition:background-color .3s;position:absolute;inset:-8px}.fold-button:hover:before{background-color:var(--bg-secondary,#f5f5f5)}.fold-button:hover{color:var(--text-primary,#333)}.fold-button svg{z-index:1;transition:transform .3s;position:relative}.fold-button.open svg{transform:rotate(0)}.fold-button.closed svg{transform:rotate(-90deg)}.answer-row{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);justify-content:space-between;align-items:center;display:flex}.answer-name-with-color{gap:var(--spacing-sm);flex:1;align-items:center;display:flex}.answer-color-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.answer-name{font-size:var(--font-size-sm);color:var(--text-primary)}.answer-count{font-size:var(--font-size-sm);color:var(--color-teal);margin-left:var(--spacing-md);font-weight:600}.analytics-empty{padding:var(--spacing-2xl);color:var(--text-secondary);text-align:center}.analytics-error{padding:var(--spacing-xl);color:var(--color-error);text-align:center}.analytics-loading{justify-content:center;align-items:center;min-height:300px;display:flex}.source-toggle{background-color:var(--bg-secondary,#f5f5f5);border-radius:var(--radius-lg,.75rem);align-self:flex-start;padding:.5rem;display:flex}.source-toggle-button{color:var(--text-secondary,#666);border-radius:var(--radius-md,.5rem);cursor:pointer;background:0 0;border:1px solid #0000;padding:.75rem .5rem;font-size:.875rem;font-weight:500;transition:all .2s}.source-toggle-button:hover{color:var(--text-primary,#000);background-color:var(--bg-primary,#fff)}.source-toggle-button.active{color:var(--color-teal,#348d82);background-color:var(--bg-primary,#fff);border-color:var(--color-teal,#348d82);font-weight:600}@media (max-width:768px){.analytics-container{padding:var(--spacing-lg)}.analytics-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}.users{width:100%;padding:var(--spacing-xl)}.users-header{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:flex-start;display:flex}.users-header h2{margin-bottom:var(--spacing-xs)}.users-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.users-placeholder{text-align:center;max-width:600px;padding:var(--spacing-3xl)!important}.users-placeholder .placeholder-icon{margin-bottom:var(--spacing-lg);opacity:.5;font-size:4rem}.users-placeholder h3{margin-bottom:var(--spacing-md);color:var(--text-primary)}.users-placeholder p{margin-bottom:var(--spacing-xl);color:var(--text-secondary);line-height:1.6}@media (max-width:768px){.users{padding:var(--spacing-lg)}.users-placeholder{padding:var(--spacing-xl)!important}}.system-settings{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;padding:2rem;display:flex}.settings-section{padding:2rem}.settings-section h2{color:var(--text-primary);margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid var(--border-color);border-radius:4px;width:100%;padding:.75rem;font-size:1rem}.form-group input:disabled,.form-group select:disabled{background-color:var(--background-secondary);opacity:.6;cursor:not-allowed}.checkbox-group label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.checkbox-group input[type=checkbox]{width:auto;margin:0}.form-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.error-message{color:var(--error-text,#c00);background-color:var(--error-background,#fee);border:1px solid var(--error-border,#fcc);border-radius:4px;margin-bottom:1rem;padding:.75rem}.user-info{background-color:var(--background-secondary);border-radius:4px;margin:1rem 0;padding:1rem}.user-info p{color:var(--text-secondary);margin:.5rem 0}.active-org-hint{color:var(--text-secondary);margin-top:.75rem;margin-bottom:0;font-size:.875rem}.invitation-page{min-height:100vh;padding:var(--spacing-xl);background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);justify-content:center;align-items:center;display:flex}.invitation-container{width:100%;max-width:480px}.invitation-card{width:100%}.invitation-header{margin-bottom:var(--spacing-2xl);text-align:center;flex-direction:column;align-items:center;display:flex}.invitation-lang-selector{margin-bottom:var(--spacing-md);align-self:flex-end}.invitation-lang-btn{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:0 0;outline:none;align-items:center;font-weight:500;display:flex}.invitation-lang-btn:hover{color:var(--text-primary);background-color:var(--bg-secondary);border-color:var(--border-medium)}.invitation-lang-dropdown{z-index:10;background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);min-width:100%;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.invitation-lang-option{gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary);text-align:left;cursor:pointer;transition:background-color var(--transition-base);background:0 0;border:none;align-items:center;font-weight:500;display:flex}.invitation-lang-option:hover{background-color:var(--bg-secondary)}.invitation-lang-option--active{color:var(--color-teal)}.invitation-header h1{margin-bottom:var(--spacing-sm);font-size:var(--font-size-3xl);color:var(--text-primary)}.invitation-header .subtitle{font-size:var(--font-size-base);color:var(--text-secondary)}.invitation-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.invitation-form .form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.invitation-form .form-group label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.invitation-form .form-group input{width:100%;padding:var(--spacing-md);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);transition:all var(--transition-base)}.invitation-form .form-group input:focus{border-color:var(--color-teal);outline:none;box-shadow:0 0 0 3px #348d821a}.invitation-form .form-group input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.invitation-form .form-group input::placeholder{color:var(--text-tertiary)}.invitation-form .readonly-field{color:var(--text-secondary);cursor:not-allowed;background-color:var(--bg-tertiary)!important;border-color:var(--border-light)!important}.field-hint{font-size:var(--font-size-xs);color:var(--text-tertiary)}.invitation-loading{gap:var(--spacing-lg);padding:var(--spacing-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.invitation-loading p{color:var(--text-secondary)}.invitation-error{gap:var(--spacing-lg);padding:var(--spacing-xl);text-align:center;flex-direction:column;align-items:center;display:flex}.invitation-error h1{font-size:var(--font-size-2xl);color:var(--color-error)}.invitation-error p{color:var(--text-secondary)}@media (max-width:480px){.invitation-page{padding:var(--spacing-md)}.invitation-header h1{font-size:var(--font-size-2xl)}}.sidebar{z-index:var(--z-sticky);width:240px;height:100vh;color:var(--text-primary);background-color:var(--bg-primary);border-right:1px solid var(--border-light);transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.closed{width:80px}.sidebar-header{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-light)}.logo-container{gap:var(--spacing-md);transition:justify-content var(--transition-base);align-items:center;display:flex}.logo-container .logo{flex-shrink:0;width:40px;height:auto}.sidebar.closed .logo-container{justify-content:center}.brand-name{font-size:var(--font-size-xl);color:var(--text-primary);white-space:nowrap;font-weight:600}.sidebar-toggle{top:var(--spacing-xl);right:calc(var(--spacing-lg) * -.5);z-index:10;width:28px;height:28px;color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-medium);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.sidebar-toggle:hover{color:var(--color-teal);background-color:var(--bg-tertiary);border-color:var(--color-teal);box-shadow:var(--shadow-md)}.sidebar-toggle svg{width:20px;height:20px}.sidebar-nav{padding:var(--spacing-lg) 0 0 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.bottom-nav{margin-top:auto}.sidebar-link{gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;align-items:center;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.sidebar-link.active{color:var(--color-teal);background-color:var(--bg-tertiary)}.sidebar-link.active:before{background-color:var(--color-teal);content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.sidebar-link .icon{flex-shrink:0;width:1.25rem;height:auto}.sidebar-link .text{white-space:nowrap;overflow:hidden}.sidebar.closed .sidebar-link .text{display:none}.logout-button{color:var(--text-secondary)}.logout-button:hover{color:var(--color-error);background-color:#ef44441a}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.user-info{width:100%;margin:0;padding:0;position:relative}.user-info-button{gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-secondary);border:none;border-top:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-base);background:0 0;align-items:center;display:flex}.user-info-button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.user-info-avatar{width:40px;height:40px;font-size:var(--font-size-base);color:var(--color-white);background:linear-gradient(135deg, var(--color-teal), var(--color-teal-dark));border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.user-info-details{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.user-info-name{font-size:var(--font-size-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.user-info-email{font-size:var(--font-size-xs);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-info-chevron{color:var(--text-tertiary);transition:color var(--transition-fast);flex-shrink:0}.user-info-button:hover .user-info-chevron{color:var(--text-secondary)}.user-info-popup{z-index:var(--z-popover);min-width:280px;padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:.2s fadeInUp;position:fixed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.user-info-popup-header{gap:var(--spacing-md);margin-bottom:var(--spacing-md);align-items:center;display:flex}.user-info-separator{height:1px;margin:var(--spacing-md) 0;background-color:var(--border-light)}.user-info-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.user-info-action-button{gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;font-weight:500;display:flex}.user-info-action-button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.user-info-action-button.logout:hover{color:var(--color-error);background-color:var(--color-error-light)}.language-selector{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);flex-direction:column;display:flex}.language-selector-label{margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.language-option{gap:var(--spacing-sm);padding:var(--spacing-xs) 0;cursor:pointer;align-items:center;display:flex}.language-option input[type=radio]{cursor:pointer;accent-color:var(--color-teal)}.language-name{font-size:var(--font-size-sm);color:var(--text-secondary)}@media (max-width:768px){.user-info-popup{width:calc(100vw - var(--spacing-xl));min-width:auto;right:var(--spacing-md)!important;left:var(--spacing-md)!important}}.layout{background-color:var(--bg-secondary);width:100vw;height:100vh;display:flex;overflow:hidden}.page{height:100%;transition:margin-left var(--transition-base);flex-direction:column;flex:1;margin-left:240px;display:flex;overflow:hidden}.page.sidebar-closed{margin-left:80px}.main-content{flex:1;overflow:hidden auto}.profile{width:100%;padding:var(--spacing-xl)}.profile-header{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:flex-start;display:flex}.profile-header h2{margin-bottom:var(--spacing-xs)}.profile-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.profile-placeholder{text-align:center;max-width:600px;padding:var(--spacing-3xl)!important}.profile-placeholder .placeholder-icon{margin-bottom:var(--spacing-lg);opacity:.5;font-size:4rem}.profile-placeholder h3{margin-bottom:var(--spacing-md);color:var(--text-primary)}.profile-placeholder p{margin-bottom:var(--spacing-xl);color:var(--text-secondary);line-height:1.6}.placeholder-features{gap:var(--spacing-sm);text-align:left;flex-direction:column;align-items:flex-start;max-width:300px;margin:0 auto;display:flex}.feature-item{gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);align-items:center;display:flex}@media (max-width:768px){.profile{padding:var(--spacing-lg)}.profile-placeholder{padding:var(--spacing-xl)!important}}