.country-detail-modal{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.country-detail-content{background:#1a1f3a;border-radius:16px;max-width:900px;width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.country-detail-close{position:sticky;top:max(0px,env(safe-area-inset-top));right:0;z-index:10;display:flex;justify-content:flex-start;padding:max(16px,calc(env(safe-area-inset-top) + 4px)) 16px 16px 16px;background:linear-gradient(180deg,#1a1f3a,#1a1f3a00)}.country-detail-body{padding:0 32px 32px}.country-detail-header{display:flex;gap:24px;align-items:flex-start;margin-bottom:32px}.country-detail-flag{width:200px;height:auto;border-radius:12px;box-shadow:0 8px 24px #0000004d;flex-shrink:0}.country-detail-title{flex:1}.country-detail-title h1{margin:0 0 8px;font-size:36px;font-weight:700;color:#fff}.country-detail-title .capital{margin:0 0 12px;font-size:18px;color:#e6e9f5bf}.country-detail-title .region{display:inline-block;padding:6px 12px;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:20px;color:#c7d2fe;font-size:13px;font-weight:600}.country-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-box{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.stat-box-label{display:block;font-size:12px;color:#e6e9f599;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-box-value{font-size:24px;font-weight:700;color:#fff;margin:0}.stat-box-subtext{font-size:13px;color:#e6e9f580;margin:4px 0 0}.country-detail-section{margin-bottom:28px}.country-detail-section h2{margin:0 0 12px;font-size:20px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.country-detail-section h2:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.currency-converter{background:#667eea14;border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:20px}.currency-pair{display:flex;align-items:center;gap:12px;font-size:18px;color:#fff;flex-wrap:wrap}.currency-amount{font-weight:700;color:#c7d2fe}.currency-symbol{color:#e6e9f5b3}.currency-rate-note{margin:12px 0 0;font-size:12px;color:#e6e9f580}.detail-list{display:flex;flex-wrap:wrap;gap:8px}.detail-chip{padding:6px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e6e9f5e6;font-size:14px;transition:all .2s ease}.detail-chip.clickable{cursor:pointer}.detail-chip.clickable:hover{background:#667eea26;border-color:#667eea4d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #667eea33}.country-detail-loading{padding:60px 20px;text-align:center;color:#e6e9f599}.country-detail-error{padding:20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;margin-bottom:20px}@media(max-width:768px){.country-detail-content{margin:0;border-radius:16px 16px 0 0;max-height:95vh;max-height:95dvh}.country-detail-body{padding:0 20px 24px}.country-detail-header{flex-direction:column;gap:16px}.country-detail-flag{width:100%;max-width:300px}.country-detail-title h1{font-size:28px}.country-stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat-box-value{font-size:20px}}@media(max-width:480px){.country-detail-modal{padding:0}.country-detail-content{border-radius:0;max-height:100vh;max-height:100dvh}.country-detail-close{padding-top:max(12px,calc(env(safe-area-inset-top) + 4px))}.currency-pair{font-size:16px}.stat-box-value{font-size:18px}}.country-detail-content::-webkit-scrollbar{width:8px}.country-detail-content::-webkit-scrollbar-track{background:#ffffff05}.country-detail-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.country-detail-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.country-index-wrap{min-height:100vh;min-height:100dvh;width:100%;padding:80px 24px 32px;background:#0b1020;color:#e6e9f5;overflow-x:hidden}.country-index-container{max-width:1400px;margin:0 auto;width:100%}.country-index-header{margin-bottom:32px}.country-index-header h1{margin:0 0 8px;font-size:32px;font-weight:700;color:#fff}.country-index-header p{margin:0;color:#e6e9f5cc;font-size:16px}.country-search-section{margin-bottom:24px;display:flex;gap:12px;flex-wrap:wrap}.country-search-input{flex:1;min-width:280px;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:15px;transition:all .2s ease}.country-search-input:focus{outline:none;border-color:#667eea80;background:#ffffff0f}.country-search-input::placeholder{color:#e6e9f580}.country-filter-select{padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:15px;cursor:pointer;transition:all .2s ease;min-width:180px}.country-filter-select:focus{outline:none;border-color:#667eea80}.country-filter-select option{background:#1a1f3a;color:#fff}.country-stats-summary{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.stat-card{flex:1;min-width:140px;padding:16px;background:#667eea14;border:1px solid rgba(102,126,234,.2);border-radius:12px}.stat-card h3{margin:0 0 4px;font-size:24px;font-weight:700;color:#c7d2fe}.stat-card p{margin:0;font-size:13px;color:#e6e9f5b3}.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.country-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.country-card:hover{background:#ffffff0f;border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.country-card-flag{width:48px;height:36px;object-fit:contain;flex-shrink:0;border-radius:4px}.country-card-info{flex:1;min-width:0}.country-card-name{margin:0 0 4px;font-size:16px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-card-capital{margin:0;font-size:13px;color:#e6e9f5a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-loading,.country-empty{text-align:center;padding:60px 20px;color:#e6e9f599}.country-loading{font-size:16px}.country-empty h3{margin:0 0 8px;font-size:20px;color:#e6e9f5cc}.country-empty p{margin:0;font-size:14px}@media(max-width:768px){.country-index-wrap{padding:80px 12px 24px}.country-index-container{max-width:100%;padding:0}.country-index-header h1{font-size:26px}.country-search-section{flex-direction:column}.country-search-input,.country-filter-select{width:100%;min-width:0}.country-grid{grid-template-columns:1fr}.stat-card{min-width:0}}@media(max-width:480px){.country-index-wrap{padding:80px 8px 24px}.country-stats-summary{flex-direction:column}}