.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%}.products-page{min-height:100vh}.products-section{padding:var(--spacing-3xl) 0}.section-alt{background:var(--color-bg-secondary, #f8f9fa)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-2xl)}.section-header h2{margin-bottom:var(--spacing-md)}.section-header p{color:var(--color-text-muted, #6c757d);font-size:1.1rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);max-width:1100px;margin:0 auto}.product-card{background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--spacing-xl);position:relative;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.product-popular{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 1px var(--color-primary, #2563eb)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary, #2563eb);color:#fff;padding:4px 16px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-card h3{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.product-price{font-size:2rem;font-weight:700;color:var(--color-primary, #2563eb);margin-bottom:var(--spacing-md)}.product-description{color:var(--color-text-muted, #6c757d);margin-bottom:var(--spacing-lg)}.product-features{list-style:none;padding:0;margin:0 0 var(--spacing-xl);flex:1}.product-features li{padding:var(--spacing-sm) 0;padding-left:24px;position:relative;border-bottom:1px solid var(--color-border-light, #f0f0f0)}.product-features li:last-child{border-bottom:none}.product-features li:before{content:"✓";position:absolute;left:0;color:var(--color-success, #10b981);font-weight:700}.product-card .btn{width:100%;text-align:center}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.service-card{background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--spacing-xl)}.service-card h3{margin-bottom:var(--spacing-md);color:var(--color-primary, #2563eb)}.service-description{color:var(--color-text-muted, #6c757d);margin-bottom:var(--spacing-lg);line-height:1.6}.service-meta{margin-bottom:var(--spacing-md)}.service-duration{display:inline-block;background:var(--color-bg-tertiary, #f3f4f6);padding:4px 12px;border-radius:4px;font-size:.875rem;color:var(--color-text-secondary, #4b5563)}.service-deliverables{font-size:.9rem}.service-deliverables strong{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-primary, #1f2937)}.service-deliverables ul{margin:0;padding-left:20px;color:var(--color-text-muted, #6c757d)}.service-deliverables li{padding:2px 0}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);max-width:900px;margin:0 auto}.integration-category h4{margin-bottom:var(--spacing-md);color:var(--color-text-secondary, #4b5563);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.integration-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.integration-list span{background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #e5e7eb);padding:8px 16px;border-radius:6px;font-size:.875rem}.products-cta{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--color-primary, #2563eb),#1d4ed8);color:#fff}.products-cta h2{color:#fff;margin-bottom:var(--spacing-md)}.products-cta p{opacity:.9;margin-bottom:var(--spacing-xl)}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.products-cta .btn-outline{border-color:#ffffff80;color:#fff}.products-cta .btn-outline:hover{background:#ffffff1a;border-color:#fff}@media (max-width: 768px){.product-grid{grid-template-columns:1fr}.product-price{font-size:1.75rem}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:280px}}.pricing-page{min-height:100vh}.billing-toggle{display:flex;justify-content:center;gap:0;margin-bottom:var(--spacing-2xl);background:var(--color-bg-secondary, #f8f9fa);padding:4px;border-radius:8px;width:fit-content;margin-left:auto;margin-right:auto}.toggle-btn{padding:12px 24px;border:none;background:transparent;cursor:pointer;font-size:1rem;font-weight:500;color:var(--color-text-muted, #6c757d);border-radius:6px;transition:all .2s;display:flex;align-items:center;gap:var(--spacing-sm)}.toggle-btn.active{background:var(--color-bg-primary, #fff);color:var(--color-text-primary, #1f2937);box-shadow:0 1px 3px #0000001a}.savings-badge{background:var(--color-success, #10b981);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:600}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);max-width:1100px;margin:0 auto var(--spacing-3xl)}.pricing-card{background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--spacing-xl);position:relative;display:flex;flex-direction:column}.pricing-popular{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 1px var(--color-primary, #2563eb),0 8px 30px #2563eb26;transform:scale(1.02)}.pricing-card .popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary, #2563eb);color:#fff;padding:4px 16px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pricing-header{text-align:center;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-light, #f0f0f0);margin-bottom:var(--spacing-lg)}.pricing-header h3{font-size:1.5rem;margin-bottom:var(--spacing-md)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-amount{font-size:2.5rem;font-weight:700;color:var(--color-text-primary, #1f2937)}.price-period{color:var(--color-text-muted, #6c757d);font-size:1rem}.yearly-savings{color:var(--color-success, #10b981);font-size:.875rem;font-weight:500;margin-top:var(--spacing-sm)}.pricing-description{color:var(--color-text-muted, #6c757d);margin-top:var(--spacing-md);font-size:.95rem}.pricing-features{list-style:none;padding:0;margin:0 0 var(--spacing-xl);flex:1}.pricing-features li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:10px 0;font-size:.925rem}.pricing-features li.not-included{color:var(--color-text-muted, #9ca3af)}.feature-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.pricing-features li.included .feature-icon{color:var(--color-success, #10b981)}.pricing-features li.not-included .feature-icon{color:var(--color-text-muted, #d1d5db)}.pricing-faq{max-width:900px;margin:0 auto;padding-top:var(--spacing-2xl)}.pricing-faq h2{text-align:center;margin-bottom:var(--spacing-xl)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.faq-item{padding:var(--spacing-lg);background:var(--color-bg-secondary, #f8f9fa);border-radius:var(--radius-md, 8px)}.faq-item h4{margin-bottom:var(--spacing-sm);color:var(--color-text-primary, #1f2937);font-size:1rem}.faq-item p{color:var(--color-text-muted, #6c757d);font-size:.925rem;line-height:1.6;margin:0}.pricing-cta{margin-top:var(--spacing-3xl);padding:var(--spacing-3xl) 0;background:var(--color-bg-secondary, #f8f9fa)}.pricing-cta h2{margin-bottom:var(--spacing-sm)}.pricing-cta p{color:var(--color-text-muted, #6c757d);margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}.pricing-popular{transform:none}.price-amount{font-size:2rem}.billing-toggle{flex-direction:column;width:100%;max-width:300px}.toggle-btn{width:100%;justify-content:center}}.demo-page{min-height:100vh}.demo-content{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-2xl);max-width:1000px;margin:0 auto}.demo-form-container{background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--spacing-xl)}.demo-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #1f2937)}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 6px);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:100px}.form-disclaimer{font-size:.8rem;color:var(--color-text-muted, #9ca3af);text-align:center;margin-top:var(--spacing-sm)}.btn-full{width:100%}.demo-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.demo-sidebar .sidebar-section{background:var(--color-bg-secondary, #f8f9fa);padding:var(--spacing-lg);border-radius:var(--radius-md, 8px)}.demo-sidebar .sidebar-section h4{margin-bottom:var(--spacing-md);color:var(--color-text-primary, #1f2937);font-size:1rem}.expect-list{list-style:none;padding:0;margin:0}.expect-list li{padding:var(--spacing-sm) 0;padding-left:24px;position:relative;color:var(--color-text-secondary, #4b5563);font-size:.925rem}.expect-list li:before{content:"✓";position:absolute;left:0;color:var(--color-success, #10b981)}.demo-success{max-width:600px;margin:0 auto;text-align:center;padding:var(--spacing-2xl)}.success-icon{width:80px;height:80px;background:var(--color-success, #10b981);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto var(--spacing-xl)}.demo-success h2{margin-bottom:var(--spacing-md)}.demo-success p{color:var(--color-text-muted, #6c757d);font-size:1.1rem;margin-bottom:var(--spacing-xl)}.next-steps{background:var(--color-bg-secondary, #f8f9fa);padding:var(--spacing-xl);border-radius:var(--radius-lg, 12px);text-align:left}.next-steps h4{margin-bottom:var(--spacing-md)}.next-steps ol{margin:0;padding-left:20px;color:var(--color-text-secondary, #4b5563)}.next-steps li{padding:var(--spacing-xs) 0}.alert{padding:var(--spacing-md);border-radius:var(--radius-md, 6px);font-size:.925rem}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}@media (max-width: 900px){.demo-content{grid-template-columns:1fr}.demo-sidebar{order:-1;flex-direction:row;flex-wrap:wrap}.demo-sidebar .sidebar-section{flex:1;min-width:200px}}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.demo-sidebar{flex-direction:column}.demo-sidebar .sidebar-section{min-width:auto}}.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}}.client-dashboard{min-height:100vh;background:var(--color-bg-secondary, #f8f9fa)}.client-dashboard .page-header{background:var(--color-bg-primary, #fff);border-bottom:1px solid var(--color-border, #e5e7eb)}.header-actions{display:flex;gap:var(--spacing-md)}.dashboard-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--spacing-xl);padding:var(--spacing-xl) 0}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard-nav .nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border:none;background:transparent;cursor:pointer;font-size:.95rem;color:var(--color-text-secondary, #4b5563);text-align:left;transition:background .2s,color .2s;border-bottom:1px solid var(--color-border-light, #f0f0f0)}.nav-badge{background:var(--color-primary, #2563eb);color:#fff;font-size:.75rem;padding:2px 8px;border-radius:10px}.account-manager-card{background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--spacing-lg)}.account-manager-card h4{font-size:.875rem;color:var(--color-text-muted, #6c757d);margin-bottom:var(--spacing-sm)}.am-name{font-weight:600;margin-bottom:var(--spacing-xs)}.am-email{font-size:.875rem;color:var(--color-primary, #2563eb)}.stats-grid-3{grid-template-columns:repeat(3,1fr)}.stat-card{background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--spacing-lg);text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--color-text-primary, #1f2937);margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--color-text-muted, #6c757d)}.card h3{margin-bottom:var(--spacing-lg)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.card-header h3{margin-bottom:0}.overview-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.health-score{text-align:center}.health-indicator{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.health-good{color:var(--color-success, #10b981)}.health-warning{color:var(--color-warning, #f59e0b)}.health-critical{color:var(--color-error, #ef4444)}.health-unknown{color:var(--color-text-muted, #6c757d)}.renewal-info{text-align:center}.renewal-date{font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #1f2937)}.activity-list{list-style:none;padding:0;margin:0}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border-light, #f0f0f0)}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;background:var(--color-bg-tertiary, #e5e7eb);color:var(--color-text-secondary, #4b5563)}.activity-content{flex:1}.activity-subject{margin:0 0 var(--spacing-xs);font-size:.95rem}.activity-date{font-size:.8rem;color:var(--color-text-muted, #9ca3af)}.subscriptions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.subscription-card{background:var(--color-bg-secondary, #f8f9fa);border-radius:var(--radius-md, 8px);padding:var(--spacing-lg)}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.subscription-header h4{margin:0}.status-badge{font-size:.75rem;padding:4px 10px;border-radius:12px;font-weight:500}.status-active{background:#dcfce7;color:#15803d}.status-trial{background:#fef3c7;color:#b45309}.status-cancelled{background:#fee2e2;color:#dc2626}.subscription-type{color:var(--color-text-muted, #6c757d);font-size:.875rem;margin-bottom:var(--spacing-sm)}.subscription-dates{display:flex;gap:var(--spacing-lg);font-size:.85rem;color:var(--color-text-secondary, #4b5563)}.trial-notice{margin-top:var(--spacing-sm);font-size:.85rem;color:var(--color-warning, #f59e0b)}.compliance-score-large{text-align:center;margin-bottom:var(--spacing-xl)}.score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary, #2563eb),#1d4ed8);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.score-value{font-size:2rem;font-weight:700;color:#fff}.frameworks-list h4{margin-bottom:var(--spacing-md);font-size:.95rem}.framework-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.framework-name{width:100px;font-size:.9rem}.framework-progress{flex:1;height:8px;background:var(--color-bg-tertiary, #e5e7eb);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:var(--color-primary, #2563eb);border-radius:4px}.framework-score{width:50px;text-align:right;font-size:.9rem;font-weight:500}.vuln-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.vuln-item{text-align:center;padding:var(--spacing-lg);border-radius:var(--radius-md, 8px)}.vuln-critical{background:#fee2e2}.vuln-high{background:#ffedd5}.vuln-medium{background:#fef3c7}.vuln-low{background:#dcfce7}.vuln-count{display:block;font-size:2rem;font-weight:700}.vuln-critical .vuln-count{color:#dc2626}.vuln-high .vuln-count{color:#ea580c}.vuln-medium .vuln-count{color:#ca8a04}.vuln-low .vuln-count{color:#16a34a}.vuln-label{font-size:.875rem;color:var(--color-text-secondary, #4b5563)}.support-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.no-account-message{text-align:center;max-width:500px;margin:0 auto;padding:var(--spacing-3xl)}.no-account-message h2{margin-bottom:var(--spacing-md)}.no-account-message p{color:var(--color-text-muted, #6c757d);margin-bottom:var(--spacing-xl)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-cards{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{order:1}.dashboard-nav{display:flex;overflow-x:auto;border-radius:var(--radius-md, 8px)}.dashboard-nav .nav-item{white-space:nowrap;border-bottom:none;border-right:1px solid var(--color-border-light, #f0f0f0)}.vuln-grid{grid-template-columns:repeat(2,1fr)}}.manager-dashboard{min-height:100vh;background:var(--color-bg-secondary, #f8f9fa)}.manager-dashboard .page-header{background:var(--color-bg-primary, #fff);border-bottom:1px solid var(--color-border, #e5e7eb)}.header-content{display:flex;justify-content:space-between;align-items:center}.dashboard-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--spacing-xl);padding:var(--spacing-xl) 0}.dashboard-sidebar{position:sticky;top:var(--spacing-xl);height:fit-content}.dashboard-nav{background:var(--color-bg-primary, #fff);border-radius:var(--radius-lg, 12px);overflow:hidden;border:1px solid var(--color-border, #e5e7eb)}.dashboard-nav .nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:none;background:transparent;cursor:pointer;font-size:.9rem;color:var(--color-text-secondary, #4b5563);text-align:left;transition:all .2s;border-bottom:1px solid var(--color-border-light, #f0f0f0)}.dashboard-nav .nav-item:last-child{border-bottom:none}.dashboard-nav .nav-item:hover{background:var(--color-bg-secondary, #f8f9fa)}.dashboard-nav .nav-item.active{background:var(--color-primary-light, #eff6ff);color:var(--color-primary, #2563eb);font-weight:500}.nav-count{font-size:.8rem;color:var(--color-text-muted, #9ca3af)}.nav-badge{background:var(--color-primary, #2563eb);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:500}.nav-badge.warning{background:var(--color-warning, #f59e0b)}.dashboard-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.stat-card{background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--spacing-lg)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary, #1f2937)}.stat-label{font-size:.85rem;color:var(--color-text-muted, #6c757d);margin-top:var(--spacing-xs)}.stat-detail{font-size:.8rem;color:var(--color-text-muted, #9ca3af);margin-top:var(--spacing-xs)}.stat-alert{font-size:.8rem;color:var(--color-warning, #f59e0b);margin-top:var(--spacing-xs);font-weight:500}.card{background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--spacing-xl)}.card-warning{border-color:var(--color-warning, #f59e0b)}.card h3{margin:0 0 var(--spacing-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.card-header h3{margin:0}.overview-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.alert-banner{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md, 6px);margin-bottom:var(--spacing-md);font-size:.9rem}.alert-warning{background:#fef3c7;color:#b45309}.task-summary{display:flex;gap:var(--spacing-xl)}.task-stat{display:flex;flex-direction:column;align-items:center}.task-count{font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #1f2937)}.task-label{font-size:.8rem;color:var(--color-text-muted, #6c757d)}.renewal-list{list-style:none;padding:0;margin:0}.renewal-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-light, #f0f0f0)}.renewal-item:last-child{border-bottom:none}.renewal-name{font-weight:500}.renewal-date{color:var(--color-text-muted, #6c757d);font-size:.9rem}.pipeline-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md)}.stage-card{background:var(--color-bg-secondary, #f8f9fa);border-radius:var(--radius-md, 8px);padding:var(--spacing-md);text-align:center}.stage-name{font-size:.8rem;color:var(--color-text-muted, #6c757d);margin-bottom:var(--spacing-xs)}.stage-value{font-size:1.1rem;font-weight:600;color:var(--color-text-primary, #1f2937)}.stage-count{font-size:.75rem;color:var(--color-text-muted, #9ca3af)}.pipeline-total{font-size:1.1rem;font-weight:600;color:var(--color-primary, #2563eb)}.kanban-board{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md);overflow-x:auto}.kanban-column{background:var(--color-bg-secondary, #f8f9fa);border-radius:var(--radius-md, 8px);min-width:180px}.column-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light, #e5e7eb)}.column-title{font-weight:600;font-size:.9rem;display:block}.column-value{font-size:.8rem;color:var(--color-text-muted, #6c757d)}.column-cards{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:100px}.opp-card{background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 6px);padding:var(--spacing-sm)}.opp-name{font-weight:500;font-size:.85rem;margin-bottom:var(--spacing-xs)}.opp-account{font-size:.75rem;color:var(--color-text-muted, #6c757d)}.opp-value{font-weight:600;font-size:.9rem;color:var(--color-primary, #2563eb);margin-top:var(--spacing-xs)}.opp-probability{font-size:.7rem;color:var(--color-text-muted, #9ca3af)}.empty-column{text-align:center;padding:var(--spacing-lg);color:var(--color-text-muted, #9ca3af);font-size:.85rem}.accounts-table{overflow-x:auto}.accounts-table table{width:100%;border-collapse:collapse}.accounts-table th,.accounts-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-light, #f0f0f0)}.accounts-table th{font-weight:500;color:var(--color-text-muted, #6c757d);font-size:.85rem}.account-name{font-weight:500}.account-domain{font-size:.8rem;color:var(--color-text-muted, #6c757d)}.tier-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.tier-starter{background:#f3f4f6;color:#4b5563}.tier-professional{background:#dbeafe;color:#1d4ed8}.tier-enterprise{background:#fef3c7;color:#b45309}.health-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.health-good{background:#dcfce7;color:#15803d}.health-warning{background:#fef3c7;color:#b45309}.health-critical{background:#fee2e2;color:#dc2626}.health-unknown{background:#f3f4f6;color:#6b7280}.status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-new{background:#dbeafe;color:#1d4ed8}.status-contacted{background:#fef3c7;color:#b45309}.status-qualified{background:#dcfce7;color:#15803d}.status-open{background:#fee2e2;color:#dc2626}.status-in_progress{background:#fef3c7;color:#b45309}.leads-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.lead-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-secondary, #f8f9fa);border-radius:var(--radius-md, 8px)}.lead-name{font-weight:500}.lead-company{font-size:.9rem;color:var(--color-text-secondary, #4b5563)}.lead-email{font-size:.85rem;color:var(--color-text-muted, #6c757d)}.lead-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.lead-source{font-size:.75rem;color:var(--color-text-muted, #9ca3af)}.task-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-secondary, #f8f9fa);border-radius:var(--radius-md, 8px)}.task-overdue{border-left:3px solid var(--color-warning, #f59e0b)}.task-subject{font-weight:500}.task-due{font-size:.85rem;color:var(--color-text-muted, #6c757d)}.task-account{font-size:.85rem;color:var(--color-text-secondary, #4b5563)}.tickets-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ticket-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary, #f8f9fa);border-radius:var(--radius-md, 8px)}.ticket-priority{flex-shrink:0}.priority-dot{width:10px;height:10px;border-radius:50%;display:block}.priority-critical{background:#dc2626}.priority-high{background:#ea580c}.priority-medium{background:#ca8a04}.priority-low{background:#16a34a}.ticket-content{flex:1}.ticket-subject{font-weight:500}.ticket-account{font-size:.85rem;color:var(--color-text-muted, #6c757d)}.ticket-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.ticket-date{font-size:.75rem;color:var(--color-text-muted, #9ca3af)}.loading-state,.error-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-muted, #6c757d)}.access-denied{text-align:center;max-width:400px;margin:0 auto;padding:var(--spacing-3xl)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.pipeline-stages,.kanban-board{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static}.dashboard-nav{display:flex;overflow-x:auto}.dashboard-nav .nav-item{white-space:nowrap;border-bottom:none;border-right:1px solid var(--color-border-light, #f0f0f0)}.overview-row{grid-template-columns:1fr}.pipeline-stages,.kanban-board{grid-template-columns:repeat(2,1fr)}}.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}