:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0}.zone-selector{margin:2rem 0;text-align:center}.zone-selector h2{color:#2c3e50;margin-bottom:1.5rem;font-size:1.8rem}.zone-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.zone-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:3px solid #3498db;background:#fff;color:#3498db;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.zone-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.zone-btn.active{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;transform:scale(1.05)}@media (max-width: 600px){.zone-buttons{flex-direction:column;align-items:stretch}.zone-btn{width:100%}}.restaurant-search{background:transparent;border-radius:0;padding:0;margin:0;box-shadow:none;width:100%}.restaurant-search h3,.search-hint{display:none}.search-box-simple{margin-bottom:0;position:relative;width:100%}.search-spinner{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.5rem}.search-results-dropdown{background:#fff;border:2px solid #3498db;border-radius:12px;margin-top:.5rem;max-height:400px;overflow-y:auto;box-shadow:0 8px 24px #3498db33;animation:slideDown .3s ease;position:absolute;width:100%;z-index:1000;top:100%;left:0}.results-header{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:.75rem 1rem;font-weight:600;font-size:.95rem;border-radius:10px 10px 0 0}.result-dropdown-item{padding:1rem 1.25rem;border-bottom:1px solid #e8ecf1;cursor:pointer;transition:all .2s}.result-dropdown-item:hover{background:#f5f9ff;transform:translate(5px)}.result-dropdown-item:last-child{border-bottom:none;border-radius:0 0 10px 10px}.result-name{font-weight:700;color:#2c3e50;margin-bottom:.35rem;font-size:1.05rem}.result-address-small{color:#7f8c8d;font-size:.85rem;margin-bottom:.25rem}.result-rating-small{color:#f39c12;font-size:.85rem;font-weight:600}.search-input-autocomplete{width:100%;height:100%;padding:1.3rem 1.8rem;border:3px solid #e8ecf1;border-radius:15px;font-size:1.15rem;transition:all .3s;box-shadow:0 2px 8px #0000000d;font-weight:500}.search-input-autocomplete:focus{outline:none;border-color:#3498db;box-shadow:0 4px 16px #3498db33}.search-input-autocomplete:disabled{background:#f8f9fa;cursor:not-allowed}.search-input-autocomplete::placeholder{color:#95a5a6;font-weight:400}.loading-message{text-align:center;color:#3498db;font-weight:600;padding:1rem;background:#e3f2fd;border-radius:8px;margin-bottom:1rem;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.selected-place-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;padding:2rem;margin-top:1.5rem;box-shadow:0 8px 24px #0000001f;animation:slideIn .4s ease;max-width:600px;margin-left:auto;margin-right:auto}.place-header h4{color:#2c3e50;margin-bottom:1rem;font-size:1.2rem;text-align:center}.place-info{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.place-name{font-weight:700;color:#2c3e50;font-size:1.5rem;margin-bottom:.75rem}.place-address{color:#7f8c8d;font-size:1rem;margin-bottom:1rem;line-height:1.5}.place-metadata{display:flex;gap:1rem;flex-wrap:wrap;padding-top:.75rem;border-top:2px solid #e8ecf1}.place-rating{color:#f39c12;font-weight:600;font-size:.95rem}.place-reviews{color:#95a5a6;font-size:.9rem}.place-distance{color:#3498db;font-weight:600;font-size:.95rem;margin-left:auto}.place-phone{color:#2c3e50;font-size:1rem;margin:.5rem 0}.place-website,.place-google-link{display:inline-block;color:#3498db;text-decoration:none;font-weight:600;font-size:.95rem;padding:.5rem 1rem;background:#3498db1a;border-radius:8px;margin:.5rem .5rem .5rem 0;transition:all .3s ease}.place-website:hover,.place-google-link:hover{background:#3498db33;transform:translate(3px)}.place-price{color:#27ae60;font-weight:600;font-size:.95rem}.place-reviews-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e8ecf1}.place-reviews-section h5{color:#2c3e50;margin-bottom:1rem;font-size:1.1rem}.place-actions{display:flex;gap:1rem;flex-wrap:wrap}.add-favorite-btn-large{flex:1;min-width:200px;padding:1.25rem 2rem;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #e74c3c4d}.add-favorite-btn-large:hover{transform:translateY(-3px);box-shadow:0 6px 20px #e74c3c66}.cancel-btn{padding:1.25rem 2rem;background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #95a5a64d}.cancel-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #95a5a666}.search-tips{background:#e8f5e9;border-left:4px solid #27ae60;padding:1.5rem;border-radius:8px;margin-top:2rem}.tip-title{color:#27ae60;font-weight:700;margin-bottom:.75rem;font-size:1.1rem}.search-tips ul{margin:0;padding-left:1.5rem;color:#2c3e50}.search-tips li{margin-bottom:.5rem;line-height:1.5}.pac-container{border-radius:12px;margin-top:5px;box-shadow:0 8px 24px #00000026;border:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.pac-item{padding:12px 16px;cursor:pointer;border-top:1px solid #e8ecf1}.pac-item:hover{background:#f5f7fa}.pac-item-query{color:#2c3e50;font-weight:600}.pac-icon{margin-top:8px}@media (max-width: 768px){.place-actions{flex-direction:column}.add-favorite-btn-large,.cancel-btn{width:100%;min-width:100%}.place-metadata{flex-direction:column;gap:.5rem}.place-distance{margin-left:0}}.restaurant-picker{max-width:800px;margin:2rem auto;padding:0 1rem}.picker-header{text-align:center;margin-bottom:2rem}.picker-header h2{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.zone-info{color:#7f8c8d;font-size:1.1rem}.zone-info strong{color:#3498db}.filters-section{max-width:1200px;margin:0 auto 1.5rem;text-align:center}.filters-toggle-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3498db4d}.filters-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.filters-panel{background:#fff;padding:1.5rem;border-radius:15px;margin-top:1rem;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:row;gap:2rem;animation:slideDown .3s ease;align-items:flex-end;justify-content:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.filter-group label{font-weight:600;color:#2c3e50;font-size:1rem}.filter-select{width:100%;padding:.8rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s ease}.filter-select:hover{border-color:#3498db}.filter-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.reset-filters-btn{padding:.8rem 1.5rem;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.reset-filters-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c4d}.main-actions-row{display:flex;gap:1rem;align-items:stretch;justify-content:center;margin-bottom:2rem;max-width:1400px;margin-left:auto;margin-right:auto;padding:0 1rem}.search-container-inline{flex:1 1 auto;min-width:300px;max-width:600px}@media (max-width: 768px){.main-actions-row{flex-direction:column;align-items:stretch}.search-container-inline{width:100%}}.picker-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.pick-btn{flex:0 0 auto;min-width:220px;padding:1.3rem 1.8rem;font-size:1.15rem;font-weight:700;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.favorites-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d}.discovery-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 15px #9b59b64d}.favorites-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 25px #e74c3c66}.discovery-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 25px #9b59b666}.pick-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.no-favorites-warning{background:#fff3cd;color:#856404;padding:1.5rem;border-radius:12px;text-align:center;margin-bottom:2rem;border-left:5px solid #ffc107;font-weight:600}.cards-container{position:relative;width:100%;max-width:900px;height:700px;margin:2rem auto;perspective:1000px}.card-stack{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.suggestion-card{position:absolute;background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px #0000001a;width:90%;max-width:700px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);cursor:pointer}.suggestion-card.current{z-index:3;transform:translate(0) scale(1);opacity:1;box-shadow:0 15px 50px #0003}.suggestion-card.next{z-index:2;transform:translate(250px) scale(.85);opacity:.6;pointer-events:all}.suggestion-card.previous{z-index:2;transform:translate(-250px) scale(.85);opacity:.6;pointer-events:all}.suggestion-card.hidden{z-index:1;transform:translate(500px) scale(.7);opacity:0;pointer-events:none}.suggestion-card.next:hover,.suggestion-card.previous:hover{transform:translate(250px) scale(.9);opacity:.8}.suggestion-card.previous:hover{transform:translate(-250px) scale(.9)}.card-navigation{display:flex;justify-content:center;gap:1rem;margin-top:1rem;padding:1rem}.nav-btn{padding:.8rem 1.5rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3498db4d}.nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.card-counter{text-align:center;color:#7f8c8d;font-size:1rem;margin-top:.5rem;font-weight:600}.card-counter-simple{text-align:center;color:#7f8c8d;font-size:1.1rem;margin-top:1rem;font-weight:600}.loading-more{color:#3498db;margin-left:1rem;font-size:.95rem;animation:pulse 1.5s infinite}.all-loaded{color:#27ae60;margin-left:1rem;font-size:.95rem;font-weight:600}@media (max-width: 768px){.cards-container{height:650px}.suggestion-card.next{transform:translate(150px) scale(.85)}.suggestion-card.previous{transform:translate(-150px) scale(.85)}.suggestion-card.next:hover,.suggestion-card.previous:hover{transform:translate(150px) scale(.9)}.suggestion-card.previous:hover{transform:translate(-150px) scale(.9)}}.restaurant-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin:1.5rem 0;border-radius:12px;overflow:hidden}.restaurant-photo{width:100%;height:150px;object-fit:cover;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.restaurant-photo:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.card-header h3{color:#2c3e50;font-size:1.8rem;margin:0}.badge{color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.favorite-badge{background:linear-gradient(135deg,#e74c3c,#c0392b)}.new-badge{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.card-body{margin-bottom:2rem}.address{color:#7f8c8d;font-size:1.1rem;margin-bottom:.5rem}.google-link{display:inline-block;color:#3498db;text-decoration:none;font-weight:600;font-size:1rem;padding:.5rem 1rem;background:#3498db1a;border-radius:8px;margin-bottom:.5rem;transition:all .3s ease}.google-link:hover{background:#3498db33;transform:translate(3px)}.horaires{color:#27ae60;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.warning{color:#e67e22;font-weight:600;margin-top:1rem;padding:.5rem;background:#ffeaa7;border-radius:8px}.visited-warning{color:#e67e22;font-weight:600;margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:10px;border-left:4px solid #ff9800;font-size:1rem;text-align:center}.card-actions{display:flex;gap:1rem;flex-wrap:wrap}.validate-btn,.reroll-btn{flex:1;min-width:150px;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.validate-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;box-shadow:0 4px 15px #27ae604d}.validate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.reroll-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;box-shadow:0 4px 15px #95a5a64d}.reroll-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #95a5a666}.restaurants-list{margin-top:3rem}.restaurants-list h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.favorites-hint{text-align:center;color:#7f8c8d;font-size:.95rem;margin-bottom:1.5rem;font-style:italic}.resto-item{background:#fff;padding:0;border-radius:12px;box-shadow:0 3px 10px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.resto-item.expanded{box-shadow:0 5px 20px #3498db33}.resto-item-header{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease}.resto-item-header:hover{background:#3498db0d}.expand-icon{font-size:1.2rem;color:#3498db;font-weight:700;margin-left:1rem}.resto-details{padding:0 1.5rem 1.5rem;animation:slideDown .3s ease;border-top:2px solid #ecf0f1;margin-top:1rem}.resto-extra-info{margin:1rem 0;padding:1rem;background:#f8f9fa;border-radius:8px}.resto-extra-info p{margin:.5rem 0;font-size:.95rem}.google-link-small{display:inline-block;color:#3498db;text-decoration:none;font-weight:600;font-size:.95rem;padding:.5rem 1rem;background:#3498db1a;border-radius:8px;margin-top:.5rem;transition:all .3s ease}.google-link-small:hover{background:#3498db33;transform:translate(3px)}.resto-reviews{margin-top:1.5rem}.resto-reviews h4{color:#2c3e50;margin-bottom:1rem;font-size:1.1rem}.review-item{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:.8rem;border-left:3px solid #3498db}.review-author{font-size:.9rem;color:#2c3e50;margin-bottom:.5rem}.review-text{font-size:.9rem;color:#555;line-height:1.5;margin:0}.resto-item:hover{transform:translateY(-3px);box-shadow:0 5px 20px #00000026}.resto-name{font-weight:700;color:#2c3e50;margin-bottom:.5rem;font-size:1.1rem}.resto-type{color:#7f8c8d;font-size:.9rem;margin-bottom:.5rem}.resto-horaire,.resto-status,.rating{font-weight:600;font-size:.9rem;margin-top:.5rem}.resto-status{padding:.25rem .5rem;border-radius:5px;display:inline-block}.resto-status.open{color:#27ae60;background:#27ae601a}.resto-status.closed{color:#e74c3c;background:#e74c3c1a}.resto-address{color:#95a5a6;font-size:.85rem;margin:.25rem 0}.rating{color:#f39c12}.visited-badge{position:absolute;top:.5rem;right:.5rem;background:#e67e22;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}@media (max-width: 768px){.picker-actions{flex-direction:column;align-items:stretch}.pick-btn{min-width:100%}.card-actions{flex-direction:column}.validate-btn,.reroll-btn{width:100%}.list-grid{grid-template-columns:1fr}}.participants-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.participants-modal{background:#fff;padding:2rem;border-radius:20px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.participants-modal h3{margin-top:0;color:#2c3e50;font-size:1.5rem;text-align:center;margin-bottom:.5rem}.participants-subtitle{text-align:center;color:#7f8c8d;margin-bottom:2rem}.participants-list{margin-bottom:2rem;max-height:400px;overflow-y:auto}.participant-item{display:flex;align-items:center;padding:1rem;border-radius:10px;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem}.participant-item:hover{background:#f8f9fa}.participant-item input[type=checkbox]{width:20px;height:20px;margin-right:1rem;cursor:pointer}.participant-name{font-size:1.1rem;color:#2c3e50;font-weight:500}.participants-actions{display:flex;gap:1rem}.cancel-btn,.confirm-btn{flex:1;padding:1rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#e0e0e0;color:#2c3e50}.cancel-btn:hover{background:#d0d0d0;transform:translateY(-2px)}.confirm-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #27ae604d}.favorites-manager{max-width:800px;margin:1rem auto;padding:0 1rem}.favorites-toggle{display:block;margin:0 auto;padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e74c3c4d}.favorites-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.favorites-content{background:#fff;border-radius:20px;padding:2rem;margin-top:1.5rem;box-shadow:0 10px 40px #0000001a;animation:fadeIn .3s ease}.favorites-content h3{color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.no-favorites{text-align:center;color:#7f8c8d;font-style:italic;padding:2rem}.favorites-list{display:flex;flex-direction:column;gap:1rem}.favorite-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:1.5rem;border-radius:12px;border-left:5px solid #e74c3c;transition:all .3s ease}.favorite-item:hover{transform:translate(5px);box-shadow:0 4px 15px #0000001a}.favorite-info{flex:1}.favorite-name{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.favorite-address{color:#7f8c8d;font-size:.95rem}.remove-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.remove-btn:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}@media (max-width: 768px){.favorite-item{flex-direction:column;align-items:stretch}.remove-btn{width:100%}}.history-section{max-width:800px;margin:2rem auto;padding:0 1rem}.history-toggle{display:block;margin:0 auto;padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #9b59b64d}.history-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9b59b666}.history-content{background:#fff;border-radius:20px;padding:2rem;margin-top:1.5rem;box-shadow:0 10px 40px #0000001a;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.history-content h3{color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.no-history{text-align:center;color:#7f8c8d;font-style:italic;padding:2rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:1.5rem;border-radius:12px;border-left:5px solid #9b59b6;transition:all .3s ease}.history-item:hover{transform:translate(5px);box-shadow:0 4px 15px #0000001a}.history-date{color:#7f8c8d;font-size:.95rem;margin-bottom:.5rem;text-transform:capitalize}.history-resto{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.history-participants{color:#3498db;font-size:.95rem;margin-top:.5rem;padding:.5rem;background:#3498db1a;border-radius:6px;margin-bottom:.5rem}.history-creator{color:#95a5a6;font-size:.85rem;font-style:italic}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-box{background:#fff;padding:3rem 2rem;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-box h1{text-align:center;color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.login-box h2{text-align:center;color:#7f8c8d;font-size:1.5rem;margin-bottom:2rem;font-weight:400}.form-group label{display:block;color:#2c3e50;font-weight:600;margin-bottom:.5rem;font-size:1rem}.form-group input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-info{margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:10px;text-align:center;color:#666;font-size:.9rem;border-left:4px solid #3498db}.login-info strong{color:#2c3e50}@media (max-width: 480px){.login-box{padding:2rem 1.5rem}.login-box h1{font-size:1.5rem}.login-box h2{font-size:1.2rem}}.admin-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-modal{background:#fff;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #f0f0f0}.admin-header h2{margin:0;color:#2c3e50;font-size:1.8rem}.close-btn{background:#e0e0e0;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#d0d0d0;transform:rotate(90deg)}.admin-content{padding:2rem}.admin-actions{margin-bottom:2rem}.add-user-btn{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.user-form{background:#f8f9fa;padding:2rem;border-radius:15px;margin-bottom:2rem;border:2px solid #e0e0e0}.user-form h3{margin-top:0;color:#2c3e50;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#2c3e50;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.8rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;box-sizing:border-box;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #27ae604d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.users-list h3{color:#2c3e50;margin-bottom:1.5rem}.no-users{text-align:center;color:#999;padding:2rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.user-card{background:#fff;padding:1.5rem;border-radius:12px;border:2px solid #e0e0e0;transition:all .3s ease;position:relative}.user-card:hover{border-color:#667eea;box-shadow:0 5px 15px #0000001a}.user-info{margin-right:2.5rem}.user-name{font-weight:700;color:#2c3e50;margin-bottom:.5rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.admin-badge{font-size:.8rem;background:linear-gradient(135deg,gold,#ffed4e);padding:.2rem .5rem;border-radius:5px;font-weight:600}.user-username{color:#7f8c8d;margin-bottom:.5rem;font-size:.9rem}.user-date{color:#95a5a6;font-size:.8rem}.delete-user-btn{position:absolute;top:1rem;right:1rem;background:#e74c3c;color:#fff;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.delete-user-btn:hover{background:#c0392b;transform:scale(1.1)}.error-message{background:#fee;color:#c33;padding:1rem;border-radius:10px;margin-bottom:1.5rem;text-align:center;font-weight:600;border-left:4px solid #c33}@media (max-width: 768px){.admin-modal{max-height:95vh}.admin-header,.admin-content{padding:1.5rem}.users-grid{grid-template-columns:1fr}.user-form{padding:1.5rem}}.admin-modal-large{background:#fff;border-radius:20px;max-width:1200px;width:95%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease;overflow:hidden}.admin-tabs{display:flex;border-bottom:2px solid #ecf0f1;padding:0 2rem;gap:.5rem}.tab-btn{padding:1rem 2rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;color:#7f8c8d}.tab-btn.active{color:#3498db;border-bottom-color:#3498db}.tab-btn:hover{color:#2980b9}.tab-panel{padding:2rem;overflow-y:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.panel-header h3{color:#2c3e50;font-size:1.5rem}.add-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.form-card{background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.form-card input,.form-card select{padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.form-card input:focus,.form-card select:focus{outline:none;border-color:#3498db}.form-hint{color:#7f8c8d;font-size:.9rem;font-style:italic;margin:0}.list-container{display:flex;flex-direction:column;gap:.75rem}.list-item{background:#fff;padding:1rem 1.5rem;border-radius:10px;display:flex;justify-content:space-between;align-items:center;border:2px solid #ecf0f1;transition:all .2s}.list-item:hover{border-color:#3498db;transform:translate(5px)}.list-item-zone{background:#fff;padding:1.5rem;border-radius:10px;border:2px solid #ecf0f1;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.list-item-zone:hover{border-color:#3498db;transform:translate(5px)}.zone-address{color:#7f8c8d;font-size:.9rem;margin:.5rem 0}.action-buttons{display:flex;gap:.5rem}.edit-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.delete-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.badge-admin{background:#e74c3c;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;margin-left:.5rem}.search-section{margin-bottom:2rem}.search-input-admin{width:100%;padding:1rem;border:3px solid #e0e0e0;border-radius:12px;font-size:1.1rem;transition:all .3s}.search-input-admin:focus{outline:none;border-color:#3498db;box-shadow:0 4px 16px #3498db33}.spinner{text-align:center;padding:1rem;color:#3498db;font-weight:600}.search-results-admin{margin-top:1rem;border:2px solid #3498db;border-radius:12px;overflow:hidden;max-height:400px;overflow-y:auto}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #ecf0f1;transition:all .2s}.search-result-item:hover{background:#f5f9ff}.search-result-item:last-child{border-bottom:none}.blacklist-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.blacklist-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.empty-message{text-align:center;color:#7f8c8d;padding:2rem;font-style:italic}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.App{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem 1rem;box-shadow:0 4px 20px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:2rem}.header-left{flex:1;text-align:center}.header-right{display:flex;align-items:center}.user-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.user-name{color:#2c3e50;font-weight:600;font-size:1rem}.admin-btn,.logout-btn{padding:.7rem 1.2rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#2c3e50}.admin-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffd7004d}.logout-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c4d}.app-header h1{color:#2c3e50;font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.05)}.date{color:#7f8c8d;font-size:1.2rem;text-transform:capitalize;margin-bottom:.5rem}.subtitle{color:#3498db;font-size:1rem;font-weight:600}.app-main{flex:1;padding:2rem 1rem}.app-footer{background:#2c3e50e6;color:#fff;text-align:center;padding:2rem 1rem;margin-top:3rem}.app-footer p{margin-bottom:.5rem;font-size:1.1rem}.footer-info{color:#bdc3c7;font-size:.9rem;margin-top:.25rem}.api-warning{background:#fff;border-radius:20px;padding:3rem;max-width:800px;margin:2rem auto;box-shadow:0 10px 40px #0000001a;text-align:left}.api-warning h2{color:#e74c3c;margin-bottom:1.5rem;text-align:center}.api-warning p{color:#2c3e50;margin-bottom:1rem;line-height:1.6}.setup-steps{background:#f8f9fa;padding:1.5rem 2rem;border-radius:10px;margin:1.5rem 0;color:#2c3e50}.setup-steps li{margin-bottom:.75rem;line-height:1.6}.setup-steps code{background:#e8ecf1;padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:#e74c3c}.api-warning a{color:#3498db;text-decoration:none;font-weight:600}.api-warning a:hover{text-decoration:underline}.note{background:#fff3cd;border-left:4px solid #ffc107;padding:1rem;border-radius:5px;color:#856404}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.loader{text-align:center;color:#fff}.loader h1{color:#fff;margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.header-left{text-align:center}.header-right{width:100%;justify-content:center}.user-info{flex-direction:column;width:100%;gap:.5rem}.admin-btn,.logout-btn{width:100%}.app-header h1{font-size:2rem}.date{font-size:1rem}.app-main{padding:1rem .5rem}}