:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}h1{margin:0}button{cursor:pointer;font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg-gradient-start:#1a1a2e;--bg-gradient-end:#16213e;--card-bg:#1e1e2ef2;--card-hover-shadow:#0000004d;--text-primary:#fff;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e0;--accent-gradient-start:#7c92f5;--accent-gradient-end:#8b5ecf;--weather-card-bg:#2d2d3ccc;--weather-card-border:#ffffff1a;--section-title-color:#f7fafc;--date-color:#cbd5e0;--summary-color:#f7fafc;--temp-unit-color:#e2e8f0;--divider-color:#4a5568;--error-bg:#dc26261a;--error-border:#ef4444;--error-text:#fca5a5;--skeleton-bg-1:#ffffff0d;--skeleton-bg-2:#ffffff1a;--tile-min-height:120px;--tile-gap:.75rem;--cta-height:3rem;--card-inner-gap:1rem;--focus-color:#a78bfa}@media (prefers-color-scheme:light){:root{--bg-gradient-start:#f0f4ff;--bg-gradient-end:#e0e7ff;--card-bg:#fffffffa;--card-hover-shadow:#00000026;--text-primary:#1a202c;--text-secondary:#2d3748;--text-tertiary:#4a5568;--accent-gradient-start:#5b6fd8;--accent-gradient-end:#6b46a3;--weather-card-bg:#ffffffe6;--weather-card-border:#667eea26;--section-title-color:#1a202c;--date-color:#2d3748;--summary-color:#1a202c;--temp-unit-color:#4a5568;--divider-color:#cbd5e0;--error-bg:#fee;--error-border:#dc2626;--error-text:#991b1b;--skeleton-bg-1:#f0f0f0;--skeleton-bg-2:#e0e0e0;--tile-min-height:120px;--tile-gap:.75rem;--cta-height:3rem;--card-inner-gap:1rem;--focus-color:#5b21b6}}#root{width:100%;min-height:100vh}.app-container{background:linear-gradient(135deg, var(--bg-gradient-start), var(--bg-gradient-end));min-height:100vh;color:var(--text-primary)}.app-header{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:auto;padding:2rem;display:flex}.brand{font-size:1.25rem;font-weight:700;text-decoration:none}.main-content{max-width:1200px;margin:auto;padding:0 2rem 3rem}.card{background:var(--card-bg);border:1px solid var(--weather-card-border);border-radius:1rem;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 8px 32px #0000001a}a{color:var(--text-primary);text-underline-offset:4px}a:hover{color:var(--accent-gradient-start)}h1{overflow-wrap:anywhere;font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.2}h2{margin:0 0 1rem;font-size:1.1rem}p{margin:.5rem 0}.muted{color:var(--text-tertiary);font-size:.9rem}.eyebrow{color:var(--accent-gradient-start);letter-spacing:.1em;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.section-header,.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.header-actions,.row-actions,.form-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.button{border:1px solid var(--divider-color);min-height:2.75rem;color:var(--text-primary);background:0 0;border-radius:.5rem;justify-content:center;align-items:center;padding:.6rem 1rem;font-size:.9rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--accent-gradient-start);color:var(--text-primary)}.button.primary{color:#fff;background:linear-gradient(135deg, var(--accent-gradient-start), var(--accent-gradient-end));border:0}.button.danger{color:var(--error-text);border-color:var(--error-border)}button:disabled,fieldset:disabled{opacity:.65}button:disabled{cursor:wait}.search-form{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.search-field{flex:1;min-width:180px}label{color:var(--text-secondary);flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:500;display:flex}input,select,textarea{border:1px solid var(--divider-color);background:var(--weather-card-bg);width:100%;color:var(--text-primary);font:inherit;border-radius:.5rem;min-height:2.75rem;padding:.7rem .8rem}select option{color:var(--text-primary);background:var(--card-bg)}textarea{resize:vertical}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error-border)}.field-error{color:var(--error-text)}.error-message,.delete-confirmation{border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-text);border-radius:.5rem;padding:1rem}.error-message ul{margin-bottom:0;padding-left:1.25rem}.notice{border-left:3px solid var(--accent-gradient-start);background:var(--weather-card-bg);border-radius:.25rem;padding:.75rem 1rem}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-tertiary);white-space:nowrap;font-size:.8rem;font-weight:600}th,td{border-bottom:1px solid var(--weather-card-border);vertical-align:top;padding:1rem .75rem}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}td{overflow-wrap:anywhere;min-width:140px;font-size:.9rem}.person-link{font-weight:600}.table-secondary{color:var(--text-tertiary);margin-top:.25rem;font-size:.85rem;display:block}.nik{font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:3rem 1rem}.empty-state h2{margin-bottom:.5rem}.form-fields{border:0;min-width:0;margin:0;padding:0}.form-section,.detail-section{border-top:1px solid var(--weather-card-border);padding:1.5rem 0}.form-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem;display:grid}.full-width{grid-column:1/-1}.form-actions{border-top:1px solid var(--weather-card-border);padding-top:1rem}.detail-grid{margin:0}dt{color:var(--text-tertiary);font-size:.85rem}dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:.25rem 0 0}.back-link{width:fit-content;font-size:.9rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--focus-color);outline-offset:3px}@media (width<=640px){.app-header{padding:1.25rem 1rem}.main-content{padding:0 .75rem 2rem}.card{padding:1.25rem}.section-header{align-items:flex-start}.form-grid,.detail-grid{grid-template-columns:1fr}.header-actions{width:100%}.search-form .button{flex:1}.search-field{flex-basis:100%}}
