*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;line-height:1.5}.app-container{min-height:100vh;background:linear-gradient(to bottom,#f9f9fb,#f1f1f4);padding-bottom:4rem}.title{font-size:1.875rem;font-weight:700;margin-bottom:2rem;text-align:center}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.header{background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:0 0 1.5rem 1.5rem;padding:4rem 1.5rem 2rem;margin-bottom:2.5rem}.header-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.header-grid{grid-template-columns:1fr 1fr}}.total-value-card{background:linear-gradient(to bottom right,#3b82f6,#2563eb);border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem;color:#fff;display:flex;flex-direction:column}.label{text-transform:uppercase;font-size:.875rem;letter-spacing:.05em;margin-bottom:.5rem;opacity:.8}.value{font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.trend{margin-top:auto;display:flex;align-items:center}.trend-badge{display:flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.trend-up{background-color:#22c55e33;color:#0f172a}.trend-down{background-color:#ef444433;color:#0f172a}.action-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.action-item{background-color:#f9fafb;border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.action-icon{border-radius:9999px;padding:.5rem;margin-bottom:.5rem}.blue{background-color:#dbeafe;color:#3b82f6}.purple{background-color:#f3e8ff;color:#9333ea}.green{background-color:#dcfce7;color:#22c55e}.action-link{display:flex;align-items:center;font-weight:500;text-decoration:none;transition:text-decoration .2s}.blue-link{color:#3b82f6}.purple-link{color:#9333ea}.green-link{color:#22c55e}.action-link:hover{text-decoration:underline}.main-content{margin-top:2.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.view-all{display:flex;align-items:center;font-weight:500;text-decoration:none}.coins-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.coins-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.coins-grid{grid-template-columns:repeat(4,1fr)}}.coin-card-link{text-decoration:none;color:inherit;display:block}.coin-card{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem;height:100%;transition:box-shadow .3s ease}.coin-card:hover{box-shadow:0 10px 15px #0000001a}.coin-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.coin-image{width:2.5rem;height:2.5rem;border-radius:9999px}.coin-name{font-weight:700}.coin-symbol{font-size:.875rem;color:#6b7280}.coin-details{display:flex;justify-content:space-between;align-items:center}.coin-price{font-family:monospace;font-size:1.125rem;font-weight:600}.coin-trend{display:flex;align-items:center;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.trading-tools{margin-top:4rem}.tools-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:box-shadow .3s ease;border-left-width:4px}.blue-border{border-left-color:#3b82f6}.purple-border{border-left-color:#9333ea}.green-border{border-left-color:#22c55e}.tool-card:hover{box-shadow:0 10px 15px #0000001a}.tool-icon{display:inline-block;border-radius:9999px;padding:.75rem;margin-bottom:1rem}.tool-title{font-weight:700;font-size:1.125rem;margin-bottom:.5rem}.tool-description{color:#6b7280;margin-bottom:1rem}.tool-link{display:flex;align-items:center;font-weight:500;text-decoration:none}.skeleton-card{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-content{display:flex;align-items:center;gap:1rem}.skeleton-circle{width:3rem;height:3rem;border-radius:9999px;background-color:#e5e7eb}.skeleton-lines{flex:1}.skeleton-line-lg{height:1rem;width:75%;background-color:#e5e7eb;border-radius:.25rem;margin-bottom:.5rem}.skeleton-line-sm{height:1rem;width:50%;background-color:#e5e7eb;border-radius:.25rem}.icon-ml{margin-left:.25rem}.coin-overview-container{min-height:100vh;background-color:#f8fafc}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.coin-header-section{background:linear-gradient(to right,#1e3a8a,#3b82f6);color:#fff;padding:3rem 1.5rem;margin-bottom:2rem}.overview-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.overview-subtitle{font-size:1rem;opacity:.9;margin-bottom:2rem}.search-bar{display:flex;align-items:center;background-color:#ffffff1a;border-radius:.5rem;padding:.75rem 1rem;max-width:450px}.search-bar svg{color:#ffffffb3;margin-right:.75rem}.search-bar input{background:transparent;border:none;color:#fff;width:100%;font-size:1rem;outline:none}.search-bar input::placeholder{color:#ffffffb3}.coin-list-container{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d;margin-bottom:3rem;overflow:hidden}.coin-table-header{border-bottom:1px solid #f0f0f0}.coin-header-row{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr 1.5fr 1.5fr;padding:1rem 1.5rem;background-color:#f8fafc;font-weight:700;font-size:.875rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.coin-header-row>div{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.coin-header-row>div:hover{color:#3b82f6}.sort-icon{margin-left:.25rem;font-size:.75rem}.coin-table-body{margin-bottom:1rem}.coin-row-link{text-decoration:none;color:inherit}.coin-row{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr 1.5fr 1.5fr;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;font-size:1rem;transition:background-color .2s;align-items:center}.coin-row:hover{background-color:#f8fafc}.coin-rank{color:#64748b;font-weight:500}.coin-name-cell{display:flex;align-items:center}.coin-image{width:2rem;height:2rem;border-radius:50%;margin-right:1rem}.coin-name-container{display:flex;flex-direction:column}.coin-name{font-weight:700;color:#0f172a}.coin-symbol{color:#64748b;font-size:.875rem;text-transform:uppercase}.coin-price{font-weight:700;color:#0f172a}.coin-change{display:flex;align-items:center;font-weight:600;padding:.25rem .75rem;border-radius:.375rem;width:fit-content}.coin-change.positive{background-color:#10b9811a;color:#10b981}.coin-change.negative{background-color:#ef44441a;color:#ef4444}.coin-market-cap,.coin-volume{color:#0f172a}@media (max-width: 1024px){.coin-header-row,.coin-row{grid-template-columns:.5fr 2fr 1fr 1fr 1.5fr}.coin-volume-header,.coin-volume{display:none}}@media (max-width: 768px){.coin-header-row,.coin-row{grid-template-columns:.5fr 2fr 1fr 1fr}.coin-market-cap-header,.coin-market-cap{display:none}}@media (max-width: 640px){.coin-header-row,.coin-row{grid-template-columns:2.5fr 1fr 1fr}.coin-rank-header,.coin-rank{display:none}}.no-results{padding:3rem 1.5rem;text-align:center;color:#64748b;font-size:1rem}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-item{background-color:#e5e7eb;border-radius:.25rem;height:1.5rem}.skeleton-circle{width:2rem;height:2rem;border-radius:50%;background-color:#e5e7eb;margin-right:1rem}.skeleton-text{width:150px;height:1.5rem;background-color:#e5e7eb;border-radius:.25rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--primary-color: #4fd1c5;--primary-dark: #38b2ac;--negative-color: #ff6978;--background-light: #f9fafb;--background-white: #ffffff;--text-dark: #1a202c;--text-gray: #4a5568;--text-light: #718096;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.coin-detail-container{font-family:var(--font-family);color:var(--text-dark);background-color:var(--background-light);min-height:100vh;padding:20px 0 40px}.container{max-width:1140px;margin:0 auto;padding:0 20px}.coin-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background-color:var(--background-white);padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.coin-info-basic{display:flex;align-items:center;gap:16px}.coin-logo{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-sm)}.coin-name{font-size:24px;font-weight:700;margin:0}.coin-price-info{text-align:right}.current-price{font-size:28px;font-weight:700;margin-bottom:4px}.price-change{display:flex;align-items:center;justify-content:flex-end;font-size:16px;font-weight:600}.price-change.positive{color:var(--primary-color)}.price-change.negative{color:var(--negative-color)}.icon-mr{margin-right:6px}.coin-actions{display:flex;gap:16px;margin-bottom:24px}.action-button{flex:1;padding:14px 24px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.buy-button{background-color:var(--primary-color);color:#fff}.buy-button:hover{background-color:var(--primary-dark)}.sell-button{background-color:#fff;color:var(--negative-color);border:1px solid var(--negative-color)}.sell-button:hover:not(:disabled){background-color:var(--negative-color);color:#fff}.action-button:disabled{opacity:.6;cursor:not-allowed}.my-holdings{margin-bottom:24px}.holdings-card{display:flex;align-items:center;background-color:var(--background-white);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-md);gap:16px}.holdings-info{display:flex;flex-direction:column}.holdings-label{font-size:14px;color:var(--text-light);margin-bottom:4px}.holdings-amount{font-size:18px;font-weight:600;margin-bottom:2px}.holdings-value{font-size:14px;color:var(--text-gray)}.chart-time-selector{display:flex;justify-content:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.time-button{background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-gray);cursor:pointer;transition:all .2s ease}.time-button:hover{background-color:#4fd1c51a}.time-button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.chart-container{background-color:var(--background-white);border-radius:var(--radius-lg);padding:24px;margin-bottom:32px;box-shadow:var(--shadow-md)}.custom-tooltip{background-color:#1a202cf2;border-radius:var(--radius-sm);padding:10px 14px;color:#fff;box-shadow:var(--shadow-lg);border:none}.tooltip-date{font-size:12px;margin:0 0 4px;opacity:.8}.tooltip-price{font-size:16px;font-weight:600;margin:0}.coin-statistics{margin-bottom:32px}.statistics-title{font-size:20px;font-weight:600;margin-bottom:16px}.coin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.stat-card{background-color:var(--background-white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-title{display:flex;align-items:center;justify-content:space-between;color:var(--text-light);margin-bottom:8px;font-size:14px}.stat-value{font-size:18px;font-weight:600}.about-section{background-color:var(--background-white);border-radius:var(--radius-lg);padding:24px;margin-bottom:32px;box-shadow:var(--shadow-md)}.about-title{font-size:20px;font-weight:600;margin-bottom:16px}.about-description{color:var(--text-gray);line-height:1.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background-color:var(--background-white);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg);animation:modal-in .3s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:18px;font-weight:600;margin:0}.close-button{background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--text-light);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background-color .2s ease}.close-button:hover{background-color:#0000000d}.modal-body{padding:24px}.transaction-info{display:flex;flex-direction:column;gap:20px}.coin-details{display:flex;gap:16px;align-items:center}.modal-coin-image{width:40px;height:40px;border-radius:50%;object-fit:cover}.coin-price,.available-funds,.max-amount,.available-coins{margin:0 0 4px;font-size:14px;color:var(--text-gray)}.spinbox{margin:16px 0}.ui-spinner{position:relative;display:flex;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.ui-spinner-input{flex:1;border:none;padding:12px 40px 12px 16px;font-size:16px;outline:none;text-align:left}.ui-spinner-button{position:absolute;right:0;width:32px;background:transparent;border:none;border-left:1px solid var(--border-color);cursor:pointer;color:var(--text-gray);padding:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.ui-spinner-button:hover{background-color:#0000000d}.ui-spinner-up{top:0;height:50%;border-bottom:1px solid var(--border-color)}.ui-spinner-down{bottom:0;height:50%}.amount-info{background-color:var(--background-light);border-radius:var(--radius-md);padding:16px}.amount-info p{display:flex;justify-content:space-between;margin:0 0 8px;font-size:14px}.amount-info p:last-child{margin-bottom:0;padding-top:8px;border-top:1px solid var(--border-color)}.amount-info span{color:var(--text-light)}.amount-info strong{font-weight:600}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}.cancel-button{background-color:transparent;border:1px solid var(--border-color);color:var(--text-gray);padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background-color:#0000000d}.confirm-button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-button:hover:not(:disabled){background-color:var(--primary-dark)}.confirm-button:disabled{opacity:.6;cursor:not-allowed}.skeleton{animation:skeleton-loading 1.5s ease infinite}.skeleton-item{background-color:#e2e8f0;border-radius:var(--radius-md);overflow:hidden}.skeleton-circle{width:48px;height:48px;border-radius:50%;background-color:#e2e8f0}.skeleton-circle.large{width:48px;height:48px}.skeleton-text{height:20px;margin-bottom:8px;background-color:#e2e8f0;border-radius:4px;width:80%}.skeleton-text.large{height:28px;width:60%}.skeleton-text.medium{height:24px;width:70%}.skeleton-text.small{height:16px;width:50%}.chart-skeleton{height:400px;width:100%;background-color:#e2e8f0;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{opacity:.7}50%{opacity:.5}to{opacity:.7}}@media (max-width: 768px){.coin-detail-header{flex-direction:column;align-items:flex-start;gap:16px}.coin-price-info{text-align:left;width:100%}.price-change{justify-content:flex-start}.coin-stats-grid{grid-template-columns:1fr}.stat-card,.chart-container{padding:16px}.modal-content{width:95%}}button:not(:disabled){transition:transform .1s ease,box-shadow .1s ease}button:not(:disabled):active{transform:scale(.98)}.stat-card:active{transform:scale(.99)}button:focus-visible,input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.portfolio-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f5f5f5;min-height:100vh}.portfolio-header-section{background-color:#fff;padding:2rem 0;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem}.portfolio-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.portfolio-title{font-size:1.8rem;font-weight:700;margin:0;color:#1e293b}.portfolio-subtitle{font-size:1rem;color:#64748b;margin:.5rem 0 0}.account-cards{display:flex;gap:1rem}.portfolio-value-card{background-color:#fff;border-radius:12px;padding:1rem 1.5rem;min-width:200px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb}.account-balance{background-color:#f0f9ff;border:1px solid #bae6fd}.value-card-content{display:flex;align-items:center;gap:1rem}.value-card-content svg{color:#0369a1}.value-info{display:flex;flex-direction:column}.value-label{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.value-amount{font-size:1.25rem;font-weight:700;color:#0f172a}.search-container{margin-bottom:1rem}.search-bar{display:flex;align-items:center;background-color:#fff;border-radius:8px;padding:.5rem 1rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.search-bar svg{color:#64748b;margin-right:.75rem}.search-bar input{flex:1;border:none;outline:none;font-size:.95rem;background:transparent}.portfolio-list-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;margin-bottom:2rem}.portfolio-table-header{background-color:#f8fafc;border-bottom:1px solid #e5e7eb}.portfolio-header-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:1rem 1.5rem;font-weight:600;color:#64748b;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.portfolio-header-row>div{cursor:pointer;display:flex;align-items:center}.sort-icon{margin-left:.5rem;font-size:.8rem}.portfolio-row-wrapper{border-bottom:1px solid #f1f5f9}.portfolio-row-wrapper:last-child{border-bottom:none}.portfolio-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:1.25rem 1.5rem;align-items:center;transition:background-color .2s}.portfolio-row:hover{background-color:#f8fafc}.portfolio-name-cell{display:flex;align-items:center;gap:1rem}.portfolio-image{width:32px;height:32px;border-radius:50%;object-fit:cover}.portfolio-name{font-weight:600;color:#1e293b}.portfolio-symbol{font-size:.8rem;color:#64748b;margin-top:.25rem}.portfolio-change{display:flex;align-items:center;gap:.5rem;font-weight:500}.positive{color:#10b981}.negative{color:#ef4444}.icon-mr{margin-right:.25rem}.portfolio-actions{display:flex;gap:.5rem}.action-button{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.buy-button{background-color:#0284c7;color:#fff}.buy-button:hover{background-color:#0369a1}.sell-button{background-color:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.sell-button:hover{background-color:#e2e8f0}.sell-button:disabled{opacity:.5;cursor:not-allowed}.portfolio-summary{margin-top:1rem;padding:1rem 1.5rem;background-color:#f8fafc;border-top:1px solid #e5e7eb}.portfolio-summary-card{display:flex;justify-content:space-between;align-items:center}.summary-title{font-weight:600;color:#475569}.summary-value{font-weight:700;font-size:1.15rem;color:#0f172a}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;width:400px;max-width:90%;overflow:hidden;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;color:#1e293b}.close-button{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body{padding:1.5rem}.transaction-info{display:flex;flex-direction:column;gap:1.5rem}.coin-details{display:flex;align-items:center;gap:1.25rem}.modal-coin-image{width:48px;height:48px;border-radius:50%}.coin-price,.available-funds,.available-coins,.max-amount{margin:.25rem 0;color:#475569;font-size:.9rem}.transaction-amount{display:flex;flex-direction:column;gap:.5rem}.transaction-amount label{font-weight:500;color:#475569;font-size:.9rem}.transaction-amount input{padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem}.transaction-summary{background-color:#f8fafc;padding:1rem;border-radius:8px;margin-top:.5rem}.summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem;color:#475569}.summary-row:last-child{margin-bottom:0;padding-top:.5rem;border-top:1px solid #e2e8f0;font-weight:600;color:#0f172a}.summary-value{font-weight:500}.modal-footer{display:flex;justify-content:space-between;padding:1.25rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f8fafc}.cancel-button,.confirm-button{padding:.75rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button{background-color:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.cancel-button:hover{background-color:#e2e8f0}.confirm-button{background-color:#0284c7;color:#fff;border:none}.confirm-button:hover{background-color:#0369a1}.confirm-button:disabled{opacity:.5;cursor:not-allowed;background-color:#0284c7}.no-results{padding:3rem 0;text-align:center;color:#64748b}.skeleton{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.skeleton-item{background-color:#e2e8f0;border-radius:4px;height:20px}.skeleton-circle{width:32px;height:32px;border-radius:50%;background-color:#e2e8f0}.skeleton-text{width:120px;height:16px;background-color:#e2e8f0;border-radius:4px}.skeleton .portfolio-name-cell{display:flex;align-items:center;gap:1rem}@media (max-width: 1024px){.portfolio-title-section{flex-direction:column;align-items:flex-start}.account-cards{margin-top:1rem;width:100%}.portfolio-value-card{flex:1}}@media (max-width: 768px){.portfolio-header-row,.portfolio-row{grid-template-columns:2fr 1fr 1fr 1fr}.portfolio-change-header,.portfolio-change,.portfolio-actions-header{display:none}.portfolio-actions{position:absolute;right:1rem;display:flex;flex-direction:column;gap:.5rem}.portfolio-row-wrapper{position:relative}.action-button{padding:.4rem .75rem;font-size:.8rem}}@media (max-width: 640px){.account-cards{flex-direction:column}.portfolio-header-row,.portfolio-row{grid-template-columns:2fr 1fr 1fr;font-size:.85rem}.portfolio-value-header,.portfolio-value{display:none}}@media (max-width: 480px){.portfolio-header-row,.portfolio-row{grid-template-columns:2fr 1fr;padding:1rem}.portfolio-amount-header,.portfolio-amount{display:none}.portfolio-image{width:24px;height:24px}}.news-container{padding:2rem 1rem;background-color:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;max-width:1400px;margin:0 auto}.news-header-container{text-align:center;margin-bottom:2.5rem}.news-header{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;color:#1e293b;background:linear-gradient(90deg,#3b82f6,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.news-subheader{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto}.search-bar{width:100%;max-width:500px;margin:0 auto 3rem;padding:.85rem 1.25rem;border:1px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background-color:#fff;box-shadow:0 2px 4px #0000000d}.search-bar:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding:0 1rem}.news-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;display:flex;flex-direction:column;height:100%}.news-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.news-image-container{width:100%;height:200px;overflow:hidden;position:relative}.news-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-card:hover .news-image{transform:scale(1.03)}.news-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.news-meta{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.85rem;color:#64748b}.news-source{font-weight:600;color:#3b82f6}.news-date{color:#94a3b8}.news-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#1e293b;line-height:1.4}.news-link{color:inherit;text-decoration:none;transition:color .2s ease}.news-link:hover{color:#3b82f6}.news-description{color:#475569;margin-bottom:1.25rem;line-height:1.5;flex-grow:1}.read-more{color:#3b82f6;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;transition:all .2s ease}.read-more:hover{color:#2563eb}.read-more:after{content:"→";margin-left:5px;transition:transform .2s ease}.read-more:hover:after{transform:translate(3px)}.loading-spinner{border:4px solid rgba(59,130,246,.1);border-radius:50%;border-top:4px solid #3b82f6;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.news-header{font-size:2rem}.news-grid{grid-template-columns:1fr;padding:0}.news-card{border-radius:12px}}.login-container{background-color:#001b35;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;border-radius:50%}.login-card{background-color:#f2eee8;width:100%;max-width:500px;padding:3rem;border-radius:1rem;box-shadow:0 8px 20px #0003;z-index:1;position:relative}.login-title{font-size:2rem;margin-bottom:2rem;text-align:center;color:#001b35}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-size:1rem;color:#001b35}.password-header{display:flex;justify-content:space-between;align-items:center}.forgot-password{color:#001b35;text-decoration:none;font-size:.9rem}.login-input{width:100%;padding:1rem;border:1px solid #001B35;border-radius:6px;background-color:#fff;color:#001b35;font-size:1rem;box-sizing:border-box}.login-input:focus{outline:none;border-color:#036}.login-button{width:100%;padding:1rem;background-color:#001b35;color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:1rem;transition:background-color .3s}.login-button:hover{background-color:#036}.signup-text{text-align:center;margin-top:2rem;font-size:1rem;color:#001b35}.signup-link{color:#001b35;text-decoration:underline;font-weight:700}.login-logo-wrapper{display:flex;justify-content:center;margin-bottom:20px}.login-logo{width:80px;height:80px;object-fit:contain}@tailwind base;@tailwind components;@tailwind utilities;