:root{--bg-app: #f4f6fa;--bg-surface: #ffffff;--bg-surface-hover: #f8fafc;--border: #e2e8f0;--text-main: #1e293b;--text-muted: #64748b;--text-inverse: #ffffff;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: #eff6ff;--star-color: #d97706;--shadow: 0 4px 18px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .08);--badge-spiaggia: #e0f2fe;--badge-spiaggia-txt: #0369a1;--badge-ristorante: #ffedd5;--badge-ristorante-txt: #c2410c;--badge-street: #fef9c3;--badge-street-txt: #a16207;--badge-cantina: #ffe4e6;--badge-cantina-txt: #be123c;--badge-sito: #ece9fc;--badge-sito-txt: #6366f1;--badge-museo: #fae8ff;--badge-museo-txt: #a21caf;--badge-villaggio: #f1f5f9;--badge-villaggio-txt: #475569;--badge-trekking: #dcfce7;--badge-trekking-txt: #15803d;--badge-panorama: #ccfbf1;--badge-panorama-txt: #0f766e;--badge-barca: #e0f2fe;--badge-barca-txt: #0369a1}[data-theme=dark]{--bg-app: #0f172a;--bg-surface: #1e293b;--bg-surface-hover: #334155;--border: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--text-inverse: #0f172a;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-light: #1e3a8a;--shadow: 0 4px 18px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .35);--badge-spiaggia: #0c4a6e;--badge-spiaggia-txt: #38bdf8;--badge-ristorante: #7c2d12;--badge-ristorante-txt: #fdba74;--badge-street: #713f12;--badge-street-txt: #fef08a;--badge-cantina: #881337;--badge-cantina-txt: #fecdd3;--badge-sito: #312e81;--badge-sito-txt: #c7d2fe;--badge-museo: #701a75;--badge-museo-txt: #f5d0fe;--badge-villaggio: #334155;--badge-villaggio-txt: #cbd5e1;--badge-trekking: #064e3b;--badge-trekking-txt: #86efac;--badge-panorama: #115e59;--badge-panorama-txt: #99f6e4;--badge-barca: #0c4a6e;--badge-barca-txt: #38bdf8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-app);color:var(--text-main);transition:background-color .2s,color .2s;overflow-x:hidden;height:100vh}#root{height:100%}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background-color:var(--bg-surface);border-bottom:1px solid var(--border);z-index:50;box-shadow:var(--shadow)}.header-brand{display:flex;align-items:center;gap:12px}.logo{font-size:2.2rem;line-height:1}.header-brand h1{font-family:Outfit,sans-serif;font-weight:800;font-size:1.45rem;letter-spacing:-.5px;color:var(--text-main)}.subtitle{font-size:.8rem;color:var(--text-muted);font-weight:500;margin-top:2px}.header-actions{display:flex;align-items:center;gap:10px}.tab-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--border);border-radius:20px;background:var(--bg-surface);color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.tab-btn:hover{background-color:var(--bg-app);color:var(--text-main)}.tab-btn.active{background-color:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-main);cursor:pointer;transition:all .2s}.theme-toggle:hover{background-color:var(--bg-app);transform:scale(1.05)}.main-content{display:flex;flex:1;overflow:hidden;position:relative}.list-section{flex:1.3;overflow-y:auto;padding:24px;display:flex;flex-direction:column}.map-section{flex:.9;padding:24px;overflow:hidden;height:100%}.map-card{display:flex;flex-direction:column;height:100%;background-color:var(--bg-surface);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:16px}.map-header{margin-bottom:12px}.map-header h3{font-family:Outfit,sans-serif;font-weight:700;font-size:1.05rem;color:var(--text-main)}.map-header p{font-size:.76rem;color:var(--text-muted);margin-top:2px}.map-container-wrapper{flex:1;width:100%;border-radius:8px;overflow:hidden;position:relative}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{font-family:Cormorant Garamond,serif;font-size:1.25rem;font-style:italic;color:var(--text-muted)}.filters-card{background-color:var(--bg-surface);border-radius:10px;border:1px solid var(--border);padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.filter-row.top{display:flex;gap:24px;margin-bottom:16px;align-items:flex-start}.search-box{position:relative;flex:1.2}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.clear-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);cursor:pointer}.search-box input{width:100%;padding:12px 14px 12px 42px;border-radius:8px;border:1.5px solid var(--border);background-color:var(--bg-app);color:var(--text-main);font-size:.85rem;outline:none;font-family:inherit;transition:all .2s}.search-box input:focus{border-color:var(--accent);background-color:var(--bg-surface);box-shadow:0 0 0 3px var(--accent-light)}.slider-box{flex:.8;min-width:200px}.slider-header{display:flex;justify-content:space-between;font-size:.78rem;font-weight:600;color:var(--text-main);margin-bottom:8px}.cost-label{color:var(--accent);font-size:.85rem}.cost-slider{-webkit-appearance:none;width:100%;height:6px;background:var(--border);border-radius:3px;outline:none}.cost-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2.5px solid var(--bg-surface);box-shadow:0 2px 4px #00000026;transition:transform .15s}.cost-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-scale{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-muted);margin-top:4px;font-weight:500}.filter-row.categories{display:flex;flex-wrap:wrap;gap:8px}.cat-tag{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background-color:var(--bg-surface);color:var(--text-muted);font-size:.76rem;font-weight:500;cursor:pointer;transition:all .2s}.cat-tag:hover{background-color:var(--bg-app);color:var(--text-main);border-color:var(--text-muted)}.cat-tag.active{background-color:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.results-summary{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;font-weight:600;color:var(--text-muted);margin-bottom:12px;padding:0 4px}.clear-selection{background:none;border:none;color:#dc2626;cursor:pointer;font-weight:700;text-decoration:underline}.clear-selection:hover{color:#b91c1c}.table-wrapper{background-color:var(--bg-surface);border-radius:10px;border:1px solid var(--border);box-shadow:var(--shadow);overflow-x:auto;flex:1}.resources-table{width:100%;border-collapse:collapse;text-align:left}.resources-table th{padding:14px 18px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700;border-bottom:1.5px solid var(--border);background-color:var(--bg-surface-hover);cursor:pointer;-webkit-user-select:none;user-select:none}.resources-table th:hover,.resources-table th.sorted{color:var(--accent)}.resources-table td{padding:14px 18px;border-bottom:1px solid var(--border);font-size:.81rem;line-height:1.5;vertical-align:top}.resource-row{cursor:pointer;transition:background-color .15s}.resource-row:hover{background-color:var(--bg-surface-hover)}.resource-row.selected{background-color:var(--accent-light)!important}.desc-header{width:32%}.name-cell{min-width:160px}.name-wrapper{display:flex;align-items:center;gap:6px}.star-icon{font-size:.9rem}.resource-name{font-family:Outfit,sans-serif;font-size:.92rem;font-weight:700;color:var(--text-main)}.resource-zone{display:block;font-size:.72rem;color:var(--text-muted);margin-top:2px;font-weight:500}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.68rem;font-weight:600;white-space:nowrap}.badge-spiaggia{background-color:var(--badge-spiaggia);color:var(--badge-spiaggia-txt)}.badge-ristorante{background-color:var(--badge-ristorante);color:var(--badge-ristorante-txt)}.badge-street{background-color:var(--badge-street);color:var(--badge-street-txt)}.badge-cantina{background-color:var(--badge-cantina);color:var(--badge-cantina-txt)}.badge-sito{background-color:var(--badge-sito);color:var(--badge-sito-txt)}.badge-museo{background-color:var(--badge-museo);color:var(--badge-museo-txt)}.badge-villaggio{background-color:var(--badge-villaggio);color:var(--badge-villaggio-txt)}.badge-trekking{background-color:var(--badge-trekking);color:var(--badge-trekking-txt)}.badge-panorama{background-color:var(--badge-panorama);color:var(--badge-panorama-txt)}.badge-barca{background-color:var(--badge-barca);color:var(--badge-barca-txt)}.action-link-btn{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--accent);border-radius:4px;color:var(--accent);text-decoration:none;font-size:.7rem;font-weight:600;transition:all .15s;background-color:var(--bg-surface);white-space:nowrap}.action-link-btn:hover{background-color:var(--accent);color:var(--text-inverse)}.desc-cell{color:var(--text-main);font-size:.78rem;font-weight:450}.cost-indicator{display:inline-block;padding:2px 8px;border-radius:6px;font-weight:600;font-size:.76rem;white-space:nowrap}.cost-low{color:#16a34a;background-color:#16a34a14}.cost-medium{color:var(--star-color);background-color:#d9770614}.cost-high{color:#dc2626;background-color:#dc262614}.rating-score{color:var(--star-color);font-size:.82rem;font-weight:700;display:flex;align-items:center;gap:4px;letter-spacing:-.5px}.score-num{color:var(--text-main)}.rating-details{display:block;font-size:.65rem;color:var(--text-muted);margin-top:1px}.no-rating{font-size:.72rem;color:var(--text-muted);font-style:italic}.no-results{padding:48px;text-align:center;color:var(--text-muted);font-style:italic;font-size:.9rem}.itinerary-pane{padding:8px 4px}.itinerary-timeline{display:flex;flex-direction:column;gap:28px}.itinerary-day-card{background-color:var(--bg-surface);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);padding:24px;position:relative}.day-header{display:flex;align-items:center;gap:16px;border-bottom:1.5px solid var(--border);padding-bottom:14px;margin-bottom:20px}.day-number{background-color:var(--accent);color:var(--text-inverse);font-family:Outfit,sans-serif;font-weight:800;font-size:.95rem;padding:8px 16px;border-radius:18px;box-shadow:0 4px 10px var(--accent-light)}.day-header h3{font-family:Outfit,sans-serif;font-weight:700;font-size:1.15rem;color:var(--text-main)}.day-date{font-size:.76rem;color:var(--text-muted);font-weight:600}.activities-list{position:relative;padding-left:20px}.activities-list:before{content:"";position:absolute;left:3px;top:6px;bottom:6px;width:2px;background-color:var(--border)}.activity-item{position:relative;margin-bottom:22px;display:flex}.activity-item:last-child{margin-bottom:0}.activity-time{width:60px;font-size:.8rem;font-weight:700;color:var(--accent);padding-top:1px}.activity-dot{position:absolute;left:-20px;top:5px;width:8px;height:8px;border-radius:50%;background-color:var(--accent);border:2px solid var(--bg-surface);box-shadow:0 0 0 2px var(--border)}.activity-body{flex:1;padding-left:12px}.activity-body h4{font-family:Outfit,sans-serif;font-weight:700;font-size:.9rem;color:var(--text-main);margin-bottom:4px}.activity-body p{font-size:.78rem;color:var(--text-muted);line-height:1.45;margin-bottom:8px}.activity-link-btn{display:inline-flex;align-items:center;background:none;border:none;color:var(--accent);font-size:.72rem;font-weight:700;cursor:pointer;text-decoration:underline;padding:0}.activity-link-btn:hover{color:var(--accent-hover)}.popup-content{font-family:inherit}.popup-link{display:inline-flex;padding:3px 8px;border-radius:4px;font-size:.65rem;font-weight:600;text-decoration:none;transition:all .1s}.popup-link.maps{background-color:#34a853;color:#fff;border:1px solid #34a853}.popup-link.maps:hover{background-color:#2b8c45}@keyframes markerPulse{0%{transform:scale(.6) rotate(45deg);opacity:.4}to{transform:scale(1.4) rotate(45deg);opacity:0}}.pulse-ring{position:absolute;top:-8px;left:-8px;width:38px;height:38px;border-radius:50%;border:2px solid #dc2626;animation:markerPulse 1.5s infinite}@media (max-width: 1024px){.main-content{flex-direction:column;overflow-y:auto}.list-section,.map-section{flex:none;height:auto;overflow-y:visible}.map-section{height:480px}.desktop-only-stats{display:none!important}.mobile-only-stats{display:flex!important;flex-direction:column;gap:16px;margin-top:20px;width:100%}}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start;padding:14px 18px;gap:14px}.header-actions{width:100%;justify-content:space-between}.tab-btn{padding:8px 12px;font-size:.78rem}.filter-row.top{flex-direction:column;gap:14px}.search-box,.slider-box{width:100%}.list-section{padding:14px}.map-section{padding:14px;height:360px}.table-wrapper{background-color:transparent;border:none;box-shadow:none}.resources-table{display:block;width:100%}.resources-table thead{display:none}.resources-table tbody{display:block;width:100%}.resource-row{display:flex!important;flex-wrap:wrap;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px;box-shadow:var(--shadow);gap:8px;transition:transform .2s,border-color .2s}.resource-row:hover{transform:translateY(-1px);background-color:var(--bg-surface)}.resource-row.selected{border-color:var(--accent)!important;background-color:var(--bg-surface)!important;box-shadow:0 0 0 2px var(--accent-light)}.resources-table td{display:block;padding:0!important;border:none!important;width:auto}.name-cell{width:100%!important;order:1;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border)!important;padding-bottom:8px!important;margin-bottom:4px}.name-wrapper{max-width:70%}.resource-name{font-size:.98rem}.resource-zone{margin-top:0;text-align:right;font-size:.78rem;font-weight:700;color:var(--accent)}.desc-cell{width:100%!important;order:2;font-size:.8rem;line-height:1.45;color:var(--text-muted);margin-bottom:6px}.resource-row td:nth-child(2){order:3}.cost-cell{order:4}.rating-cell{order:5;margin-right:auto}.rating-details{display:none}.resource-row td:nth-child(3){order:6}.action-link-btn{padding:5px 12px;font-size:.74rem}}.expenses-pane{display:flex;flex-direction:column;gap:20px}.expenses-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.stat-title{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.stat-val{font-family:Outfit,sans-serif;font-weight:800;font-size:1.6rem;margin-top:6px;color:var(--text-main)}.roberto-val{color:#0d9488}.sara-val{color:#7c3aed}.grand-total-card{background-color:var(--accent-light);border-color:var(--accent)}.grand-total-card .stat-val{color:var(--accent)}.debt-banner{display:flex;align-items:center;gap:10px;background-color:var(--bg-surface);border:1px solid var(--border);border-left:4px solid #10b981;border-radius:8px;padding:12px 18px;font-weight:600;font-size:.85rem;color:var(--text-main);box-shadow:var(--shadow)}.debt-icon{color:#10b981;flex-shrink:0}.expense-form-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.expense-form-card h3{font-family:Outfit,sans-serif;font-weight:700;font-size:1.05rem;color:var(--text-main)}.form-row{display:flex;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.amount-group,.payer-group{flex:1}.desc-group{width:100%}.form-group label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.input-with-icon{position:relative;width:100%}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.form-group input{width:100%;padding:10px 12px;border-radius:6px;border:1.5px solid var(--border);background-color:var(--bg-app);color:var(--text-main);font-size:.85rem;outline:none;font-family:inherit}.input-with-icon input{padding-left:36px}.form-group input:focus{border-color:var(--accent);background-color:var(--bg-surface)}.payer-toggle-buttons{display:flex;border:1.5px solid var(--border);border-radius:6px;overflow:hidden}.payer-toggle-btn{flex:1;border:none;background-color:var(--bg-app);color:var(--text-muted);font-weight:600;font-size:.82rem;padding:10px;cursor:pointer;font-family:inherit;transition:all .15s}.payer-toggle-btn.active{background-color:var(--accent);color:var(--text-inverse)}.payer-toggle-btn:not(.active):hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.geo-status-banner{font-size:.75rem;font-weight:600;padding:8px 12px;border-radius:6px;background-color:var(--bg-app)}.geo-loading{color:var(--text-muted)}.geo-success{color:#10b981}.geo-error{color:#dc2626;display:flex;align-items:center;justify-content:space-between}.retry-geo-btn{background:none;border:none;color:var(--accent);font-weight:700;text-decoration:underline;cursor:pointer}.submit-expense-btn{background-color:var(--accent);color:var(--text-inverse);font-family:Outfit,sans-serif;font-weight:700;font-size:.88rem;padding:12px;border:none;border-radius:6px;cursor:pointer;transition:background-color .15s}.submit-expense-btn:hover{background-color:var(--accent-hover)}.submit-expense-btn:disabled{background-color:var(--text-muted);cursor:not-allowed}.expenses-list-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.expenses-list-card h3{font-family:Outfit,sans-serif;font-weight:700;font-size:1.05rem;color:var(--text-main)}.expenses-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:4px}.expense-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--border);border-radius:8px;background-color:var(--bg-surface);cursor:pointer;transition:all .15s;gap:12px}.expense-list-item:hover{background-color:var(--bg-surface-hover);border-color:var(--text-muted)}.expense-list-item.selected{border-color:#10b981;background-color:#ecfdf5!important}[data-theme=dark] .expense-list-item.selected{background-color:#064e3b!important}.exp-meta{display:flex;flex-direction:column;gap:4px;width:75px;flex-shrink:0}.payer-badge{display:inline-block;text-align:center;padding:2px 6px;border-radius:6px;font-size:.65rem;font-weight:700}.payer-badge.badge-roberto{background-color:#0d94881a;color:#0d9488}.payer-badge.badge-sara{background-color:#7c3aed1a;color:#7c3aed}.exp-date{font-size:.65rem;color:var(--text-muted);font-weight:500}.exp-body{flex:1;display:flex;flex-direction:column;gap:2px}.exp-description{font-weight:600;font-size:.85rem;color:var(--text-main)}.exp-geo-pin{font-size:.65rem;font-weight:700;color:#10b981}.exp-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.exp-amount{font-family:Outfit,sans-serif;font-weight:700;font-size:.95rem;color:var(--text-main)}.delete-exp-btn{background:#ef444414;border:1.5px solid rgba(239,68,68,.15);font-size:.95rem;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .15s ease-in-out;display:inline-flex;align-items:center;justify-content:center}.delete-exp-btn:hover{background-color:#ef4444;color:#fff;border-color:#ef4444}.no-expenses{text-align:center;padding:24px;color:var(--text-muted);font-style:italic;font-size:.8rem}.desktop-only-stats{display:block}.mobile-only-stats{display:none}@media (max-width: 768px){.expenses-stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:12px}.stat-val{font-size:1.35rem}.form-row{flex-direction:column;gap:12px}.expense-form-card{padding:16px}}.direct-submit-group{margin-top:10px;display:flex;flex-direction:column;gap:8px}.payer-direct-buttons{display:flex;gap:12px;width:100%}.payer-direct-btn{flex:1;border:none;font-family:Outfit,sans-serif;font-weight:700;font-size:.88rem;padding:12px 14px;border-radius:8px;color:#fff;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .15s ease-in-out;display:inline-flex;align-items:center;justify-content:center}.payer-direct-btn:disabled{background-color:var(--text-muted)!important;cursor:not-allowed;transform:none!important;box-shadow:none!important}.roberto-btn{background-color:#0d9488}.roberto-btn:hover:not(:disabled){background-color:#0f766e;transform:translateY(-1px);box-shadow:0 4px 8px #0d948833}.sara-btn{background-color:#7c3aed}.sara-btn:hover:not(:disabled){background-color:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 8px #7c3aed33}@media (max-width: 480px){.payer-direct-buttons{flex-direction:column;gap:8px}}