.header{background-color:var(--color-primary);color:#fff;position:sticky;top:0;z-index:100}.header-inner{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);padding-bottom:var(--space-md)}.logo{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.025em}.logo:hover{color:#fff;opacity:.9}.logo-image{height:32px;width:auto}.logo-text{display:none}@media (min-width: 480px){.logo-text{display:inline}}.menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer}.menu-icon,.menu-icon:before,.menu-icon:after{display:block;width:24px;height:2px;background-color:#fff;transition:transform var(--transition-fast)}.menu-icon{position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0}.menu-icon:before{top:-7px}.menu-icon:after{top:7px}.nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--color-primary);padding:var(--space-md);flex-direction:column;gap:var(--space-sm)}.nav-open{display:flex}.nav a,.nav-btn{display:block;padding:var(--space-sm) var(--space-md);color:#fff;font-weight:500;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.nav a:hover,.nav a.active{background-color:#ffffff1a;color:#fff}.nav-btn{background:none;border:1px solid rgba(255,255,255,.3);cursor:pointer;font-size:1rem;text-align:left}.nav-btn:hover{background-color:#ffffff1a}.nav-btn-secondary{border-color:#ffffff80;opacity:.9}.user-info{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md)}.user-avatar{width:28px;height:28px;border-radius:50%}.user-name{font-weight:500}.mfa-badge{font-size:.65rem;padding:2px 6px;background:#22c55e33;color:#86efac;border-radius:var(--radius-sm);font-weight:600}.admin-badge{font-size:.65rem;padding:2px 6px;background:#9333ea4d;color:#c4b5fd;border-radius:var(--radius-sm);font-weight:600}.login-wrapper{position:relative}.login-dropdown{position:absolute;top:calc(100% + var(--space-xs));right:0;min-width:200px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:101}.login-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:none;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:.95rem;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.login-option:last-child{border-bottom:none}.login-option:hover{background-color:var(--color-surface)}.provider-icon{width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center}.provider-google{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%2334A853' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%23FBBC05' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E")}.provider-keycloak{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23008aaa' d='M12 2L2 7v10l10 5 10-5V7L12 2zm0 2.18l7.41 3.7L12 11.59 4.59 7.88 12 4.18zm-8 5.64l7 3.5v6.36l-7-3.5v-6.36zm16 0v6.36l-7 3.5v-6.36l7-3.5z'/%3E%3C/svg%3E")}.mfa-tag{font-size:.65rem;padding:2px 6px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600;margin-left:auto}@media (min-width: 768px){.menu-toggle{display:none}.nav{display:flex;position:static;flex-direction:row;padding:0;gap:var(--space-xs);align-items:center}.nav a,.nav-btn{padding:var(--space-sm) var(--space-md)}.user-info{padding:var(--space-xs) var(--space-sm)}}.footer{background-color:var(--color-primary);color:#fff;padding:var(--space-2xl) 0 var(--space-lg);margin-top:var(--space-3xl)}.footer-grid{display:grid;gap:var(--space-xl);margin-bottom:var(--space-xl)}@media (min-width: 640px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand h3{color:#fff;margin-bottom:var(--space-sm)}.footer-brand p{margin:0;opacity:.8}.footer-links h4{color:#fff;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.footer-links nav{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links a{color:#fffc;font-size:.9rem}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{margin:0;font-size:.875rem}.footer-bottom .text-muted{opacity:.6;margin-top:var(--space-xs)}.layout{display:flex;flex-direction:column;min-height:100vh}.main{flex:1}.hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;padding:var(--space-3xl) 0;text-align:center}.hero h1{color:#fff;margin-bottom:var(--space-md)}.hero-subtitle{font-size:1.125rem;opacity:.9;max-width:600px;margin:0 auto var(--space-xl)}.hero-actions{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}@media (min-width: 480px){.hero-actions{flex-direction:row;justify-content:center}}.hero .btn-outline{border-color:#ffffff80;color:#fff}.hero .btn-outline:hover{background-color:#fff;color:var(--color-primary)}.what-we-do{padding:var(--space-3xl) 0}.what-we-do h2{text-align:center;margin-bottom:var(--space-xl)}.what-we-do .card h3{color:var(--color-primary);margin-bottom:var(--space-sm)}.what-we-do .card p{color:var(--color-text-muted);margin:0;font-size:.95rem;line-height:1.6}.philosophy{background-color:var(--color-bg-alt);padding:var(--space-3xl) 0}.philosophy-content{max-width:700px}.philosophy h2{margin-bottom:var(--space-md)}.philosophy p{color:var(--color-text-muted);line-height:1.7}.approach{padding:var(--space-3xl) 0}.approach h2{text-align:center;margin-bottom:var(--space-xl)}.approach .card h3{color:var(--color-primary);margin-bottom:var(--space-sm)}.approach .card p{color:var(--color-text-muted);margin:0;line-height:1.6}.cta{background-color:var(--color-bg-alt);padding:var(--space-2xl) 0}.cta h2{margin-bottom:var(--space-sm)}.cta p{margin:0}.consulting-content{display:grid;gap:var(--space-2xl);padding:var(--space-xl) 0}@media (min-width: 768px){.consulting-content{grid-template-columns:2fr 1fr}}.consulting-main h2{margin-bottom:var(--space-md)}.consulting-main p{color:var(--color-text-muted);line-height:1.7}.service-cards{display:grid;gap:var(--space-lg);margin-top:var(--space-lg)}.service-card{background-color:var(--color-bg-alt);padding:var(--space-lg);border-radius:var(--radius-lg);border-left:3px solid var(--color-accent)}.service-card h4{margin-bottom:var(--space-sm);color:var(--color-primary)}.service-card p{margin:0;font-size:.9rem}.consulting-sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.consulting-sidebar .sidebar-section{background-color:var(--color-bg-alt);padding:var(--space-lg);border-radius:var(--radius-lg)}.consulting-sidebar .sidebar-section h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);color:var(--color-text-muted)}.consulting-sidebar .sidebar-section p{font-size:.9rem;margin-bottom:var(--space-md)}.consulting-sidebar .btn{width:100%}.portal-page .page-header{background-color:var(--color-bg-alt)}.portal-page .page-header-auth{background-color:var(--color-primary);color:#fff}.portal-page .page-header-auth h1{color:#fff}.portal-page .page-header-auth p{color:#fffc}.portal-loading{padding:var(--space-3xl);text-align:center;color:var(--color-text-muted)}.portal-login{max-width:500px;margin:var(--space-2xl) auto}.portal-login .card{text-align:center}.portal-login h2{margin-bottom:var(--space-md)}.portal-login p{color:var(--color-text-muted)}.privacy-note{font-size:.875rem;font-style:italic;margin-top:var(--space-lg)}.portal-content{display:grid;gap:var(--space-xl);padding:var(--space-xl) 0}@media (min-width: 768px){.portal-content{grid-template-columns:2fr 1fr}}.portal-main .card h2{margin-bottom:var(--space-md)}.portal-main ul{padding-left:var(--space-lg);color:var(--color-text-muted)}.portal-main li{margin-bottom:var(--space-sm)}.portal-sidebar .card h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.user-email{font-weight:500;color:var(--color-primary);margin:0}.portal-sidebar .btn{width:100%}.status-item{display:flex;align-items:center;gap:var(--space-sm);margin:0;padding:var(--space-sm) 0;font-size:.9rem;color:var(--color-text-muted)}.status-dot{width:8px;height:8px;border-radius:50%}.status-pending{background-color:#f6ad55}.status-active{background-color:var(--color-accent)}.status-admin{background-color:var(--color-primary)}.message-form{margin-top:var(--space-lg)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-weight:500;margin-bottom:var(--space-xs);color:var(--color-text)}.form-group input,.form-group textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:120px}.alert{padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.alert-success{background-color:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.alert-error{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.message-list{margin-top:var(--space-md)}.message-item{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.message-subject{font-weight:600;color:var(--color-text)}.message-body{color:var(--color-text-muted);font-size:.9rem;margin:0;white-space:pre-wrap}.message-from{font-weight:500;color:var(--color-text)}.message-unread{border-left:3px solid var(--color-primary);background-color:rgba(var(--color-primary-rgb, 37, 99, 235),.05)}.message-unread .message-subject{color:var(--color-primary)}.sidebar-avatar{width:48px;height:48px;border-radius:50%;margin-bottom:var(--space-sm)}.doc-list{list-style:none;padding:0;margin-top:var(--space-md)}.doc-list li{padding:var(--space-sm) var(--space-md);background-color:var(--color-bg-alt);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);color:var(--color-text)}.login-card{max-width:450px;margin:0 auto;text-align:center}.login-providers{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-xl) 0}.btn-provider{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);background:#fff;color:var(--color-text);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-provider:hover{background:var(--color-bg-alt);border-color:var(--color-primary)}.btn-google{border-color:#4285f4}.btn-google:hover{background:#4285f40d}.btn-keycloak{border-color:#4d4d4d}.provider-icon{width:20px;height:20px;background-size:contain;background-repeat:no-repeat}.provider-google{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%2334A853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23FBBC05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23EA4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E")}.mfa-tag{font-size:.7rem;padding:2px 6px;background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);margin-left:var(--space-sm)}@media (min-width: 768px){.portal-content{grid-template-columns:250px 1fr}}.portal-sidebar .card{text-align:center}.portal-sidebar .user-name{font-weight:600;margin:var(--space-sm) 0 0;color:var(--color-text)}.user-badges{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap;margin-top:var(--space-sm)}.badge{font-size:.7rem;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase;font-weight:600}.badge-admin{background:var(--color-primary);color:#fff}.badge-nda{background:var(--color-accent);color:#fff}.badge-mfa{background:#6366f1;color:#fff}.portal-nav{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-lg) 0}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast);text-align:left}.nav-item:hover{background:var(--color-bg-alt);color:var(--color-text)}.nav-item.active{background:var(--color-primary);color:#fff}.nav-item-admin{border-top:1px solid var(--color-border);margin-top:var(--space-sm);padding-top:var(--space-md)}.nav-count{font-size:.75rem;padding:2px 8px;background:var(--color-bg-alt);border-radius:10px}.nav-item.active .nav-count{background:#fff3}.nav-count.unread{background:#ef4444;color:#fff}.btn-logout{margin-top:var(--space-md)}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-top:var(--space-md)}.stat-item{text-align:center;padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--radius-sm)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text);display:block}.stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.text-success{color:#16a34a!important}.text-warning{color:#f59e0b!important}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.action-btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;color:var(--color-text);text-decoration:none;transition:all var(--transition-fast)}.action-btn:hover,.action-btn-admin{border-color:var(--color-primary);color:var(--color-primary)}.platform-list-mini{margin-top:var(--space-md)}.platform-item-mini{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.platform-item-mini:last-child{border-bottom:none}.platform-name{font-weight:500}.access-badge{font-size:.7rem;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase}.access-viewer{background:#e5e7eb;color:#6b7280}.access-user{background:#dbeafe;color:#2563eb}.access-editor{background:#d1fae5;color:#059669}.access-admin{background:#fce7f3;color:#db2777}.link-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.9rem;padding:var(--space-sm) 0}.platform-grid{display:grid;gap:var(--space-md);margin-top:var(--space-md)}@media (min-width: 600px){.platform-grid{grid-template-columns:repeat(2,1fr)}}.platform-card{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md)}.platform-card .platform-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.platform-card h4{margin:0;color:var(--color-text)}.platform-tagline{font-size:.9rem;color:var(--color-text-muted);margin:0 0 var(--space-md)}.platform-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.volunteer-badge{font-size:.75rem;padding:2px 8px;background:#fef3c7;color:#b45309;border-radius:var(--radius-sm)}.btn-sm{font-size:.8rem;padding:var(--space-xs) var(--space-sm)}.reply-badge{display:inline-block;font-size:.7rem;padding:2px 6px;background:var(--color-bg-alt);color:var(--color-text-muted);border-radius:var(--radius-sm);margin-top:var(--space-sm)}.alerts-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;margin-bottom:var(--space-lg)}.alerts-card h3{color:#92400e;margin-bottom:var(--space-md)}.alerts-list{display:flex;flex-direction:column;gap:var(--space-sm)}.alert-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all var(--transition-fast);width:100%}.alert-item:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.alert-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.alert-warning .alert-icon{background:#f59e0b;color:#fff}.alert-info .alert-icon{background:#3b82f6;color:#fff}.alert-error .alert-icon{background:#ef4444;color:#fff}.alert-text{flex:1;color:var(--color-text);font-size:.95rem}.alert-arrow{color:var(--color-text-muted);font-size:1.2rem}.notification-prompt{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-prompt-content{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.notification-icon{font-size:1.5rem;flex-shrink:0}.notification-text{flex:1;min-width:200px}.notification-text strong{display:block;color:#1e40af;margin-bottom:2px}.notification-text p{margin:0;font-size:.9rem;color:#3b82f6}.notification-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--color-text-muted)}.btn-ghost:hover{background:#0000000d;color:var(--color-text)}@media (max-width: 500px){.notification-prompt-content{flex-direction:column;text-align:center}.notification-actions{width:100%;justify-content:center}}.admin-page .page-header-admin{background-color:var(--color-primary);color:#fff}.admin-page .page-header-admin h1{color:#fff}.admin-page .page-header-admin p{color:#fffc}.admin-loading{padding:var(--space-3xl);text-align:center;color:var(--color-text-muted)}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.alert-error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.alert-success{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.admin-tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--color-border);margin-top:var(--space-xl);overflow-x:auto}.admin-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:500;color:var(--color-text-muted);white-space:nowrap;transition:all var(--transition-fast)}.admin-tab:hover{color:var(--color-text)}.admin-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-icon{font-size:1.1rem}.tab-badge{background:var(--color-primary);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;margin-left:var(--space-xs)}.admin-content{padding:var(--space-xl) 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.section-header h2{margin:0}.section-controls{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.search-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:200px}.filter-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.stat-card{background:#fff;padding:var(--space-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card.stat-clickable{cursor:pointer}.stat-card.stat-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card.stat-warning .stat-value{color:#c27803}.stat-value{font-size:2.5rem;font-weight:700;color:var(--color-primary)}.stat-label{color:var(--color-text-muted);margin-top:var(--space-sm)}.quick-actions{margin-top:var(--space-2xl)}.quick-actions h3{margin-bottom:var(--space-lg)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md)}.quick-action-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.quick-action-btn:hover{border-color:var(--color-primary);background:var(--color-bg-alt)}.action-icon{font-size:1.25rem}.table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-table th,.admin-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.admin-table th{background:var(--color-bg-alt);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.admin-table tbody tr:hover{background:var(--color-bg-alt)}.admin-table tbody tr.row-selected{background:#3b82f61a}.user-cell{display:flex;align-items:center;gap:var(--space-sm)}.user-avatar-sm{width:32px;height:32px;border-radius:50%}.status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-pending{background:#f6ad5533;color:#c27803}.status-active{background:#22c55e33;color:#16a34a}.status-suspended{background:#ef444433;color:#dc2626}.status-development{background:#9333ea33;color:#7c3aed}.status-beta{background:#3b82f633;color:#2563eb}.status-deprecated{background:#6b728033;color:#6b7280}.nda-signed{color:#16a34a;font-weight:500}.role-badges,.platform-badges{display:flex;flex-wrap:wrap;gap:4px}.role-badge{background:var(--color-primary);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:var(--radius-sm)}.platform-badge{background:var(--color-bg-alt);color:var(--color-text);font-size:.7rem;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.platform-badge.volunteer{background:#9333ea1a;border-color:#7c3aed;color:#7c3aed}.access-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.access-viewer{background:#6b728033;color:#6b7280}.access-user{background:#3b82f633;color:#2563eb}.access-editor{background:#f6ad5533;color:#c27803}.access-admin{background:#ef444433;color:#dc2626}.action-buttons{display:flex;gap:var(--space-xs);flex-wrap:wrap}.btn-xs{padding:4px 8px;font-size:.75rem}.btn-icon{padding:4px 6px}.btn-success{background:#16a34a;color:#fff;border:none}.btn-success:hover{background:#15803d}.btn-warning{background:#c27803;color:#fff;border:none}.btn-warning:hover{background:#a16207}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover{background:#b91c1c}.text-muted{color:var(--color-text-muted);font-size:.85rem}.access-panel{margin-top:var(--space-lg);padding:var(--space-lg);background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.panel-header h4{margin:0}.current-access{margin-bottom:var(--space-xl)}.current-access h5,.grant-access h5{margin-bottom:var(--space-md);color:var(--color-text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.access-table{width:100%;border-collapse:collapse}.access-table th,.access-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.access-table th{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.volunteer-select{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem}.grant-form{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}.grant-form select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff}.checkbox-label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal.modal-lg{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted);padding:0;line-height:1}.modal-close:hover{color:var(--color-text)}.modal-tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg-alt)}.modal-tab{flex:1;padding:var(--space-md);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:500;color:var(--color-text-muted);transition:all var(--transition-fast)}.modal-tab:hover{color:var(--color-text)}.modal-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#fff}.modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--color-border)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-xs);font-weight:500;font-size:.9rem}.form-group small{display:block;margin-top:var(--space-xs);font-size:.8rem;color:var(--color-text-muted)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-input.disabled{background:var(--color-bg-alt);color:var(--color-text-muted)}.form-textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.checkbox-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.checkbox-item{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.checkbox-item:hover{background:var(--color-bg-alt)}.checkbox-item input[type=checkbox]{margin-top:2px}.checkbox-content{display:flex;flex-direction:column;gap:2px}.checkbox-content code{font-size:.85rem;color:var(--color-primary)}.checkbox-content span{font-size:.8rem;color:var(--color-text-muted)}.system-tag{font-size:.65rem;padding:1px 4px;background:var(--color-primary);color:#fff;border-radius:2px;margin-left:var(--space-xs)}.checkbox-label-lg{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.checkbox-label-lg input{width:18px;height:18px}.checkbox-label-lg span{font-weight:500}.permissions-checkboxes{display:flex;flex-direction:column;gap:var(--space-xs);max-height:200px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm)}.platform-perms-group{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--radius-sm)}.platform-perms-group h5{margin:0 0 var(--space-sm);text-transform:capitalize}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.role-card{background:#fff;padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.role-card.system-role{border-left:3px solid var(--color-primary)}.role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.role-header h3{margin:0}.role-actions{display:flex;gap:var(--space-xs);align-items:center}.system-badge{font-size:.7rem;padding:2px 6px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm)}.role-desc{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--space-md)}.role-permissions ul,.role-platform-permissions ul{list-style:none;padding:0;margin:var(--space-sm) 0 0}.role-permissions li,.role-platform-permissions li{font-size:.85rem;padding:2px 0;color:var(--color-text-muted)}.role-permissions li.more{font-style:italic;color:var(--color-primary)}.role-platform-permissions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.permissions-reference{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.permissions-reference h4{margin-top:var(--space-xl)}.platform-perms-section{margin-top:var(--space-md)}.platform-perms-section h5{text-transform:capitalize;margin-bottom:var(--space-sm)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.permission-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm);background:var(--color-bg-alt);border-radius:var(--radius-sm)}.permission-item code{font-size:.85rem;color:var(--color-primary)}.permission-item span{font-size:.8rem;color:var(--color-text-muted)}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.platform-card{background:#fff;padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.platform-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm);gap:var(--space-sm)}.platform-header h3{margin:0}.platform-actions{display:flex;gap:var(--space-xs);align-items:center;flex-wrap:wrap}.platform-tagline{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--space-md)}.platform-details{font-size:.85rem;margin-bottom:var(--space-md)}.detail-row{display:flex;gap:var(--space-sm);padding:var(--space-xs) 0}.detail-label{color:var(--color-text-muted);min-width:100px}.category-badge{background:var(--color-bg-alt);padding:2px 6px;border-radius:var(--radius-sm);text-transform:capitalize}.enabled{color:#16a34a}.disabled{color:var(--color-text-muted)}.platform-link{display:inline-block;margin-top:var(--space-sm);color:var(--color-primary);text-decoration:none;font-weight:500}.platform-link:hover{text-decoration:underline}.messages-layout{display:grid;grid-template-columns:350px 1fr;gap:var(--space-lg);min-height:400px}@media (max-width: 900px){.messages-layout{grid-template-columns:1fr}}.messages-list{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.message-item{padding:var(--space-md);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast)}.message-item:hover{background:var(--color-bg-alt)}.message-item.unread{background:#3b82f60d;border-left:3px solid var(--color-primary)}.message-item.selected{background:#3b82f61a}.message-item .message-header{display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.message-from{font-weight:500}.message-date{font-size:.8rem;color:var(--color-text-muted)}.message-item .message-subject{font-weight:600;margin-bottom:var(--space-xs)}.message-preview{font-size:.85rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-messages{padding:var(--space-xl);text-align:center;color:var(--color-text-muted)}.message-detail{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.message-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.message-detail-header h3{margin:0 0 var(--space-sm)}.message-detail .message-meta{margin:0;font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.message-body-full{white-space:pre-wrap;line-height:1.6;margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.message-reply h4{margin:0 0 var(--space-md)}.message-reply .form-textarea{margin-bottom:var(--space-md)}.admin-message{background:#fff;padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.admin-message.unread{border-left:3px solid var(--color-primary)}.message-meta{display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.message-meta .from{font-weight:500}.message-meta .date{font-size:.85rem;color:var(--color-text-muted)}.messages-section .message-subject{font-weight:600;margin-bottom:var(--space-sm)}.messages-section .message-body{color:var(--color-text-muted);white-space:pre-wrap;margin-bottom:var(--space-md)}.onboarding-page{min-height:100vh;padding-bottom:var(--space-2xl)}.onboarding-loading{text-align:center;padding:var(--space-2xl);color:var(--text-muted)}.onboarding-progress{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-lg) 0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.step-number{width:36px;height:36px;border-radius:50%;background:var(--surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-muted);transition:all .3s ease}.progress-step.active .step-number{background:var(--primary);border-color:var(--primary);color:#fff}.progress-step.completed .step-number{background:var(--success);border-color:var(--success);color:#fff}.progress-step.completed .step-number:after{content:"✓"}.step-label{font-size:.85rem;color:var(--text-muted)}.progress-step.active .step-label{color:var(--text);font-weight:500}.progress-line{width:60px;height:2px;background:var(--border);margin-bottom:24px}.onboarding-card{max-width:600px;margin:0 auto}.onboarding-card h2{margin-bottom:var(--space-sm)}.onboarding-card>p{margin-bottom:var(--space-lg)}.nda-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-lg);margin-bottom:var(--space-lg)}.nda-content h4{margin-bottom:var(--space-md);color:var(--text)}.nda-content ul{margin:0 0 var(--space-md);padding-left:var(--space-lg)}.nda-content li{margin-bottom:var(--space-sm);color:var(--text-muted)}.checkbox-group{margin:var(--space-lg) 0}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer}.checkbox-label span{flex:1}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.value-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;text-align:center}.value-card:hover{border-color:var(--primary);transform:translateY(-2px)}.value-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}.value-icon{font-size:1.5rem}.value-name{font-weight:500;font-size:.9rem}.value-sdg{font-size:.75rem;color:var(--text-muted)}.value-check{position:absolute;top:8px;right:8px;width:20px;height:20px;background:var(--primary);color:#fff;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center}.selection-count{text-align:center;color:var(--text-muted);margin-bottom:var(--space-lg)}.volunteer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.volunteer-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-lg);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;text-align:left}.volunteer-card:hover{border-color:var(--primary)}.volunteer-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}.volunteer-card .platform-name{font-weight:600;font-size:1rem}.volunteer-card .platform-tagline{font-size:.85rem;color:var(--text-muted)}.volunteer-card .platform-sdgs{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-xs)}.volunteer-check{position:absolute;top:12px;right:12px;width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;font-size:.8rem;display:flex;align-items:center;justify-content:center}.complete-icon{width:80px;height:80px;margin:0 auto var(--space-lg);background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}.btn-block{width:100%}@media (max-width: 600px){.onboarding-progress{flex-wrap:wrap;gap:var(--space-xs)}.progress-line{width:30px}.values-grid,.volunteer-grid{grid-template-columns:1fr 1fr}.value-card{padding:var(--space-md) var(--space-sm)}.value-icon{font-size:1.2rem}.value-name{font-size:.8rem}}:root{--color-primary: #1A2B4A;--color-primary-light: #2BA4DC;--color-primary-rgb: 26, 43, 74;--color-accent: #F7931E;--color-accent-light: #F7B427;--color-bg: #fafafa;--color-bg-alt: #f0f7ff;--color-surface: #ffffff;--color-text: #1A2B4A;--color-text-muted: #5a6a7a;--color-border: #d4e5f7;--color-safety: #6366f1;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-mono: "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--color-primary)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}@media (min-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}p{margin-bottom:var(--space-md)}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}@media (min-width: 768px){.container{padding:0 var(--space-xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-size:1rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-light);color:#fff}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.grid{display:grid;gap:var(--space-lg)}.grid-2,.grid-3{grid-template-columns:1fr}@media (min-width: 640px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.badge{display:inline-block;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.badge-safety{background-color:#eef2ff;color:var(--color-safety)}.badge-community{background-color:#fff7ed;color:#c2410c}.badge-enterprise{background-color:#e0f2fe;color:#0369a1}