:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f2f5fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0,#4f7cff29,#0000 34rem),linear-gradient(#f7f9fc 0%,#edf2f8 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.container{width:min(1160px,100% - 32px);margin:0 auto;padding:48px 0 72px}.hero{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px;display:flex}.eyebrow,.section-label{color:#3567db;letter-spacing:.16em;margin:0 0 8px;font-size:12px;font-weight:800}h1{color:#111827;letter-spacing:-.045em;margin:0;font-size:clamp(34px,6vw,54px);line-height:1.08}.subtitle{color:#687386;margin:14px 0 0}.refresh-button{color:#fff;background:#315fc7;border:0;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #315fc738}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.create-card{background:#fff;border:1px solid #e3e8f0;border-radius:20px;margin-bottom:20px;padding:22px;box-shadow:0 12px 32px #1c27390f}.create-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.create-heading h2{margin:0;font-size:22px}.form-message{margin:0;font-size:14px;font-weight:700}.form-message.success{color:#16865f}.form-message.error{color:#c0352b}.city-form{grid-template-columns:1.25fr .75fr 1fr 1fr auto;align-items:end;gap:14px;display:grid}.city-form label{color:#5f6b7d;gap:7px;font-size:12px;font-weight:700;display:grid}.city-form input{color:#172033;background:#f7f9fc;border:1px solid #d9e0ea;border-radius:10px;outline:0;width:100%;min-height:44px;padding:0 12px}.city-form input:focus{border-color:#4f7cff;box-shadow:0 0 0 4px #4f7cff1f}.submit-button{color:#fff;white-space:nowrap;background:#16865f;border:0;border-radius:10px;min-height:44px;padding:0 18px;font-weight:750}.stat-card{background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:22px 24px;position:relative;overflow:hidden;box-shadow:0 12px 32px #1c27390f}.stat-card:before{content:"";width:5px;position:absolute;inset:0 auto 0 0}.accent-blue:before{background:#3971ed}.accent-green:before{background:#19a474}.stat-label,.stat-value{display:block}.stat-label{color:#7a8496;margin-bottom:8px;font-size:13px}.stat-value{letter-spacing:-.03em;font-size:clamp(25px,4vw,34px)}.data-card{background:#fff;border:1px solid #e3e8f0;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px #1c273914}.toolbar{border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.section-label{margin-bottom:4px;font-size:10px}.status{color:#687386;margin:0;font-size:13px}.status.error{color:#c0352b}.search-box{color:#8892a3;background:#f7f9fc;border:1px solid #d9e0ea;border-radius:12px;align-items:center;width:min(390px,48%);min-height:44px;padding:0 14px;display:flex}.search-box:focus-within{border-color:#4f7cff;box-shadow:0 0 0 4px #4f7cff1f}.search-box input{color:#172033;background:0 0;border:0;outline:0;width:100%;padding:0 0 0 9px}.table-wrap{min-height:670px;position:relative;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:15px 22px}th{color:#737f91;background:#fafbfd;font-size:12px;font-weight:800}td{color:#455064;font-size:14px}tbody tr:hover{background:#f8faff}.city-name{color:#152033;font-weight:750}.muted{color:#9aa3b2}.country-code{color:#315fc7;background:#ebf1ff;border-radius:999px;justify-content:center;min-width:46px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.number-cell{text-align:right}.loading-cover{color:#315fc7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffd1;place-items:center;display:grid;position:absolute;inset:0}.empty-state{color:#687386;text-align:center;justify-items:center;gap:9px;padding:90px 22px;display:grid}.empty-state strong{color:#172033;font-size:18px}.empty-state button{color:#fff;background:#315fc7;border:0;border-radius:9px;margin-top:8px;padding:9px 15px;font-weight:700}.empty-state.compact{padding:80px 20px}.pagination{color:#687386;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;font-size:13px;display:flex}.page-actions{align-items:center;gap:12px;display:flex}.page-actions button{color:#344054;background:#fff;border:1px solid #d6dde7;border-radius:9px;padding:8px 13px;font-weight:650}@media (width<=680px){.container{width:min(100% - 20px,1160px);padding-top:28px}.hero,.create-heading,.toolbar,.pagination{flex-direction:column;align-items:stretch}.refresh-button,.search-box{justify-content:center;width:100%}.stats,.city-form{grid-template-columns:1fr}.page-actions{justify-content:space-between}}@media (width>=681px) and (width<=1040px){.city-form{grid-template-columns:repeat(2,minmax(0,1fr))}.submit-button{grid-column:1/-1}}