.home{max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero{text-align:center;padding:4rem 0;max-width:700px;margin:0 auto}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-subtitle{font-size:1.25rem;color:var(--color-text-light);margin-bottom:2.5rem;line-height:1.6}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.feature-card{background:var(--color-bg-white);padding:2rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition);text-align:center}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--color-text)}.feature-card p{color:var(--color-text-light);font-size:.9375rem;line-height:1.6}@media (max-width: 768px){.hero{padding:2rem 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.0625rem}.features{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.feature-card{padding:1.5rem}}.create-match{padding:2rem 0}.page-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.match-form{display:flex;flex-direction:column}.participants-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.participant-input-group{display:flex;gap:.5rem;align-items:center}.participant-input-group .form-input{flex:1}.participant-input-group .btn-icon{flex-shrink:0}@media (max-width: 768px){.create-match{padding:1rem 0}.page-title{font-size:1.5rem}.page-subtitle{font-size:.9375rem}}.time-grid-wrapper{margin:1.5rem 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.time-grid{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.time-grid-layout{display:flex}.time-column-fixed{flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-bg)}.time-column-header{padding:1rem .5rem;width:80px;border-bottom:2px solid var(--color-border);height:62px;box-sizing:border-box}.time-column{width:82px}.days-scroll-container{overflow-x:auto;flex:1}.days-scroll-container::-webkit-scrollbar{height:8px}.days-scroll-container::-webkit-scrollbar-track{background:var(--color-bg);border-radius:var(--radius-sm)}.days-scroll-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.days-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-lighter)}.days-content{width:fit-content}.days-header{display:grid;grid-template-columns:repeat(7,93px);background:var(--color-bg);border-bottom:2px solid var(--color-border)}.day-header{padding:.75rem .25rem;text-align:center;font-weight:600;font-size:.875rem;color:var(--color-text);border-right:1px solid var(--color-border);height:60px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.day-header:last-child{border-right:none}.time-label{padding:.75rem;font-size:.875rem;font-weight:500;color:var(--color-text-light);display:flex;align-items:center;justify-content:center;background:var(--color-bg);height:50px;box-sizing:border-box}.days-grid{display:flex;flex-direction:column}.time-row{display:grid;grid-template-columns:repeat(7,93px);height:50px;border-bottom:1px solid var(--color-border-light)}.time-row:last-child{border-bottom:none}.time-slot{padding:.5rem;height:100%;cursor:pointer;transition:var(--transition);border-right:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;box-sizing:border-box}.time-slot:last-child{border-right:none}.time-slot:hover:not(.readonly){background-color:#3b82f61a}.time-slot.selected{background-color:var(--color-primary);color:#fff}.time-slot.selected:hover:not(.readonly){background-color:var(--color-primary-dark)}.time-slot.readonly{cursor:default}.slot-count{font-size:.875rem;font-weight:600;color:#fff}@media (max-width: 768px){.time-column-header,.time-column{width:74px}.time-column-header{padding:.75rem .25rem;height:52px}.time-label{padding:.5rem;height:40px}.days-header,.time-row{grid-template-columns:repeat(7,75px)}.time-row{height:40px}.day-header{padding:.5rem .125rem;font-size:.75rem;height:50px}.time-slot{padding:.375rem}}.best-times{position:sticky;top:2rem}.no-data{color:var(--color-text-light);text-align:center;padding:2rem 1rem;font-size:.9375rem}.best-times-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.best-time-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-bg);border-radius:var(--radius-md);border-left:4px solid var(--color-border);transition:var(--transition)}.best-time-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.best-time-item.perfect{border-left-color:var(--color-success);background:#22c55e0d}.best-time-item.great{border-left-color:var(--color-primary);background:#3b82f60d}.best-time-item.good{border-left-color:var(--color-warning);background:#f59e0b0d}.best-time-item.okay{border-left-color:var(--color-text-lighter);background:#9ca3af0d}.time-rank{font-size:1.25rem;font-weight:700;color:var(--color-text-light);min-width:2rem;text-align:center}.time-info{flex:1;min-width:0}.time-day-hour{font-size:.9375rem;margin-bottom:.25rem;color:var(--color-text)}.time-availability{font-size:.8125rem;color:var(--color-text-light)}.time-percentage{font-size:1.125rem;font-weight:700;color:var(--color-text)}.participation-status{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.participation-status h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-text)}.participant-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.participant-status{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--color-text)}.btn-view-responses{width:100%;padding:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-view-responses:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.status-indicator{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;font-size:.875rem;font-weight:700}.status-indicator.submitted{background-color:var(--color-success);color:#fff}.status-indicator.pending{background-color:var(--color-border);color:var(--color-text-light)}.responses-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:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}.responses-modal{background:var(--color-bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:70vh;display:flex;flex-direction:column;animation:modalFadeIn .2s ease;margin:auto}.responses-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.responses-modal-header h3{font-size:1.125rem;font-weight:700;color:var(--color-text);margin:0}.responses-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light);padding:.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.responses-modal-close:hover{background-color:var(--color-bg);color:var(--color-text)}.responses-modal-body{padding:1.25rem;overflow-y:auto;flex:1;min-height:0}.participant-response{padding:.875rem;background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:.75rem;border:1px solid var(--color-border)}.participant-response:last-child{margin-bottom:0}.participant-response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.participant-response-name{font-weight:600;font-size:.9375rem;color:var(--color-text)}.no-response-badge{font-size:.75rem;padding:.25rem .5rem;background:var(--color-warning);color:#fff;border-radius:var(--radius-sm);font-weight:500}.participant-slots{display:flex;flex-direction:column;gap:.375rem}.day-slots{font-size:.875rem;color:var(--color-text);display:flex;gap:.5rem}.day-slots strong{min-width:80px}.hours-list{color:var(--color-text-light)}.no-slots-message{font-size:.875rem;color:var(--color-text-light);font-style:italic;margin:0}@media (max-width: 768px){.best-time-item{padding:.75rem}.time-rank{font-size:1rem;min-width:1.5rem}.time-percentage{font-size:1rem}.responses-modal-overlay{padding:1rem}.responses-modal{max-width:none;max-height:75vh;border-radius:var(--radius-lg)}.responses-modal-header{padding:.875rem 1rem}.responses-modal-header h3{font-size:1rem}.responses-modal-body{padding:1rem}.participant-response{padding:.75rem;margin-bottom:.625rem}.day-slots{flex-direction:column;gap:.25rem}.day-slots strong{min-width:auto}}.match-detail{padding:2rem 0}.match-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.match-header-actions{display:flex;gap:.75rem;flex-shrink:0}.refresh-button-desktop{display:inline-flex!important}.refresh-button-mobile{display:none!important;width:100%;margin-bottom:1rem}.match-title{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.match-subtitle{font-size:.9375rem;color:var(--color-text-light)}.match-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.main-section{min-width:0}.sidebar-section{position:sticky;top:2rem}.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:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{background:var(--color-bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light);padding:.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.modal-close:hover{background-color:var(--color-bg);color:var(--color-text)}.modal-body{padding:1.5rem;overflow:visible}.copy-section{margin-bottom:1rem}.copy-section:last-child{margin-bottom:0}.copy-section-title{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.copy-section-subtitle{font-size:.875rem;color:var(--color-text-light);margin-bottom:1rem}.copy-section-divider{height:1px;background-color:var(--color-border);margin:1rem 0}.copy-buttons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;max-height:300px;overflow-y:auto;padding-right:.5rem;margin-bottom:.5rem}.copy-buttons-grid::-webkit-scrollbar{width:8px}.copy-buttons-grid::-webkit-scrollbar-track{background:var(--color-bg);border-radius:var(--radius-sm)}.copy-buttons-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.copy-buttons-grid::-webkit-scrollbar-thumb:hover{background:var(--color-text-lighter)}.copy-button{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-size:.9375rem;color:var(--color-text)}.copy-button:hover{background:var(--color-bg-white);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.copy-button-icon{font-size:1.25rem}.copy-button-text{flex:1;text-align:left;font-weight:500}.copy-button-action{font-size:1rem;opacity:.6}.copy-button:hover .copy-button-action{opacity:1}.whatsapp-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none}.whatsapp-button:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,#7c3aed 100%);box-shadow:var(--shadow-md)}.copy-button-general{width:100%;justify-content:center;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none}.copy-button-general:hover{background:linear-gradient(135deg,#128c7e,#075e54);transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:transparent}.participant-selector,.participant-info{margin-bottom:2rem}.participant-welcome{font-size:1.125rem;color:var(--color-text);margin:0;padding:1rem;background:var(--color-bg);border-radius:var(--radius-md);text-align:center}.availability-section{margin-bottom:2rem}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.section-subtitle{font-size:.9375rem;color:var(--color-text-light);margin-bottom:1.5rem}.save-section{display:flex;flex-direction:column;align-items:center;gap:1rem}@media (max-width: 1024px){.match-content{grid-template-columns:1fr}.sidebar-section{position:static}}@media (max-width: 768px){.match-detail{padding:1rem 0}.match-header{flex-direction:column}.match-header-actions,.match-header-actions .btn{width:100%}.refresh-button-desktop{display:none!important}.refresh-button-mobile{display:block!important}.match-title{font-size:1.5rem}.modal-card{max-height:95vh}.modal-header{padding:1rem}.modal-title{font-size:1.25rem}.modal-body{padding:1rem}.copy-buttons-grid{grid-template-columns:1fr}}.my-matches{padding:2rem 0;min-height:calc(100vh - 200px)}.page-title{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.page-subtitle{font-size:1.0625rem;color:var(--color-text-light);margin-bottom:2rem}.loading-state{text-align:center;padding:4rem 2rem;background:var(--color-bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--color-text-light);font-size:1.125rem}.empty-state{text-align:center;padding:4rem 2rem;background:var(--color-bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);max-width:500px;margin:0 auto}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.empty-state p{color:var(--color-text-light);margin-bottom:2rem}.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.match-card{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;cursor:pointer;transition:var(--transition);border:1px solid transparent}.match-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.match-card-header{margin-bottom:1rem}.match-card-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.match-card-date{font-size:.875rem;color:var(--color-text-light);text-transform:capitalize}.match-card-body{display:flex;gap:2rem;margin-bottom:1.5rem}.match-stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.8125rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.match-card-footer{display:flex;flex-direction:column;gap:.5rem}.progress-bar{height:8px;background:var(--color-border-light);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-success) 100%);transition:width .3s ease}.progress-text{font-size:.8125rem;color:var(--color-text-light);text-align:center}@media (max-width: 768px){.my-matches{padding:1rem 0}.page-title{font-size:1.5rem}.page-subtitle{font-size:.9375rem}.matches-grid{grid-template-columns:1fr;gap:1rem}.match-card{padding:1.25rem}.empty-state{padding:3rem 1.5rem}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.25rem}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:1.5rem 0;box-shadow:var(--shadow-md)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo-link{text-decoration:none;color:inherit;display:inline-block;transition:var(--transition)}.logo-link:hover{opacity:.9;transform:translateY(-1px)}.logo{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.header-menu{position:relative}.menu-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;padding:.5rem .75rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);line-height:1}.menu-button:hover{background:#ffffff4d}.menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:220px;overflow:hidden;z-index:100;animation:menuFadeIn .2s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:none;border:none;text-align:left;cursor:pointer;color:var(--color-text);font-size:.9375rem;font-weight:500;transition:var(--transition)}.menu-item:hover{background:var(--color-bg)}.menu-icon{font-size:1.125rem}.menu-divider{height:1px;background:var(--color-border);margin:.5rem 0}.app-main{flex:1;padding:2rem 0}.app-footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:1.5rem 0;margin-top:2rem}.app-footer p{text-align:center;color:var(--color-text-light);font-size:.875rem;margin:0}@media (max-width: 768px){.logo{font-size:1.25rem}.app-main{padding:1.5rem 0}.app-footer{padding:1rem 0}.menu-button{font-size:1.25rem;padding:.375rem .625rem}.menu-dropdown{min-width:200px}.menu-item{padding:.75rem 1rem;font-size:.875rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-secondary: #8b5cf6;--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #f59e0b;--color-text: #1f2937;--color-text-light: #6b7280;--color-text-lighter: #9ca3af;--color-bg: #f9fafb;--color-bg-white: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition: all .2s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.container-small{max-width:600px;margin:0 auto;padding:0 1.5rem}.card{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap;gap:.5rem}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-border-light);border-color:var(--color-text-lighter)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-large{padding:.875rem 2rem;font-size:1.0625rem}.btn-icon{padding:.5rem;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--color-text)}.form-input,.form-select{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-white);transition:var(--transition)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-bg)}.form-input::placeholder{color:var(--color-text-lighter)}.error-message{color:var(--color-danger);background-color:#fee2e2;padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.9375rem}.success-message{color:var(--color-success);background-color:#dcfce7;padding:.75rem 1rem;border-radius:var(--radius-md);margin-top:1rem;font-size:.9375rem;text-align:center}.loading{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:1.25rem;color:var(--color-text-light)}@media (max-width: 768px){.container,.container-small{padding:0 1rem}.card{padding:1.5rem}.btn-large{padding:.75rem 1.5rem;font-size:1rem}}