:root{--gold-primary:#ffb700;--gold-secondary:#ff9500;--gold-dark:#e67e00;--gold-darker:#cc7000;--gold-light:#fff4e6;--gold-lighter:#fffbf5;--gold-lightest:#fffbf5;--gold-accent:#ffc947;--primary-color:var(--gold-primary);--primary-dark:var(--gold-dark);--primary-light:var(--gold-lighter);--primary-gradient:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);--success-color:#28a745;--danger-color:#dc3545;--warning-color:var(--gold-primary);--info-color:#17a2b8;--secondary-color:#6c757d;--light-color:#f8f9fa;--dark-color:#343a40;--text-primary:#1a1a1a;--text-secondary:#5a5a5a;--text-muted:#6b7280;--text-light:#f8f9fa;--text-body:var(--text-primary);--text-dark:var(--text-primary);--text-white:#fff;--text-gold:#e67e00;--bg-light:#f8f9fa;--bg-white:#fff;--bg-dark:#343a40;--border-color:#e9ecef;--bg-gold-lighter:rgba(255,183,0,.05);--gradient-gold-subtle:linear-gradient(135deg,rgba(255,183,0,.05),rgba(255,183,0,.02));--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:30px;--shadow-sm:0 2px 6px rgba(0,0,0,.05);--shadow-md:0 4px 14px rgba(0,0,0,.07);--shadow-lg:0 8px 28px rgba(0,0,0,.09);--shadow-xl:0 12px 42px rgba(0,0,0,.11);--shadow-hover:0 8px 28px rgba(244,208,63,.18);--transition-fast:all .2s ease;--transition-base:all .3s ease;--transition-slow:all .5s ease;--font-xs:.875rem;--font-sm:.9375rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-4xl:2.5rem;--line-height-tight:1.2;--line-height-base:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--gold-primary-rgb:255,183,0;--gold-dark-rgb:230,126,0;--gold-accent-rgb:255,201,71;--success-color-rgb:40,167,69;--danger-color-rgb:220,53,69;--warning-color-rgb:255,193,7;--info-color-rgb:23,162,184;--success-gradient:linear-gradient(135deg,#28a745,#20c997);--danger-gradient:linear-gradient(135deg,#dc3545,#c82333);--border-width:1px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--gold-light:#332600;--gold-lighter:#1a1300;--gold-lightest:#121008;--text-primary:#e5e5e5;--text-secondary:#a0a0a0;--text-muted:#888;--text-light:#e5e5e5;--text-body:#e5e5e5;--text-dark:#e5e5e5;--text-gold:#ffb700;--bg-light:#0f0f0f;--bg-white:#1a1a1a;--bg-dark:#0a0a0a;--border-color:#333;--bg-gold-lighter:rgba(255,183,0,.08);--gradient-gold-subtle:linear-gradient(135deg,rgba(255,183,0,.08),rgba(255,183,0,.03));--shadow-sm:0 2px 6px rgba(0,0,0,.3);--shadow-md:0 4px 14px rgba(0,0,0,.4);--shadow-lg:0 8px 28px rgba(0,0,0,.5);--shadow-xl:0 12px 42px rgba(0,0,0,.6);--shadow-hover:0 8px 28px rgba(255,183,0,.15);--success-gradient:linear-gradient(135deg,#22c55e,#16a34a);--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--neutral-50:#1a1a1a;--neutral-100:#252525;--neutral-200:#333;--neutral-300:#444;--neutral-400:#666;--neutral-500:#888;--neutral-600:#a0a0a0;--neutral-700:#b0b0b0;--neutral-800:#d0d0d0;--neutral-900:#e5e5e5;--neutral-950:#f0f0f0;--success-light:rgba(16,185,129,.15);--success-50:rgba(16,185,129,.08);--danger-light:rgba(239,68,68,.15);--danger-50:rgba(239,68,68,.08);--danger-100:rgba(239,68,68,.12);--warning-50:rgba(245,158,11,.08);--warning-100:rgba(245,158,11,.12);--gold-50:rgba(255,183,0,.08);--gold-200:rgba(255,183,0,.15);--info-50:rgba(59,130,246,.08);--info-100:rgba(59,130,246,.12);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--gold-light:#332600;--gold-lighter:#1a1300;--gold-lightest:#121008;--text-primary:#e5e5e5;--text-secondary:#a0a0a0;--text-muted:#888;--text-light:#e5e5e5;--text-body:#e5e5e5;--text-dark:#e5e5e5;--text-gold:#ffb700;--bg-light:#0f0f0f;--bg-white:#1a1a1a;--bg-dark:#0a0a0a;--border-color:#333;--bg-gold-lighter:rgba(255,183,0,.08);--gradient-gold-subtle:linear-gradient(135deg,rgba(255,183,0,.08),rgba(255,183,0,.03));--shadow-sm:0 2px 6px rgba(0,0,0,.3);--shadow-md:0 4px 14px rgba(0,0,0,.4);--shadow-lg:0 8px 28px rgba(0,0,0,.5);--shadow-xl:0 12px 42px rgba(0,0,0,.6);--shadow-hover:0 8px 28px rgba(255,183,0,.15);--neutral-50:#1a1a1a;--neutral-100:#252525;--neutral-200:#333;--neutral-300:#444;--neutral-400:#666;--neutral-500:#888;--neutral-600:#a0a0a0;--neutral-700:#b0b0b0;--neutral-800:#d0d0d0;--neutral-900:#e5e5e5;--neutral-950:#f0f0f0;--success-light:rgba(16,185,129,.15);--success-50:rgba(16,185,129,.08);--danger-light:rgba(239,68,68,.15);--danger-50:rgba(239,68,68,.08);--danger-100:rgba(239,68,68,.12);--warning-50:rgba(245,158,11,.08);--warning-100:rgba(245,158,11,.12);--gold-50:rgba(255,183,0,.08);--gold-200:rgba(255,183,0,.15);--info-50:rgba(59,130,246,.08);--info-100:rgba(59,130,246,.12);color-scheme:dark}}:root{--card-padding:var(--spacing-lg);--card-border-radius:var(--radius-xl);--card-shadow:var(--shadow-md);--card-hover-shadow:var(--shadow-lg);--btn-padding-x:var(--spacing-lg);--btn-padding-y:var(--spacing-sm);--btn-border-radius:var(--radius-md);--input-padding-x:var(--spacing-lg);--input-padding-y:var(--spacing-md);--input-border-radius:var(--radius-lg);--input-focus-shadow:0 0 0 4px rgba(255,183,0,.3);--icon-size-sm:32px;--icon-size-md:40px;--icon-size-lg:48px;--icon-size-xl:64px;--touch-target-min:44px;--touch-target-sm:44px;--touch-target-md:48px;--touch-target-lg:56px;--live-dot-size:8px;--live-dot-color:var(--success-color);--animation-duration-fast:.3s;--animation-duration-base:.5s;--animation-duration-slow:1s;--animation-timing:ease-in-out}.category-header{background:linear-gradient(135deg,var(--neutral-50,#fffbf5) 0,var(--gold-50,#fff8f0) 100%);border:1px solid rgba(var(--gold-primary-rgb),.1);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.header-content{flex-wrap:wrap;justify-content:space-between}.header-content,.header-info{align-items:center;display:flex;gap:1rem}.category-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--neutral-50,#fffbf5) 0,var(--gold-50,#fff4e6) 100%);border:2px solid rgba(var(--gold-primary-rgb),.15);border-radius:16px;color:var(--gold-primary);display:flex;font-size:1.75rem;height:56px;justify-content:center;width:56px}.category-title{color:var(--neutral-700,#2d3748);font-size:1.75rem;font-weight:700;margin:0}.category-subtitle{color:var(--neutral-500,#718096);font-size:.9rem;margin:0}.calculator-tabs{border-bottom:2px solid #f1f3f5;display:flex;gap:.25rem;margin-bottom:1.5rem;padding-bottom:0;position:relative}.calculator-tab{background:none;border:none;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;color:var(--neutral-500,#718096);cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-2px;padding:.875rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.calculator-tab:before{background:linear-gradient(90deg,var(--gold-primary) 0,var(--gold-secondary) 100%);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);transition:width .3s ease;width:0}.calculator-tab:hover{background:rgba(var(--gold-primary-rgb),.08);color:var(--gold-primary)}.calculator-tab.active{background:rgba(var(--gold-primary-rgb),.05);color:var(--neutral-700,#2d3748);font-weight:700}.calculator-tab.active:before{width:100%}.calculator-tab i{margin-right:.5rem;transition:transform .3s ease}.calculator-tab:hover i{transform:scale(1.2)}.calculator-content{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.calculator-card{background:var(--bg-white,#fff);border:1px solid rgba(var(--gold-primary-rgb),.1);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:1.5rem;padding:1.5rem}.calculator-card h4,.calculator-card h5{color:var(--neutral-700,#2d3748);font-weight:600;margin-bottom:1rem}.calculator-card .d-flex.align-items-center i{color:var(--gold-primary);font-size:1.25rem}.calculator-card .d-flex.align-items-center h4,.calculator-card .d-flex.align-items-center h5{color:var(--neutral-700,#2d3748);font-weight:600;margin-bottom:0}.calculator-card .btn-sm{background:rgba(var(--gold-primary-rgb),.1);border:1px solid rgba(var(--gold-primary-rgb),.3);color:var(--gold-primary);font-weight:500;position:relative;transition:all .2s ease}.calculator-card .btn-sm:hover:not(.loading):not(.success){background:rgba(var(--gold-primary-rgb),.2);border-color:var(--gold-primary);transform:translateY(-1px)}.calculator-card .btn-sm.loading{background:rgba(var(--gold-primary-rgb),.15);border-color:var(--gold-primary);pointer-events:none}.calculator-card .btn-sm.loading i.fa-sync-alt{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.calculator-card .btn-sm.success{background:rgba(34,197,94,.1);border-color:#22c55e;color:#22c55e}.calculator-card .btn-sm.success i{animation:checkPop .3s ease}@keyframes checkPop{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.info-box{background:rgba(var(--gold-primary-rgb),.05);border-left:3px solid var(--gold-primary);border-radius:8px;padding:1rem}.info-box i{color:var(--gold-primary)}.info-box strong{color:var(--neutral-700,#2d3748)}.form-label{color:var(--neutral-600,#495057);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-control,.form-select{border-color:rgba(var(--gold-primary-rgb),.2);transition:all .3s ease}.form-control:focus,.form-select:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px rgba(var(--gold-primary-rgb),.1)}.input-group{box-shadow:0 2px 4px rgba(var(--gold-primary-rgb),.05);transition:all .3s ease}.input-group:focus-within{box-shadow:0 4px 12px rgba(var(--gold-primary-rgb),.15)}.input-group-text{align-items:center;background:linear-gradient(135deg,rgba(var(--gold-primary-rgb),.08) 0,rgba(var(--gold-primary-rgb),.05));border:1px solid rgba(var(--gold-primary-rgb),.3);color:var(--gold-primary);display:flex;font-size:1.125rem;font-weight:700;justify-content:center;min-width:45px;padding:.75rem 1rem;transition:all .3s ease}.input-group:focus-within .input-group-text{background:linear-gradient(135deg,rgba(var(--gold-primary-rgb),.15) 0,rgba(var(--gold-primary-rgb),.1));border-color:var(--gold-primary);color:var(--gold-secondary)}.input-group-lg .input-group-text{font-size:1.35rem;font-weight:800;min-width:60px;padding:1rem 1.25rem}.exchange-icon-wrapper{align-items:center;display:flex;justify-content:center}.exchange-icon{background:rgba(var(--gold-primary-rgb),.05);border-radius:50%;color:var(--gold-primary);cursor:pointer;font-size:2rem;padding:1rem;transition:transform .3s ease}.exchange-icon:hover{background:rgba(var(--gold-primary-rgb),.1);transform:rotate(180deg)}.result-display{align-items:center;background:linear-gradient(135deg,var(--neutral-50,#fffbf5) 0,var(--gold-50,#fff8f0) 100%);border:2px solid rgba(var(--gold-primary-rgb),.2);border-radius:16px;box-shadow:0 4px 12px rgba(var(--gold-primary-rgb),.08);display:flex;justify-content:center;min-height:140px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.result-display:hover{box-shadow:0 8px 24px rgba(var(--gold-primary-rgb),.15);transform:translateY(-2px)}.result-display:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,rgba(var(--gold-primary-rgb),.1) 0,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.result-content{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:0 2rem;position:relative;width:100%;z-index:1}.result-value{color:var(--gold-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;max-width:100%;overflow-wrap:break-word;text-shadow:0 2px 4px rgba(var(--gold-primary-rgb),.2);transition:all .3s ease;word-break:break-word}.result-value.changed{animation:valueChange .5s ease}@keyframes valueChange{0%,to{transform:scale(1)}50%{color:var(--gold-secondary);transform:scale(1.1)}}.result-currency{color:var(--neutral-500,#718096);font-size:1.4rem;font-weight:600}.copy-result-btn{background:rgba(255,255,255,.9);border:1px solid rgba(var(--gold-primary-rgb),.3);border-radius:8px;color:var(--gold-primary);cursor:pointer;font-size:.875rem;padding:.5rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;z-index:2}.copy-result-btn:hover{background:var(--bg-white,#fff);border-color:var(--gold-primary);transform:scale(1.1)}.copy-result-btn.copied{background:#22c55e;border-color:#22c55e;color:#fff}.loading-spinner{display:none}.loading-spinner.active{display:flex}.calculating-indicator{animation:pulse-indicator 1s ease-in-out infinite;background:var(--gold-primary);border-radius:50%;height:8px;left:.75rem;opacity:0;position:absolute;top:.75rem;width:8px;z-index:3}.calculating-indicator.active{opacity:1}@keyframes pulse-indicator{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.quick-amounts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.quick-amount-btn,.quick-gold-btn{background:linear-gradient(135deg,rgba(var(--gold-primary-rgb),.08) 0,rgba(var(--gold-primary-rgb),.12));border:2px solid transparent;border-radius:20px;box-shadow:0 2px 4px rgba(var(--gold-primary-rgb),.1);color:var(--neutral-700,#2d3748);cursor:pointer;font-size:.875rem;font-weight:600;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-amount-btn:before,.quick-gold-btn:before{background:rgba(var(--gold-primary-rgb),.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.quick-amount-btn:active:before,.quick-gold-btn:active:before{height:300px;width:300px}.quick-amount-btn:hover,.quick-gold-btn:hover{background:linear-gradient(135deg,rgba(var(--gold-primary-rgb),.15) 0,rgba(var(--gold-primary-rgb),.2));border-color:rgba(var(--gold-primary-rgb),.4);box-shadow:0 4px 12px rgba(var(--gold-primary-rgb),.25);color:var(--gold-primary);transform:translateY(-3px) scale(1.05)}.quick-amount-btn.active,.quick-gold-btn.active{background:linear-gradient(135deg,var(--gold-primary) 0,var(--gold-secondary) 100%);border-color:var(--gold-primary);box-shadow:0 4px 16px rgba(var(--gold-primary-rgb),.4);color:#fff;transform:scale(1.05)}.rate-info{background:var(--neutral-100,#f8f9fa);border-left:3px solid var(--gold-primary);border-radius:8px;margin-top:1rem;padding:1rem}.rate-info strong{color:var(--neutral-700,#2d3748);font-size:.95rem}.rate-info small{color:var(--neutral-500,#718096);font-size:.875rem}.price-info-box{background:linear-gradient(135deg,var(--neutral-50,#fffbf5) 0,var(--gold-50,#fff8f0) 100%);border:1px solid rgba(var(--gold-primary-rgb),.15);border-radius:12px;padding:1rem}.price-info-box small{color:var(--neutral-500,#718096);display:block;font-size:.75rem;margin-bottom:.25rem}.price-info-box .fw-bold{font-size:1.1rem;margin-top:.25rem}.table{border-collapse:separate;border-spacing:0;margin-bottom:0}.table-responsive{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden}.table thead th{background:linear-gradient(135deg,var(--neutral-50,#fffbf5) 0,var(--gold-50,#fff8f0) 100%);border-bottom:2px solid rgba(var(--gold-primary-rgb),.2);color:var(--neutral-700,#2d3748);font-size:.8125rem;font-weight:700;letter-spacing:.5px;padding:1rem;position:sticky;text-transform:uppercase;top:0;z-index:1}.table tbody tr{border-bottom:1px solid rgba(0,0,0,.05);transition:all .2s ease}.table tbody tr:nth-child(2n){background-color:rgba(var(--gold-primary-rgb),.02)}.table tbody tr:hover{background-color:rgba(var(--gold-primary-rgb),.08);box-shadow:0 2px 8px rgba(var(--gold-primary-rgb),.15);transform:scale(1.01)}.table tbody td{color:var(--neutral-700,#2d3748);font-size:.875rem;padding:.875rem 1rem;vertical-align:middle}.table tbody td:first-child{font-weight:600}.table td.text-end,.table th.text-end{text-align:right!important}.table tbody td:first-child,.table thead th:first-child{text-align:left!important}.table .text-danger,.table .text-success{border-radius:6px;font-size:.8125rem;font-weight:600;padding:.25rem .5rem}.table .text-success{background:rgba(34,197,94,.1)}.table .text-danger{background:rgba(239,68,68,.1)}.investment-results .text-muted{color:var(--neutral-500,#718096);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.investment-results h3,.investment-results h4{margin-top:0}.history-item{align-items:center;background:var(--bg-white,#fff);border:1px solid rgba(var(--gold-primary-rgb),.1);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.04);display:flex;justify-content:space-between;margin-bottom:.75rem;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.history-item:before{background:linear-gradient(180deg,var(--gold-primary) 0,var(--gold-secondary) 100%);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.history-item:hover{background:rgba(var(--gold-primary-rgb),.03);border-color:rgba(var(--gold-primary-rgb),.3);box-shadow:0 4px 12px rgba(var(--gold-primary-rgb),.15);transform:translate(4px)}.history-item:hover:before{transform:scaleY(1)}.history-item i{background:rgba(var(--gold-primary-rgb),.1);border-radius:8px;color:var(--gold-primary);font-size:1.1rem;margin-right:.75rem;padding:.5rem}.history-item small{color:var(--neutral-500,#718096);font-size:.75rem;font-weight:500}.history-item>div{align-items:center;display:flex}.history-item span{color:var(--neutral-700,#2d3748);font-weight:500}@media(max-width:768px){.category-header{padding:1rem}.category-icon-wrapper{font-size:1.5rem;height:48px;width:48px}.category-title{font-size:1.5rem}.header-content{align-items:flex-start;flex-direction:column}.calculator-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;gap:.25rem}.calculator-tab{font-size:.85rem;padding:.5rem 1rem}.calculator-tab span{display:none}.calculator-card{padding:1rem}.result-value{font-size:1.75rem;word-break:break-word}.result-currency{font-size:1.1rem}.result-content{padding:0 1rem}.exchange-icon{font-size:1.5rem;padding:.75rem}.quick-amounts{gap:.375rem}.quick-amount-btn,.quick-gold-btn{font-size:.8rem;padding:.375rem .75rem}}@media(max-width:576px){.result-display{min-height:100px;padding:1rem}.calculator-tab i{margin-right:0}}