:root{--bg:#0f172a;--surface:#1e293b;--surface-2:#263348;--border:#334155;--border-light:#475569;--text:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--accent:#3b82f6;--accent-hover:#2563eb;--green:#22c55e;--green-dark:#16a34a;--red:#ef4444;--nav-height:60px;--radius:10px;--radius-sm:6px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.nav{height:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#0f172aeb;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo{font-size:20px}.nav-title{letter-spacing:-.3px;color:var(--text);font-size:18px;font-weight:700}.nav-links{gap:4px;display:flex}.nav-link{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:var(--surface)}.nav-link.active{color:var(--text);background:var(--surface-2)}.app{min-height:100vh}.main{padding-top:var(--nav-height);min-height:100vh}.dashboard{max-width:1200px;margin:0 auto;padding:36px 28px 48px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{letter-spacing:-.5px;font-size:28px;font-weight:700}.subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px;display:grid}@media (width<=800px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px}.stat-value{letter-spacing:-1px;color:var(--text);margin-bottom:6px;font-size:36px;font-weight:700;line-height:1}.stat-value.accent{color:var(--accent)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.stat-sub{color:var(--text-dim);margin-top:4px;font-size:12px}.map-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.map-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;display:flex}.map-header h2{font-size:16px;font-weight:600}.map-legend{flex-wrap:wrap;gap:16px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.legend-dot{border-radius:3px;width:12px;height:12px;display:inline-block}.legend-dot.not-visited{border:1px solid var(--border-light);background:#1e3a5f}.legend-dot.visited-1{background:#22c55e}.legend-dot.visited-2{background:#16a34a}.legend-dot.visited-4{background:#15803d}.world-map-container{background:#0a1929;height:480px;position:relative}.world-map-container svg{display:block}.map-tooltip{background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);pointer-events:none;z-index:200;flex-direction:column;gap:2px;padding:8px 12px;display:flex;position:fixed;box-shadow:0 4px 16px #0006}.map-tooltip strong{color:var(--text);font-size:13px;font-weight:600}.map-tooltip span{color:var(--green);font-size:12px}.map-zoom-controls{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:16px;right:16px}.map-zoom-controls button{background:var(--surface-2);border:1px solid var(--border-light);width:32px;height:32px;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;font-size:16px;transition:background .15s;display:flex}.map-zoom-controls button:hover{background:var(--border)}.trips-view{max-width:760px;margin:0 auto;padding:36px 28px 48px}.trips-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.trips-header h1{letter-spacing:-.5px;font-size:28px;font-weight:700}.trips-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.trip-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;transition:border-color .15s}.trip-card:hover{border-color:var(--border-light)}.trip-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.trip-name{margin-bottom:4px;font-size:16px;font-weight:600}.trip-dates{color:var(--text-muted);font-size:13px}.trip-countries{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.country-tag{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f640;border-radius:12px;flex-direction:column;padding:4px 10px;font-size:12px;display:flex}.country-tag-dates{color:var(--text-dim);margin-top:1px;font-size:11px}.trip-notes{color:var(--text-muted);margin-bottom:12px;font-size:13px;font-style:italic;line-height:1.6}.trip-meta{color:var(--text-dim);font-size:12px}.trip-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:28px;padding:28px 28px 24px}.trip-form h2{margin-bottom:22px;font-size:18px;font-weight:600}.form-group{margin-bottom:18px;position:relative}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}input[type=text],input[type=date],textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);appearance:none;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent)}input.error,.country-input-box.error,.country-search-box.error{border-color:var(--red)}textarea{resize:vertical}.field-error{color:var(--red);margin-top:4px;font-size:12px;display:block}.label-optional{color:var(--text-dim);font-weight:400}.country-search-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s}.country-search-box:focus-within{border-color:var(--accent)}.country-search-box .country-search-input{width:100%;padding:9px 12px}.country-stay-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.country-stay-row{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.country-stay-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.country-stay-name{font-size:14px;font-weight:500}.country-stay-dates{align-items:center;gap:8px;display:flex}.country-stay-dates input[type=date]{flex:1;padding:6px 10px;font-size:13px}.date-sep{color:var(--text-dim);flex-shrink:0}.country-input-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:text;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:6px 8px;transition:border-color .15s;display:flex}.country-input-box:focus-within{border-color:var(--accent)}.country-chip{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d;border-radius:20px;align-items:center;gap:4px;padding:2px 8px 2px 10px;font-size:12px;display:flex}.country-chip button{color:#93c5fd;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.country-chip button:hover{opacity:1}.country-search-input{color:var(--text);background:0 0;border:none;outline:none;font-family:inherit;font-size:14px}.country-search-input::placeholder{color:var(--text-dim)}.country-dropdown{background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);z-index:50;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.dropdown-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 14px;font-family:inherit;font-size:13px;transition:background .1s;display:block}.dropdown-item:hover{background:var(--border)}.form-check{align-items:center;gap:8px;margin-bottom:18px;display:flex}.form-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.form-check label{color:var(--text);cursor:pointer;margin:0;font-size:14px;font-weight:500;display:inline}.country-stay-actions{align-items:center;gap:10px;display:flex}.solo-check{color:var(--text-muted);cursor:pointer;align-items:center;gap:5px;font-size:12px;display:flex}.solo-check input[type=checkbox]{width:13px;height:13px;accent-color:var(--accent);cursor:pointer}.trip-name-row{align-items:center;gap:8px;display:flex}.solo-badge{color:#c084fc;letter-spacing:.02em;background:#a855f726;border:1px solid #a855f74d;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.solo-badge--sm{margin-left:5px;padding:1px 6px;font-size:10px}.form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,color .15s}.btn-secondary:hover{color:var(--text);background:var(--border)}.btn-icon{color:var(--text-dim);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:4px 6px;font-size:16px;line-height:1;transition:color .15s,background .15s}.btn-icon:hover{color:var(--red);background:#ef44441a}.trip-card-actions{flex-shrink:0;gap:2px;display:flex}.trip-card-actions .btn-icon:first-child:hover{color:var(--accent);background:#6366f11a}.table-view{max-width:1100px;margin:0 auto;padding:36px 28px 48px}.table-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.table-header h1{letter-spacing:-.5px;font-size:28px;font-weight:700}.table-stats{align-items:center;gap:16px;margin-top:10px;display:flex}.table-stat{align-items:baseline;gap:6px;display:flex}.table-stat-value{letter-spacing:-.5px;color:var(--text);font-size:28px;font-weight:700;line-height:1}.table-stat-label{color:var(--text-muted);font-size:13px;font-weight:500}.table-stat-divider{background:var(--border);width:1px;height:24px}.table-controls{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.filter-tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex}.filter-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s,background .15s}.filter-tab:hover{color:var(--text)}.filter-tab.active{background:var(--surface-2);color:var(--text)}.search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:240px;padding:9px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto hidden}.country-table{border-collapse:collapse;width:100%}.country-table th,.country-table td{text-align:left;padding:12px 16px;font-size:14px}.country-table thead th{background:var(--surface-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;font-size:12px;font-weight:600}.country-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.country-table tbody tr:last-child{border-bottom:none}.country-table tbody tr:hover{background:var(--surface-2)}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:var(--text)}.th-num,.td-num{width:48px;color:var(--text-dim);font-size:13px}.th-count,.td-count{text-align:center;width:100px}.th-toggle,.td-toggle{text-align:center;width:88px}.toggle-btn{border:2px solid var(--border-light);color:#0000;cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.toggle-btn:hover{border-color:var(--accent)}.toggle-btn.on{border-color:var(--green);color:var(--green);background:#22c55e1f}.heart-btn{cursor:pointer;color:var(--text-dim);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s,transform .1s;display:inline-flex}.heart-btn:hover,.heart-btn.on{color:#f472b6}.toggle-icon.visited-auto{border:2px solid var(--green-dark);width:28px;height:28px;color:var(--green);background:#16a34a1f;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.td-country{align-items:center;gap:10px;display:flex}.country-name{font-weight:500}.country-code{color:var(--text-dim);background:var(--surface-2);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.visit-badge{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto;font-size:13px;font-weight:600;display:inline-flex}.visits-1,.visits-2,.visits-3,.visits-4{background:var(--border);color:var(--text-muted)}.td-trips{flex-wrap:wrap;gap:4px;display:flex}.trip-ref{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:11px}.empty-state{text-align:center;color:var(--text-muted);padding:80px 24px}.empty-icon{opacity:.4;margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600}.empty-state p{color:var(--text-muted);font-size:14px}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}