@font-face{font-family:Muli;src:url(https://irp.cdn-website.com/fonts/s/muli/v34/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--color-background: #f8f8f6;--color-text: #000000;--color-borders: #ffffff;--color-headers: #0579b5;--color-hero-primary: #4e657b;--color-hero-secondary: #4eade3;--color-hero-accent: #6ed7f8;--color-surface: #ffffff;--color-surface-muted: #f5f5f5;--color-text-muted: #666666;--color-text-subtle: #999999;--color-border-light: #e6e6e6;--color-border-muted: #dddddd;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-danger: #ef4444;--font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--header-height: 80px;--container-max-width: 1200px;--container-padding: 1rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;font-family:var(--font-family);line-height:1.5;font-weight:var(--font-weight-normal);color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;line-height:1.6;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:var(--font-weight-semibold);color:var(--color-text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);line-height:1.6}a{color:var(--color-headers);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-hero-secondary);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-headers);outline-offset:2px;border-radius:var(--radius-sm)}button{border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--color-headers);outline-offset:2px}.btn-primary{background-color:var(--color-headers);color:#fff}.btn-primary:hover:not(:disabled){background-color:#0052a3;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-light)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-muted);border-color:var(--color-border-muted)}.btn-danger{background-color:var(--color-danger);color:#fff;border:1px solid var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:#c53030;border-color:#c53030;transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--color-text)}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-muted)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.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}.text-muted{color:var(--color-text-muted)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.page-header h1{margin-bottom:var(--spacing-xs)}.page-header-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.page-header-actions{justify-content:flex-start}}.header{background-color:var(--color-headers);position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm);padding-top:env(safe-area-inset-top)}.header-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding-left:max(var(--container-padding),env(safe-area-inset-left));padding-right:max(var(--container-padding),env(safe-area-inset-right))}.header-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.header-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;padding:var(--spacing-xs);border-radius:var(--radius-md);transition:var(--transition-fast)}.header-logo:hover{background:#ffffff1a}.header-logo.disabled{opacity:.5;cursor:not-allowed}.header-logo.disabled:hover{background:transparent}.logo-orbit{display:flex;align-items:center;justify-content:center}.logo-image{height:40px;width:auto;max-width:140px;object-fit:contain}.logo-placeholder{width:40px;height:40px;background:#fff;color:var(--color-headers);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.header-org-context{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.org-separator{width:1px;height:24px;background:#ffffff4d;flex-shrink:0}.org-info{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0;text-decoration:none;cursor:pointer}.org-info.disabled{opacity:.5;cursor:not-allowed}.org-name{color:#fff;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-nav{display:flex;gap:var(--spacing-lg);align-items:center}.nav-link{color:#fff;text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition-fast);background:none;border:none;cursor:pointer;font-family:inherit}.nav-link:hover{background:#ffffff1a;text-decoration:none}.nav-link:focus-visible{outline:2px solid white;outline-offset:2px}.nav-link.disabled{opacity:.5!important;cursor:not-allowed!important}.nav-link.disabled:hover{background:transparent!important}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.user-section{display:flex;align-items:center;gap:var(--spacing-sm)}.user-menu{position:relative}.user-button{display:flex;align-items:center;gap:var(--spacing-xs);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.user-button:hover{background:#ffffff26}.user-button.disabled{opacity:.5!important;cursor:not-allowed!important}.user-button.disabled:hover{background:#ffffff1a!important}.user-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:160px;z-index:calc(var(--z-dropdown) + 1);overflow:hidden}.user-dropdown-item{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;text-align:left;cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-sm);color:var(--color-text)}.user-dropdown-item:hover{background:var(--color-surface-muted)}.user-avatar{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover}.user-avatar-placeholder{width:24px;height:24px;border-radius:var(--radius-full);background-color:var(--color-hero-accent);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--color-text)}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.login-button{font-size:var(--font-size-sm)}.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;padding:var(--spacing-xs);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-fast)}.mobile-menu-toggle:hover{background:#ffffff1a}.mobile-menu-toggle.disabled{opacity:.5!important;cursor:not-allowed!important}.mobile-menu-toggle.disabled:hover{background:transparent!important}.mobile-nav{background:var(--color-headers);border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-md) 0;pointer-events:auto!important;position:relative;z-index:9999}.mobile-nav-link{display:block;color:#fff;text-decoration:none;padding:var(--spacing-sm) var(--container-padding);font-weight:var(--font-weight-medium);transition:var(--transition-fast);background:none;border:none;width:100%;text-align:left;font-size:inherit;font-family:inherit;cursor:pointer;pointer-events:auto!important;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-height:48px;display:flex;align-items:center;-webkit-tap-highlight-color:rgba(255,255,255,.1)}.mobile-nav-link:active{background:#ffffff26!important;transform:scale(.98)}.mobile-nav-link:hover{background:#ffffff1a;text-decoration:none}.logout-modal-backdrop{position:fixed;inset:0;z-index:calc(var(--z-dropdown) + 10);background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.logout-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-xl);max-width:400px;width:100%;text-align:center}.logout-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.logout-modal-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-xl) 0;line-height:1.5}.logout-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.logout-modal-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;min-width:100px}.logout-modal-cancel{background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-border-light)}.logout-modal-cancel:hover{background:var(--color-border-light)}.logout-modal-confirm{background:var(--color-danger);color:#fff}.logout-modal-confirm:hover{background:var(--color-danger-dark, #dc2626)}.header-backdrop{position:fixed;inset:0;z-index:var(--z-dropdown);background:#0000001a}.mobile-user-section{border-top:1px solid rgba(255,255,255,.1);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.mobile-user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--container-padding);color:#fff}.mobile-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.mobile-logout-button{border-top:1px solid rgba(255,255,255,.1);margin-top:var(--spacing-xs)}.mobile-login-button{border-top:1px solid rgba(255,255,255,.1);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}@media (max-width: 768px){.header-nav{display:none}.mobile-menu-toggle{display:flex}.header-container{padding:0 var(--spacing-md);padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.user-name,.user-section{display:none}.org-name{max-width:200px}.org-switcher-dropdown{right:0;left:auto;min-width:260px}}@media (max-width: 480px){.header-container,.header-left{gap:var(--spacing-sm)}.org-name{max-width:150px}}.version-info{font-family:monospace;font-size:.75rem;color:var(--color-text-muted, #6b7280);border:1px solid var(--color-border-light, #e5e7eb);border-radius:6px;background:var(--color-surface-muted, #f9fafb);overflow:hidden}.version-summary{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;color:var(--color-surface-muted, #f9fafb)}.version-summary:hover{background:var(--color-surface-hover, #f3f4f6);color:var(--color-text-muted, #6b7280)}.version-text{font-weight:500;color:inherit}.build-number{background:var(--color-surface-muted, #f9fafb);color:var(--color-surface-muted, #f9fafb);border:1px solid var(--color-surface-muted, #f9fafb);padding:2px 6px;border-radius:3px;font-size:.7rem;font-weight:500;transition:all .2s}.version-summary:hover .build-number{background:var(--color-primary, #3b82f6);color:#fff;border-color:var(--color-primary, #3b82f6)}.version-details{border-top:1px solid var(--color-border-light, #e5e7eb);background:#fff}.version-row{display:flex;justify-content:space-between;padding:4px 12px;border-bottom:1px solid var(--color-border-light, #e5e7eb)}.version-row:last-child{border-bottom:none}.version-label{font-weight:500;color:var(--color-text-muted, #6b7280);min-width:60px}.version-value{color:var(--color-text, #111827);font-family:monospace}.version-info.compact{display:inline-block;border:none;background:transparent;font-size:.7rem}.version-info.compact .version-summary{padding:4px 8px}.version-info.compact .build-number{font-size:.65rem}@media (max-width: 480px){.version-info{font-size:.7rem}.version-summary{padding:6px 10px}.version-row{padding:3px 10px}}.layout{min-height:100vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.layout-main{flex:1;display:flex;flex-direction:column;padding-top:calc(var(--header-height) + env(safe-area-inset-top));padding-bottom:32px}.layout-footer{padding:12px 16px;border-top:1px solid var(--color-border-light, #e5e7eb);background:var(--color-surface-muted, #f9fafb);display:flex;justify-content:center;align-items:center}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl);padding:var(--spacing-lg) 0}.app-card-wrapper{text-decoration:none;color:inherit;display:block}.app-card-wrapper:hover{text-decoration:none}.app-card-wrapper:focus{text-decoration:none;outline:none}.app-card-wrapper *,.app-card-wrapper:hover *,.app-card-wrapper:focus *,.app-card-wrapper:active *{text-decoration:none!important}.app-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);height:100%;display:flex;flex-direction:column;gap:var(--spacing-md);transition:var(--transition-normal);position:relative;box-shadow:var(--shadow-sm)}.app-card-clickable{cursor:pointer}.app-card-clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border)}.app-card-clickable:focus-within{outline:2px solid var(--color-headers);outline-offset:2px}.app-card-update-required{border-color:var(--color-warning, #f59e0b);background:linear-gradient(to bottom,var(--color-surface),rgba(245,158,11,.02));cursor:default;pointer-events:none}.app-card-update-required .app-card-icon-placeholder{background:linear-gradient(135deg,#f59e0b,#d97706)}.app-card-update-notice{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:#92400e;font-size:var(--font-size-sm);margin-top:auto;align-items:flex-start}.app-card-update-notice svg{flex-shrink:0;color:#f59e0b;margin-top:2px}.app-card-update-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.app-card-update-text strong{font-weight:var(--font-weight-semibold);color:#92400e}.app-card-update-text span{font-size:var(--font-size-xs);color:#78350f;line-height:1.4}.app-card-header{display:flex;align-items:flex-start;gap:var(--spacing-md);padding-right:80px}.app-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);object-fit:cover;flex-shrink:0}.app-card-icon-placeholder{width:48px;height:48px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-hero-secondary),var(--color-hero-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);flex-shrink:0}.app-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:1.3}.app-card-description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6;margin:0;flex:1}.app-card-category{margin-top:auto}.app-card-category-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.app-card-role-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.app-card-role-badge[data-role=member]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.app-card-role-badge[data-role=org_config]{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.app-card-role-badge[data-role=org_admin]{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.app-card-role-badge[data-role=sys_admin]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.app-card:hover .app-card-role-badge{transform:scale(1.05)}.app-card-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:var(--spacing-sm)}.app-card-launch{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-headers);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.app-card-clickable:hover .app-card-launch{color:var(--color-hero-secondary);transform:translate(2px)}.app-grid-loading{padding:var(--spacing-lg) 0}.app-grid-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.app-card-skeleton{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.app-card-skeleton-header{display:flex;align-items:flex-start;gap:var(--spacing-md)}.app-card-skeleton-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-surface-muted);animation:skeleton-pulse 1.5s ease-in-out infinite}.app-card-skeleton-title{height:20px;width:60%;background:var(--color-surface-muted);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.app-card-skeleton-description{height:16px;background:var(--color-surface-muted);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.app-card-skeleton-description.short{width:75%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.app-grid{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md) 0}.app-card{padding:var(--spacing-md)}.app-card-header{gap:var(--spacing-sm)}.app-card-icon,.app-card-icon-placeholder,.app-card-skeleton-icon{width:40px;height:40px}.app-card-icon-placeholder{font-size:var(--font-size-lg)}}@media (max-width: 480px){.app-grid{padding:var(--spacing-sm) 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);min-height:400px}.empty-state-illustration{margin-bottom:var(--spacing-xl);opacity:.8}.empty-state-content{max-width:500px;margin-bottom:var(--spacing-xl)}.empty-state-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-md)}.empty-state-description{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.6;margin-bottom:0}.empty-state-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.empty-state-actions .btn-primary,.empty-state-actions .btn-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;transition:var(--transition-fast);gap:var(--spacing-xs);box-sizing:border-box;min-height:44px}@media (max-width: 768px){.empty-state{padding:var(--spacing-2xl) var(--spacing-md);min-height:300px}.empty-state-title{font-size:var(--font-size-xl)}.empty-state-actions{flex-direction:column}}.email-password-login{width:100%}.email-password-login h3{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:#111827}.login-description{color:#6b7280;margin-bottom:20px;line-height:1.5;font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input{padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:.875rem}.login-submit{width:100%;padding:12px 20px;background:#06c;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:8px}.login-submit:hover:not(:disabled){background:#0052a3}.login-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.login-form{gap:16px}.form-group input{padding:10px 14px}}.portal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-lg)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-headers);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portal-welcome{min-height:calc(100vh - var(--header-height));background:var(--color-bg);color:var(--color-text);display:flex;align-items:center;justify-content:center;padding-top:var(--spacing-xl)}.portal-welcome-content{max-width:var(--container-max-width);padding:var(--spacing-3xl) var(--container-padding);text-align:center}.portal-welcome-hero{margin-bottom:var(--spacing-3xl)}.portal-welcome-hero h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text)}.portal-welcome-hero p{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto var(--spacing-xl);line-height:1.6}.login-button-large{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-headers);color:#fff;border:none;transition:var(--transition-normal)}.login-button-large:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--color-hero-primary)}.portal-alert.success{background:var(--color-success);color:#fff;border:none;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium)}.portal-welcome-features h2{color:var(--color-text);margin-bottom:var(--spacing-xl);font-size:var(--font-size-2xl)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);max-width:800px;margin:0 auto}.feature-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:block}.feature-card h3{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl)}.feature-card p{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6}.org-selection{padding:var(--spacing-3xl) 0;text-align:center}.org-selection h1{margin-bottom:var(--spacing-md)}.org-selection p{color:var(--color-text-muted);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.org-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);max-width:800px;margin:0 auto}.org-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);cursor:pointer;color:inherit;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);transition:var(--transition-normal);text-align:center}.org-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-headers)}.org-card-logo{width:64px;height:64px;border-radius:var(--radius-lg);object-fit:cover}.org-card h3{margin:0;font-size:var(--font-size-xl);color:var(--color-text)}.org-card p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.dashboard{padding:var(--spacing-2xl) 0}.dashboard-header{margin-bottom:var(--spacing-xl)}.dashboard-header h1{margin-bottom:var(--spacing-xs);color:var(--color-text)}.dashboard-header p{color:var(--color-text-muted);font-size:var(--font-size-lg);margin:0}.update-required-apps-toggle{margin-top:var(--spacing-md);display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:#92400e;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.update-required-apps-toggle:hover{background:#f59e0b26;border-color:#f59e0b80}.update-required-apps-toggle svg{flex-shrink:0;color:#f59e0b}.empty-apps-illustration{opacity:.6}@media (max-width: 768px){.portal-welcome-content{padding:var(--spacing-2xl) var(--container-padding)}.portal-welcome-hero h1{font-size:var(--font-size-3xl)}.portal-welcome-hero p{font-size:var(--font-size-base)}.feature-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.org-grid{grid-template-columns:1fr}.dashboard{padding:var(--spacing-xl) 0}}.login-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin:var(--spacing-2xl) 0;max-width:800px}.login-option{background:#fff;border:2px solid var(--color-border-light);border-radius:12px;padding:var(--spacing-xl);text-align:center;transition:all .2s}.login-option:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #3b82f61a}.login-option.primary{border-color:var(--color-primary);background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.login-option h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.login-option p{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.login-button{width:100%;padding:12px 24px;background:#0579b5;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 4px #0000001a}.login-button:hover{background:#046594;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.login-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.login-button svg{flex-shrink:0}.login-button.google-button{background:#fff;color:#333;border:1px solid #dadce0;margin-top:12px}.login-button.google-button:hover{background:#f8f9fa;border-color:#d2d4d6;box-shadow:0 1px 3px #0000001f}.login-button.microsoft-button{background:#0078d4}.login-button.microsoft-button:hover{background:#106ebe}.login-help{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.login-help p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.login-help a{color:var(--color-primary);text-decoration:none;font-weight:500}.login-help a:hover{text-decoration:underline}@media (max-width: 768px){.login-options{grid-template-columns:1fr;gap:var(--spacing-lg)}.login-option{padding:var(--spacing-lg)}}@media (max-width: 480px){.login-button{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg)}.feature-card{padding:var(--spacing-lg)}.login-options{margin:var(--spacing-xl) 0}}