:root{--primary-color:gold;--secondary-color:#6b7280;--dark-color:#111827;--light-color:#f9fafb;--buy-color:#10b981;--sell-color:#f59e0b;--border-radius:12px;--box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--price-up:#10b981;--price-down:#ef4444;--border-light:rgba(0,0,0,0.05);--border-medium:rgba(0,0,0,0.1);--bg-hover:rgba(255,215,0,0.05);--bg-active:rgba(255,215,0,0.15);--bg-active-btn:rgba(255,215,0,0.2);--bg-hover-btn:rgba(255,215,0,0.1)}.page-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-medium)}.page-title{font-weight:700;color:var(--dark-color);margin-bottom:.5rem}.page-description{color:var(--secondary-color);font-size:1.1rem}.card{border:none;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:24px}.card,.card-header{background-color:#fff}.card-header{border-bottom:1px solid var(--border-light);padding:1rem 1.5rem;font-weight:600}.card-body{padding:1.5rem}.chart-container{position:relative;height:400px;width:100%}.chart-legend{display:flex;justify-content:center;gap:20px;margin-top:15px}.legend-item{display:flex;align-items:center;font-size:.9rem}.legend-color{width:16px;height:16px;border-radius:4px;margin-right:8px}.legend-buy{background-color:var(--buy-color)}.legend-sell{background-color:var(--sell-color)}.price-card{border-radius:var(--border-radius);background-color:#fff;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s;height:100%}.price-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow)}.price-label{font-size:1rem;color:var(--secondary-color);margin-bottom:.5rem}.price-value{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--dark-color)}.price-change{font-size:1rem;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:2px}.price-change.up{color:var(--price-up)}.price-change.down{color:var(--price-down)}.price-buy-sell{display:flex;gap:20px;margin-top:8px;font-size:.9rem}.price-buy{color:var(--buy-color)}.price-sell{color:var(--sell-color)}.time-filter{display:flex;gap:10px;margin-bottom:20px}.time-filter-btn{padding:6px 16px;font-size:.875rem;border-radius:20px;border:1px solid var(--border-medium);background-color:#fff;color:var(--secondary-color);cursor:pointer;transition:all .2s ease}.time-filter-btn:hover{background-color:var(--bg-hover-btn);color:var(--dark-color)}.time-filter-btn.active{background-color:var(--bg-active-btn);color:var(--dark-color);border-color:var(--primary-color);font-weight:500}.market-info-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-light)}.market-info-item:last-child{border-bottom:none}.market-info-label{flex:1;color:var(--secondary-color)}.market-info-value{font-weight:500;text-align:right}.news-item{padding:15px 0;border-bottom:1px solid var(--border-light);display:flex;gap:15px}.news-item:last-child{border-bottom:none;padding-bottom:0}.news-image{flex:0 0 90px;height:60px;border-radius:6px;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover}.news-content{flex:1}.news-date{font-size:.8rem;color:var(--secondary-color);margin-bottom:5px}.news-title{font-weight:600;font-size:1rem;margin-bottom:5px}.news-title a{color:var(--dark-color);text-decoration:none;transition:color .2s}.news-title a:hover{color:var(--primary-color)}.news-source{font-size:.8rem;color:var(--secondary-color)}.table-responsive{height:425px;overflow-y:auto;position:relative;overflow-x:auto}.gold-table{border-collapse:collapse;width:100%;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:var(--border-radius);overflow:hidden}.gold-table thead{position:sticky;top:0;z-index:11;background-color:#f8f9fa;height:53px}.gold-table th{padding:12px 16px;font-weight:600;text-align:center;border-bottom:2px solid #e9ecef;background-color:transparent;position:relative}.gold-table thead:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#e9ecef;box-shadow:0 1px 2px rgba(0,0,0,.05)}.gold-table thead tr{display:table-row;width:100%}.gold-table td{padding:12px 16px;text-align:center;border-bottom:1px solid #e9ecef}.gold-table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.02)}.gold-table tbody tr:hover{background-color:var(--bg-hover);cursor:pointer}.gold-table tr.active{background-color:var(--bg-active)}.price-up{color:var(--price-up);font-weight:500}.price-down{color:var(--price-down)}.price-column-change,.price-down{font-weight:500}.price-column-change.up{color:var(--price-up)}.price-column-change.down{color:var(--price-down)}.price-column-change.neutral{color:var(--price-up)}.arrow-up{border-bottom:8px solid var(--price-up)}.arrow-down,.arrow-up{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;display:inline-block;margin-right:4px}.arrow-down{border-top:8px solid var(--price-down)}.filter-select{border-radius:var(--border-radius);border:1px solid var(--border-medium);outline:none;background-color:#fff;font-size:.95rem;min-width:200px;box-shadow:0 1px 3px rgba(0,0,0,.05);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding:10px 30px 10px 16px}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,215,0,.15)}.percent-change{font-size:.9rem;margin-left:4px}@media (max-width:768px){.price-card{margin-bottom:20px}.time-filter{flex-wrap:wrap}.chart-legend{flex-direction:column;align-items:center;gap:10px}.gold-table .column-change,.gold-table .column-company{display:none}}.price-diff{color:#9333ea;margin-top:4px;font-weight:500;text-align:center}@media (max-width:991.98px){.row.g-2{flex-direction:column}}