.contact-page{max-width:800px;margin:var(--spacing-lg) auto;padding-top:var(--spacing-lg);padding-left:var(--spacing-xm);padding-right:var(--spacing-xm);padding-bottom:var(--spacing-xm);background-color:var(--white);color:var(--text-dark)}.contact-page a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast),text-decoration var(--transition-fast)}.contact-page a:hover{color:var(--secondary);text-decoration:none}.contact-page .main-link{font-weight:700;position:relative}.contact-section{margin-bottom:var(--spacing-md)}.contact-section h2{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--primary)}.contact-paragraph{font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-sm)}.contact-paragraph+.contact-paragraph{margin-top:var(--spacing-md)}.contact-list{padding-left:2.5rem;font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-md);list-style-type:disc}.contact-info{font-size:1.1rem;line-height:1.6}.contact-info h2{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--primary)}.employee-list{padding:2rem}.employees-header{display:flex;align-items:center;gap:.75rem;margin:1.5rem 2rem 1rem}.employees-title:hover{color:#555}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}@media (min-width: 1000px){.employee-grid{grid-template-columns:repeat(4,1fr)}}.employee-card{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 4px #00000014;text-align:center;transition:border .2s,box-shadow .2s,transform .2s;cursor:pointer;padding:1rem}.employee-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001f;transform:translateY(-3px)}.employee-card-photo-container{display:flex;justify-content:center;align-items:center;background-color:#fff}.employee-photo{width:120px;height:150px;object-fit:contain;border-radius:8px;background:#fff;padding:4px}.employee-info{display:flex;flex-direction:column;gap:.25rem}.employee-name{font-weight:600;font-size:1.05rem;color:#333}.employee-role,.employee-phone,.employee-email{font-size:.85rem;color:#888}.employee-role{font-size:.9rem;color:#666}.employee-email{word-break:break-all}.employee-details-container{padding:2rem}.employee-details-form{display:flex;flex-wrap:wrap;gap:2rem;background:#fff;border:1px solid #ddd;border-radius:6px;padding:1.5rem;box-shadow:0 2px 6px #0000001a}.employee-details-photo-container{flex:0 0 150px;display:flex;justify-content:center;align-items:center;min-height:150px;background:#f8f8f8;border:1px solid #ddd;border-radius:8px}.employee-details-photo-wrapper{text-align:center;position:relative;display:inline-block}.employee-details-info{flex:1;display:flex;flex-direction:column}.employee-details-info h2{margin:0 0 1rem;font-size:1.4rem;color:#333}.employee-name-label,.employee-name-input,.employee-name-display,.name-label,.name-value,.name-input{font-weight:600;font-size:1.2rem;color:#333;font-family:Arial Rounded MT Bold,Segoe UI Rounded,Arial,sans-serif}.employee-details-grid{display:grid;grid-template-columns:max-content 1fr max-content 1fr;row-gap:.75rem;column-gap:1rem;align-items:center}.employee-details-grid label{text-align:left;font-weight:600;white-space:nowrap;color:#333;padding-right:.4rem}.employee-details-grid input{width:100%;padding:.35rem .5rem;box-sizing:border-box}.field-readonly{color:#555;font-size:.95rem}.relative-overlay{position:relative}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:#fff;padding:2rem;border-radius:8px;max-width:400px;box-shadow:0 0 20px #0003;text-align:center}.modal-buttons{margin-top:1.5rem;display:flex;justify-content:space-around}.modal-wrapper{position:relative}.field-error{color:red;font-size:.8rem;margin-top:2px}.employees-header{display:flex;align-items:center;gap:1rem;margin:1.5rem 2rem 1rem;min-height:2.5rem}.employees-title{font-size:1.5rem;font-weight:600;color:#333;font-family:Arial Rounded MT Bold,Segoe UI Rounded,Arial,sans-serif;cursor:pointer;display:flex;align-items:center;gap:.3rem;text-decoration:none;border:none;outline:none;background:none;text-shadow:.1px 0 0 currentColor,-.1px 0 0 currentColor,0 .1px 0 currentColor,0 -.1px 0 currentColor;transition:color .2s}.employees-title:hover{color:#555;color:var(--secondary)}.inline-message{flex-grow:1;display:flex;gap:.5rem;overflow:hidden;text-overflow:ellipsis;justify-content:flex-end}.inline-success{background-color:#d1e7dd;border:1px solid #198754;color:#0f5132;padding:.4rem .75rem;border-radius:6px}.inline-error{background-color:#f8d7da;border:1px solid #dc3545;color:#842029;padding:.4rem .75rem;border-radius:6px}.message-close{background:none;border:none;color:inherit;font-weight:700;font-size:1rem;margin-left:.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.message-close:hover{color:#000}.file-upload-label{display:inline-block;background-color:var(--primary, #0d6efd);color:#fff;padding:.5rem .9rem;font-size:.95rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .2s;text-align:center;margin-bottom:.5rem}.file-upload-label:hover{background-color:var(--primary-dark, #084298)}.file-upload-label input[type=file]{display:none}.spinner-fullscreen,.spinner-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#333;font-size:1.2rem;animation:fadeIn .3s ease-in}.spinner-fullscreen{height:60vh}.spinner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffbf;border-radius:6px;z-index:var(--z-spinner-overlay)}.spinner-modal-overlay{z-index:var(--z-spinner-above-modal)}.spinner{width:48px;height:48px;border:6px solid #e0e0e0;border-top-color:#007bff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.spinner-message{font-size:1rem;color:#333}@keyframes spin{to{transform:rotate(360deg)}}.button{background:var(--primary, #5c3d55);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.95rem;cursor:pointer;transition:background .2s;display:inline-block}.button:hover{background:#4a2f44;color:var(--secondary, #1a2c40)}.button-secondary{background:#999}.button-secondary:hover{background:#777}.button-danger{background:#c33}.button-danger:hover{background:#a22}.button-group{margin-top:1.5rem;display:flex;gap:1rem;min-height:2rem}.button-center{display:flex;justify-content:center;margin-top:.5rem}.photo-remove-button{position:absolute;top:4px;right:4px;transform:translateY(-35%);background:#999;color:#fff;border-radius:50%;font-size:16px;line-height:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;padding:0;transition:background .2s}.photo-remove-button:hover{background:#777}.feature-card{border:1px solid var(--border);border-radius:12px;padding:1rem 2rem;text-align:center;color:var(--text-dark);transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026;border-color:var(--primary)}.feature-icon{width:48px;margin-bottom:1rem;filter:grayscale(30%);opacity:.9}.feature-card h3{margin:.5rem 0;font-size:1.2rem}.feature-card p{color:var(--text-muted);font-size:.95rem}@font-face{font-family:Caveat;src:url(/fonts/Caveat/Caveat-Regular.woff2) format("woff2"),url(/fonts/Caveat/Caveat-Regular.woff) format("woff"),url(/fonts/Caveat/Caveat-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/Caveat/Caveat-Medium.woff2) format("woff2"),url(/fonts/Caveat/Caveat-Medium.woff) format("woff"),url(/fonts/Caveat/Caveat-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/Caveat/Caveat-SemiBold.woff2) format("woff2"),url(/fonts/Caveat/Caveat-SemiBold.woff) format("woff"),url(/fonts/Caveat/Caveat-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/Caveat/Caveat-Bold.woff2) format("woff2"),url(/fonts/Caveat/Caveat-Bold.woff) format("woff"),url(/fonts/Caveat/Caveat-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa/Comfortaa-Light.woff2) format("woff2"),url(/fonts/Comfortaa/Comfortaa-Light.woff) format("woff"),url(/fonts/Comfortaa/Comfortaa-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa/Comfortaa-Regular.woff2) format("woff2"),url(/fonts/Comfortaa/Comfortaa-Regular.woff) format("woff"),url(/fonts/Comfortaa/Comfortaa-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa/Comfortaa-Medium.woff2) format("woff2"),url(/fonts/Comfortaa/Comfortaa-Medium.woff) format("woff"),url(/fonts/Comfortaa/Comfortaa-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa/Comfortaa-SemiBold.woff2) format("woff2"),url(/fonts/Comfortaa/Comfortaa-SemiBold.woff) format("woff"),url(/fonts/Comfortaa/Comfortaa-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa/Comfortaa-Bold.woff2) format("woff2"),url(/fonts/Comfortaa/Comfortaa-Bold.woff) format("woff"),url(/fonts/Comfortaa/Comfortaa-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}html,body{height:100%;margin:0;padding:0}body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-dark);background-color:var(--bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;display:flex;flex-direction:column;min-height:100vh}#root{flex:1 0 auto;display:flex;flex-direction:column}main{flex:1 0 auto;padding-bottom:2rem}a{text-decoration:none;color:var(--primary);font-weight:500}a:hover{color:#747bff}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--white)}.header-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:2rem;display:flex;align-items:baseline;gap:.2rem;text-shadow:1px 0 0 currentColor,-1px 0 0 currentColor,0 1px 0 currentColor,0 -1px 0 currentColor}.header-title .title-part1{color:var(--primary)}.header-title .title-part2{color:var(--text-muted)}.header-nav{display:flex;gap:1rem}.footer{padding:2rem;text-align:center;background:var(--gray-dark);color:var(--white);font-size:.95rem;border-top:none}.hero{padding:1.5rem;text-align:center;background:var(--white)}.hero h1{font-family:Caveat,cursive,sans-serif;font-weight:700;font-size:5.5rem;margin-bottom:.2rem}.hero p{font-family:Caveat,cursive,sans-serif;font-weight:600;font-size:3.5rem;margin-bottom:2rem}.hero-subtext{font-size:1rem;color:var(--text-muted);margin-top:1rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:0 1rem;margin-bottom:3rem}.testimonials{background:var(--gray-light);padding:3rem 1rem;text-align:center}.testimonials blockquote{font-style:italic;font-size:1.1rem;color:var(--text-dark);margin:0 auto;max-width:1200px}.testimonials p{margin-top:1rem;color:var(--text-muted)}.trial-hero{padding:2rem 1rem;text-align:center}.trial-hero h1{font-family:Caveat,cursive,sans-serif;font-weight:500;font-size:3.5rem;margin-bottom:1rem}.trial-hero p{font-family:Caveat,cursive,sans-serif;font-weight:400;font-size:1.5rem;color:var(--text-muted)}.feature-message{margin-top:.75rem;padding:.5rem;font-size:.85rem;color:var(--gray-medium);background:var(--gray-background);border:1px solid var(--border);border-radius:6px;text-align:center;animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}:root{--primary: #714B67;--secondary: #4a90e2;--white: #fff;--bg-light: #f7f9fb;--text-dark: #333;--text-muted: #888;--border: #ddd;--error: #dc3545;--error-bg: #f8d7da;--error-text: #842029;--gray-dark: #333;--gray-light: #f1f1f3;--gray-medium: #555;--gray-background: #f9f9f9;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-xm: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 2px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 0 20px rgba(0, 0, 0, .2);--z-base: 1;--z-spinner-overlay: 100;--z-spinner-above-modal: 2000;--z-modal: 1000;--z-toast: 2000;--transition-fast: .2s ease-in-out;--transition-normal: .3s ease}
