*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333;direction:rtl}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem}.header{background:#fff;border-bottom:1px solid #e5e5e5;padding:1rem 0;box-shadow:0 1px 3px #0000001a}.header .container,.header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.logo{margin:0;font-size:1.5rem}.logo a{color:#2563eb;text-decoration:none}.user-info{display:flex;align-items:center;gap:1rem;font-size:.9rem}.btn-logout{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.btn-logout:hover{background:#dc2626}.page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.sets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.set-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.set-link{text-decoration:none;color:inherit;display:block;margin-bottom:1rem}.set-card h3{margin-bottom:1rem;color:#333}.progress-info{margin-top:.5rem}.progress-numbers{display:block;font-size:.9rem;color:#666;margin-bottom:.5rem}.progress-bar{height:8px;background:#e5e5e5;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#22c55e;transition:width .3s ease}.matches-btn{display:block;width:100%;padding:.75rem;background:#2563eb;color:#fff;text-align:center;border-radius:6px;text-decoration:none;font-weight:500;transition:background .2s}.matches-btn:hover{background:#1d4ed8}.set-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-link{color:#2563eb;text-decoration:none;font-weight:500}.progress-display{margin-right:auto;font-size:1.2rem;font-weight:700;color:#22c55e}.items-list{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.item-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #f0f0f0}.item-row:last-child{border-bottom:none}.item-info{display:flex;gap:.75rem;align-items:center}.item-number{color:#999;font-size:.9rem;font-weight:500}.item-name{font-weight:500}.status-buttons{display:flex;gap:.5rem}.status-btn{padding:.4rem .8rem;border:2px solid #e5e5e5;background:#fff;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.status-btn:hover{border-color:#ccc}.status-btn.have.active{background:#22c55e;color:#fff;border-color:#22c55e}.status-btn.extra.active{background:#f59e0b;color:#fff;border-color:#f59e0b}.status-btn.need.active{background:#ef4444;color:#fff;border-color:#ef4444}.bottom-actions{margin-top:2rem;display:flex;justify-content:center}.btn-primary{padding:1rem 2rem;background:#2563eb;color:#fff;border-radius:8px;text-decoration:none;font-weight:500;font-size:1.1rem;transition:background .2s;border:none;cursor:pointer}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.needed-section{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.needed-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.needed-item{background:#ef4444;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.9rem}.matches-section h3{margin-bottom:1rem}.match-card{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a}.match-header{display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0}.user-name{font-weight:700;font-size:1.1rem}.user-city{color:#666}.match-items{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.match-items strong{margin-left:.5rem}.match-item{background:#f59e0b;color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.85rem}.empty-state{text-align:center;padding:3rem 1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.empty-state p{margin-bottom:1.5rem;color:#666;font-size:1.1rem}.no-matches{color:#666;text-align:center;padding:2rem;background:#fff;border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:400px;box-shadow:0 4px 20px #0003}.modal-content h2{margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:2px solid #e5e5e5;border-radius:6px;font-size:1rem;direction:ltr;text-align:left}.form-group input:focus{outline:none;border-color:#2563eb}.error-message{background:#fee;color:#c00;padding:.75rem;border-radius:6px;margin-bottom:1rem;text-align:center}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-secondary{flex:1;padding:.75rem;background:#e5e5e5;color:#333;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.btn-secondary:hover{background:#d4d4d4}.sync-banner{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#fef3c7;color:#92400e;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideUp .3s ease;max-width:90%;text-align:center;font-size:.95rem}.error-banner{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#fee;color:#c00;padding:1rem 2rem;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:1000;animation:slideUp .3s ease;max-width:90%;text-align:center}@keyframes slideUp{0%{bottom:-100px;opacity:0}to{bottom:2rem;opacity:1}}.nav-links{display:flex;gap:1.5rem}.nav-link{color:#2563eb;text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:#1d4ed8}.join-btn{padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.join-btn:hover{background:#1d4ed8}.join-btn.joined{background:#ef4444}.join-btn.joined:hover{background:#dc2626}.set-info{color:#666;font-size:.9rem;margin-bottom:.5rem}.hint-text{text-align:center;color:#666;font-size:.9rem;padding:1rem;background:#fef3c7;border-radius:8px;margin-top:1rem}.saving-indicator{font-size:.75rem;color:#f59e0b;margin-right:.5rem;font-weight:500}.footer{background:#fff;border-top:1px solid #e5e5e5;padding:1.5rem 0;margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}.beta-notice{color:#f59e0b;font-size:.9rem;margin-bottom:1rem;padding:.75rem;background:#fef3c7;border-radius:6px;display:inline-block}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-link{color:#2563eb;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-link:hover{color:#1d4ed8;text-decoration:underline}.legal-page{max-width:800px;margin:0 auto;padding:2rem 1rem;line-height:1.8}.legal-page h1{margin-bottom:2rem;color:#333;font-size:2rem}.legal-page h2{margin-top:2rem;margin-bottom:1rem;color:#2563eb;font-size:1.5rem}.legal-page section{margin-bottom:2rem}.legal-page p{margin-bottom:1rem;color:#555}.legal-page ul{margin:1rem 0 1rem 2rem;color:#555}.legal-page li{margin-bottom:.5rem}.legal-page strong{color:#333}.terms-intro{background:#fef3c7;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-right:4px solid #f59e0b}.support-cta{background:#e0f2fe;padding:2rem;border-radius:8px;text-align:center;border-right:4px solid #2563eb}.legal-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e5e5;text-align:center}.last-updated{color:#999;font-size:.85rem;margin-bottom:1rem}.inline-link{color:#2563eb;text-decoration:underline}.inline-link:hover{color:#1d4ed8}.terms-modal{max-width:600px}.terms-text{max-height:400px;overflow-y:auto;padding:1rem;background:#f9fafb;border-radius:6px;margin-bottom:1.5rem;text-align:right;line-height:1.6}.terms-text p{margin-bottom:1rem;color:#555}.terms-text ul{margin:1rem 0 1rem 2rem;color:#555}.terms-text li{margin-bottom:.5rem}.terms-checkbox{margin-bottom:1.5rem}.terms-checkbox label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:1rem}.terms-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.profile-required-notice{background:#fef3c7;padding:1rem;border-radius:8px;margin-bottom:2rem;text-align:center;color:#92400e;border-right:4px solid #f59e0b}.profile-form{background:#fff;padding:2rem;border-radius:8px;max-width:600px;margin:0 auto;box-shadow:0 2px 4px #0000001a}.success-message{background:#dcfce7;color:#166534;padding:.75rem;border-radius:6px;margin-bottom:1rem;text-align:center}