.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 40px #0000001a}.login-card h1{text-align:center;color:#667eea;margin-bottom:8px;font-size:28px}.login-card h2{text-align:center;color:#333;margin-bottom:24px;font-size:20px;font-weight:400}.form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:16px;transition:border-color .3s}.form-group input:focus{border-color:#667eea;outline:none}.password-group{position:relative}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1;padding-right:45px}.eye-button{cursor:pointer;color:#666;background:0 0;border:none;width:auto;padding:0;font-size:18px;transition:color .3s;position:absolute;right:12px}.eye-button:hover{color:#667eea;background:0 0}.eye-button:focus{outline:none}.password-hint{color:#999;margin-top:5px;font-size:12px;display:block}button[type=submit]{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;width:100%;padding:12px;font-size:16px;font-weight:500;transition:background .3s}button[type=submit]:hover{background:#5a67d8}button[type=submit]:disabled{cursor:not-allowed;background:#ccc}.success-message{color:#3c3;text-align:center;background:#efe;border-radius:8px;margin-bottom:20px;padding:12px}.register-link{text-align:center;color:#666;margin-top:20px}.register-link a{color:#667eea;text-decoration:none}.register-link a:hover{text-decoration:underline}.header-buttons{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.dashboard-link{color:#667eea;background:#edf2f7;border:1px solid #667eea;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.dashboard-link:hover{color:#fff;background:#667eea;transform:translateY(-1px)}.logout-btn{color:#4a5568;cursor:pointer;letter-spacing:.5px;background:#e2e8f0;border:none;border-radius:12px;width:auto;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.logout-btn:hover{color:#2d3748;background:#cbd5e0;transform:translateY(-1px)}.dashboard-container{background:#f5f5f5;min-height:100vh}.dashboard-header{background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px 40px;display:flex;box-shadow:0 2px 10px #0000001a}.dashboard-header h1{color:#667eea;margin:0;font-size:24px}.dashboard-content{max-width:1200px;margin:0 auto;padding:40px}.user-info{background:#fff;border-radius:16px;margin-bottom:30px;padding:24px;box-shadow:0 2px 8px #0000000d}.user-info h2{color:#333;margin-top:0;margin-bottom:16px}.user-info p{color:#666;margin:8px 0}.user-info .current-datetime{color:#667eea;text-transform:capitalize;font-weight:500}.stats-cards{flex-wrap:wrap;gap:20px;margin-bottom:30px;display:flex}.stat-card{text-align:center;background:#fff;border-radius:16px;flex:1;min-width:200px;padding:24px;box-shadow:0 2px 8px #0000000d}.stat-card.total-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.stat-card.total-card .stat-label{color:#ffffffe6}.stat-card.total-card .stat-value{color:#fff}.stat-value.large{font-size:32px}.stat-value.no-large{font-size:29px}.chart-section{background:#fff;border-radius:16px;margin-bottom:30px;padding:24px;box-shadow:0 2px 8px #0000000d}.chart-section h3{color:#333;margin-top:0;margin-bottom:20px;font-size:18px}.chart-container{overflow-x:auto}.pie-chart-container{justify-content:center;align-items:center;padding:10px 0;display:flex}.pie-chart-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;width:100%;display:flex}.pie-chart-empty{justify-content:center;align-items:center;width:100%;padding:40px 0;display:flex}.pie-legend{flex-direction:column;gap:8px;min-width:200px;display:flex}.legend-item{cursor:default;background:#f8f9fa;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;transition:all .2s;display:flex}.legend-item:hover{background:#e9ecef;transform:translate(4px)}.legend-color{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;width:16px;height:16px}.legend-name{color:#333;flex:1;font-size:14px;font-weight:500}.legend-amount{color:#495057;font-size:13px;font-weight:600}.legend-percentage{color:#868e96;text-align:right;min-width:45px;font-size:12px;font-weight:500}.recent-activity{background:#fff;border-radius:16px;margin-bottom:30px;padding:24px;box-shadow:0 2px 8px #0000000d}.recent-activity h3{color:#333;margin-top:0;margin-bottom:20px}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{background:#f8f9fa;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.activity-type{color:#667eea;background:#edf2f7;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.activity-bullionName{color:#4a5568;flex:1}.activity-amount{font-size:16px;font-weight:700}.activity-amount.positive{color:#48bb78}.activity-amount.negative{color:#e53e3e}.activity-date{color:#a0aec0;font-size:12px}.quick-actions{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000d}.quick-actions h3{color:#333;margin-top:0;margin-bottom:20px}.action-buttons{flex-wrap:wrap;gap:15px;display:flex}.action-btn{color:#667eea;text-align:center;background:#edf2f7;border:1px solid #667eea;border-radius:12px;flex:1;min-width:150px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.action-btn:hover{color:#fff;background:#667eea;transform:translateY(-2px)}.no-data{text-align:center;color:#a0aec0;padding:40px}@media (width<=768px){.dashboard-header{text-align:center;flex-direction:column}.header-buttons{flex-direction:column;width:100%}.dashboard-link,.logout-btn{text-align:center;width:100%}.dashboard-content{padding:20px}.stats-cards{flex-direction:column}.pie-chart-wrapper{flex-direction:column;gap:20px}.pie-legend{min-width:unset;width:100%}.legend-item{padding:6px 12px;font-size:13px}.legend-color{width:14px;height:14px}.legend-amount{font-size:12px}.legend-percentage{min-width:40px;font-size:11px}.action-buttons{flex-direction:column}.action-btn{width:100%}}@media (width<=480px){.pie-chart-wrapper svg{width:250px;height:250px}.legend-item{padding:5px 10px;font-size:12px}}.legend-item.active{transform:scale(1.02);box-shadow:0 4px 12px #667eea4d;background:#e0e7ff!important;border:2px solid #667eea!important}.legend-item.active .legend-color{box-shadow:0 0 0 3px #667eea4d;opacity:1!important}.legend-item.active .legend-name{color:#667eea;font-weight:700}.pie-chart-empty{color:#a0aec0;justify-content:center;align-items:center;width:100%;padding:40px 0;font-size:16px;display:flex}@media (width<=768px){.chart-section{padding:16px}.chart-section h3{margin-bottom:16px;font-size:16px}}@media (width<=480px){.chart-section{border-radius:12px;padding:12px}.chart-section h3{margin-bottom:12px;font-size:14px}}.pie-legend-grid{grid-template-columns:repeat(3,1fr);gap:6px 16px;width:100%;max-width:750px;margin:0 auto 0 40px;display:grid}@media (width<=768px){.pie-legend-grid{grid-template-columns:repeat(2,1fr);gap:6px 12px;max-width:100%}}@media (width<=480px){.pie-legend-grid{grid-template-columns:1fr;gap:4px}}.bullionNames-content{max-width:1400px;margin:0 auto;padding:0 20px}@media (width<=768px){.bullionNames-content{padding:0 16px}}@media (width>=1920px){.bullionNames-content{max-width:1600px}}.bullionNames-container{background:#f5f5f5;min-height:100vh;padding:20px}.bullionNames-header{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 30px;display:flex;box-shadow:0 2px 10px #0000000d}.bullionNames-header h1{color:#667eea;margin:0;font-size:24px}.add-bullionName-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.add-bullionName-btn:hover{background:#5a67d8;transform:translateY(-1px)}.bullionNames-table-wrapper{background:#fff;border-radius:16px;overflow-x:auto;box-shadow:0 2px 10px #0000000d}.bullionNames-table{border-collapse:collapse;width:100%;font-size:14px}.bullionNames-table th{text-align:left;color:#4a5568;background:#f8f9fa;border-bottom:2px solid #e2e8f0;padding:15px;font-weight:600}.bullionNames-table td{color:#2d3748;border-bottom:1px solid #e2e8f0;padding:12px 15px}.bullionNames-table tbody tr:hover{background:#f7fafc}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.bullionNames-header{text-align:center;flex-direction:column;gap:15px}.header-actions{flex-direction:column;width:100%}.back-btn,.add-bullionName-btn{width:100%}.bullionNames-table th,.bullionNames-table td{padding:10px}.actions{flex-direction:row}.modal-content{width:95%;margin:10px}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.export-btn,.import-btn,.add-bullionName-btn{width:100%}}.color-picker-grid{grid-template-columns:repeat(10,1fr);gap:8px;padding:12px 0;display:grid}.color-option{aspect-ratio:1;cursor:pointer;border:3px solid #0000;border-radius:8px;width:100%;min-height:32px;padding:0;transition:all .2s}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.color-option.selected{border-color:#2d3748;transform:scale(1.05);box-shadow:0 0 0 2px #fff,0 0 0 4px #667eea}.color-option:active{transform:scale(.95)}.color-info{color:#4a5568;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.selected-color-info{align-items:center;gap:8px;font-weight:500;display:flex}.color-preview{border:1px solid #e2e8f0;border-radius:4px;width:20px;height:20px;display:inline-block}.colors-loading{text-align:center;color:#a0aec0;padding:20px}.color-warning{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin:10px 0;padding:10px;font-size:14px}.bullionName-name-with-color{align-items:center;gap:12px;display:flex}.bullionName-color-dot{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;width:16px;height:16px}.bullionName-name{color:#2d3748;font-weight:500}@media (width<=768px){.color-picker-grid{grid-template-columns:repeat(8,1fr);gap:6px}.color-option{min-height:28px}}@media (width<=480px){.color-picker-grid{grid-template-columns:repeat(6,1fr);gap:4px}.color-option{min-height:24px}}.bank-name{color:#2d3748;font-weight:500}.banks-content{max-width:1400px;margin:0 auto;padding:0 20px}@media (width<=768px){.banks-content{padding:0 16px}}@media (width>=1920px){.banks-content{max-width:1600px}}.banks-container{background:#f5f5f5;min-height:100vh;padding:20px}.banks-header{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 30px;display:flex;box-shadow:0 2px 10px #0000000d}.banks-header h1{color:#667eea;margin:0;font-size:24px}.back-btn{color:#4a5568;cursor:pointer;background:#e2e8f0;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.add-bank-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.add-bank-btn:hover{background:#5a67d8;transform:translateY(-1px)}.banks-table-wrapper{background:#fff;border-radius:16px;overflow-x:auto;box-shadow:0 2px 10px #0000000d}.banks-table{border-collapse:collapse;width:100%;font-size:14px}.banks-table th{text-align:left;color:#4a5568;background:#f8f9fa;border-bottom:2px solid #e2e8f0;padding:15px;font-weight:600}.banks-table td{color:#2d3748;border-bottom:1px solid #e2e8f0;padding:12px 15px}.banks-table tbody tr:hover{background:#f7fafc}.actions{gap:10px;display:flex}.edit-btn,.delete-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;width:auto;padding:5px 8px;font-size:18px;transition:all .2s}.modal-body input{border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px;font-size:16px;transition:all .3s}.modal-body input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.error-message{color:#c53030;background:#fed7d7;border-radius:10px;margin-bottom:20px;padding:12px;font-size:14px}@media (width<=768px){.banks-header{text-align:center;flex-direction:column;gap:15px}.header-actions{flex-direction:column;width:100%}.back-btn,.add-bank-btn{width:100%}.banks-table th,.banks-table td{padding:10px}.actions{flex-direction:row}.modal-content{width:95%;margin:10px}}.export-btn,.import-btn{color:#fff;cursor:pointer;background:#48bb78;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.export-btn:hover{background:#38a169;transform:translateY(-1px)}.import-btn{background:#ed8936}.import-btn:hover:not(:disabled){background:#dd6b20;transform:translateY(-1px)}.import-btn:disabled{opacity:.6;cursor:not-allowed}.import-progress{background:#e2e8f0;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 20px;display:flex}.spinner{border:3px solid #667eea;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@media (width<=768px){.export-btn,.import-btn,.add-bank-btn{width:100%}}.page-btn{color:#4a5568;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}@media (width<=768px){.controls-bar{flex-direction:column}.sort-buttons{justify-content:space-between}.sort-btn{text-align:center;flex:1;height:40px;padding:0 8px;font-size:12px}}.vaults-container{background:#f5f5f5;min-height:100vh;padding:20px}.vaults-content{max-width:1400px;margin:0 auto;padding:0 20px}@media (width<=768px){.vaults-content{padding:0 16px}}@media (width>=1920px){.vaults-content{max-width:1600px}}.vaults-header{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 30px;display:flex;box-shadow:0 2px 10px #0000000d}.vaults-header h1{color:#667eea;margin:0;font-size:24px}.back-btn,.add-vault-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500}.add-vault-btn{color:#fff;background:#667eea}.search-bar{margin-bottom:20px}.search-bar input{background:#fff;border:1px solid #ddd;border-radius:12px;width:100%;padding:12px 16px;font-size:16px;transition:all .3s}.vaults-table-wrapper{background:#fff;border-radius:16px;overflow-x:auto;box-shadow:0 2px 10px #0000000d}.vaults-table{border-collapse:collapse;width:100%;font-size:14px}.vaults-table th,.vaults-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:12px 15px}.vaults-table th{color:#4a5568;background:#f8f9fa;font-weight:600}.vaults-table td{color:#2d3748}.vaults-table tbody tr:last-child td{border-bottom:none}.vaults-table thead tr th{border-bottom:1px solid #e2e8f0}.vaults-table tbody tr:hover{background:#f7fafc}.empty-row{text-align:center;color:#a0aec0;padding:40px}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.sortable-header:hover{background:#e9ecef}.sort-indicator{color:#667eea;margin-left:5px;font-size:12px;display:inline-block}.vault-name{color:#2d3748;font-weight:500}.vault-name.clickable{cursor:pointer;color:#667eea;font-weight:500;text-decoration:none;transition:all .2s}.vault-name.clickable:hover{color:#5a67d8;text-decoration:underline}.interest-rate{color:#38a169;font-weight:600}.vault-description{color:#718096;white-space:normal;word-wrap:break-word;max-width:350px;line-height:1.4}.actions{white-space:nowrap;align-items:center;gap:8px;display:flex}.edit-btn,.delete-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:auto;padding:4px 8px;font-size:18px;line-height:1;transition:all .2s;display:inline-flex}.edit-btn{color:#667eea}.edit-btn:hover{background:#edf2f7;transform:scale(1.05)}.delete-btn{color:#e53e3e}.delete-btn:hover{background:#fff5f5;transform:scale(1.05)}.pagination{background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding:15px;display:flex}.page-btn{color:#4a5568;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;width:auto;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#4a5568;font-size:14px}.modal-close{cursor:pointer;color:#a0aec0;background:0 0;border:none;width:auto;padding:0;font-size:28px;line-height:1;transition:color .3s}.modal-close:hover{color:#4a5568;background:0 0}.modal-body .form-group{margin-bottom:20px}.modal-body label{color:#2d3748;margin-bottom:8px;font-weight:500;display:block}.modal-body input,.modal-body textarea{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:16px;transition:all .3s}.modal-body textarea{resize:vertical}.modal-body input:focus,.modal-body textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.cancel-btn{color:#4a5568;cursor:pointer;background:#e2e8f0;border:none;border-radius:10px;width:auto;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.save-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:10px;width:auto;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.page-size-selector{background:#fff;border-radius:12px;justify-content:flex-end;align-items:center;gap:10px;margin-top:15px;padding:10px;display:flex}.page-size-selector label{color:#4a5568;font-size:14px}.page-size-selector select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:6px 12px;font-size:14px}.page-size-selector select:hover{border-color:#667eea}.page-size-selector select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.table-loader{color:#667eea;padding:20px;font-size:14px;animation:1s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=768px){.vaults-header{text-align:center;flex-direction:column;gap:15px}.header-actions{flex-direction:column;width:100%}.back-btn,.add-vault-btn{width:100%}.vaults-table th,.vaults-table td{padding:10px}.vault-description{max-width:150px}.modal-content{width:95%;margin:10px}.page-size-selector{justify-content:center}}.vault-bank{color:#4a5568;font-weight:500}.vault-bank .no-bank{color:#a0aec0;font-weight:400}.vault-total{color:#2d3748;font-weight:600}.bank-link{color:#667eea;font-weight:500;text-decoration:none;transition:all .2s}.bank-link:hover{color:#5a67d8;text-decoration:underline}.no-bank{color:#a0aec0}.bullions-container{background:#f5f5f5;min-height:100vh;padding:20px}.bullions-content{max-width:1400px;margin:0 auto;padding:0 20px}.bullions-header{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 30px;display:flex;box-shadow:0 2px 10px #0000000d}.bullions-header h1{color:#667eea;margin:0}.header-actions{gap:15px;display:flex}.back-btn,.add-bullion-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.back-btn{color:#4a5568;background:#e2e8f0}.back-btn:hover{background:#cbd5e0}.add-bullion-btn{color:#fff;background:#667eea}.add-bullion-btn:hover{background:#5a67d8}.stats-cards{gap:20px;margin-bottom:20px;display:flex}.stat-card{text-align:center;background:#fff;border-radius:16px;flex:1;padding:20px 30px;box-shadow:0 2px 10px #0000000d}.stat-label{color:#718096;margin-bottom:8px;font-size:14px}.stat-value{color:#2d3748;font-size:24px;font-weight:600}.search-bar{flex:1}.search-bar input{box-sizing:border-box;border:1px solid #ddd;border-radius:12px;width:100%;height:48px;padding:12px 16px;font-size:16px;transition:all .2s}.search-bar input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.bullions-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.bullion-card{background:#fff;border-radius:20px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0000000d}.bullion-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.card-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:16px 20px}.card-header h3{color:#fff;margin:0;font-size:18px;font-weight:600}.card-body{flex:1;padding:20px}.card-stats{border-top:1px solid #e2e8f0;padding-top:16px}.stat{justify-content:space-between;align-items:baseline;margin-bottom:10px;line-height:1.4;display:flex}.stat-name{color:#718096;flex-shrink:0;font-size:14px;font-weight:500}.stat-value{color:#2d3748;text-align:center;font-size:24px;font-weight:600}.stat-description{color:#4a5568;word-break:break-word;text-align:right;font-size:14px;font-weight:400}.amount-value{color:#2d3748;font-size:24px;font-weight:600}.vaults-list{margin-bottom:16px}.vaults-label{color:#718096;margin-bottom:8px;font-size:14px;display:block}.vaults-tags{flex-wrap:wrap;gap:8px;display:flex}.vault-link{color:#667eea;background:#edf2f7;border-radius:20px;padding:4px 12px;font-size:13px;text-decoration:none;transition:all .2s}.vault-link:hover{color:#fff;background:#667eea}.card-actions-horizontal{background:#f8f9fa;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:8px;margin-top:auto;padding:16px 20px;display:flex}.card-actions-horizontal button{cursor:pointer;text-align:center;white-space:nowrap;border:none;border-radius:8px;flex:1;min-width:calc(25% - 6px);padding:10px 8px;font-size:14px;font-weight:500;transition:all .2s}.refill-btn{color:#fff;background:#48bb78}.refill-btn:hover:not(:disabled){background:#38a169}.withdraw-btn{color:#fff;background:#ed8936}.withdraw-btn:hover:not(:disabled){background:#dd6b20}.edit-vault-btn{color:#fff;background:#4299e1}.edit-vault-btn:hover:not(:disabled){background:#3182ce}.delete-vault-btn{color:#fff;background:#e53e3e}.delete-vault-btn:hover:not(:disabled){background:#c53030}.card-actions-horizontal button:disabled{opacity:.6;cursor:not-allowed}.vault-card{min-height:auto}.vault-card .card-body{padding:16px 20px}.vault-card .card-stats{border-top:none;padding-top:0}.vault-card .stat{margin-bottom:8px}.vault-card .card-actions-horizontal{padding:12px 20px}.vault-card .card-actions-horizontal button{padding:8px 6px;font-size:13px}.error-message{color:#c33;text-align:center;background:#fee;border-radius:8px;margin-bottom:20px;padding:12px}.loading-spinner{text-align:center;color:#667eea;padding:40px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;width:90%;max-width:500px;animation:.3s modalSlideIn;box-shadow:0 20px 60px #0000004d}.transaction-modal{max-width:450px}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:#2d3748;margin:0;font-size:20px}.modal-close{cursor:pointer;color:#a0aec0;background:0 0;border:none;padding:0;font-size:28px;line-height:1}.modal-close:hover{color:#4a5568}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#2d3748;margin-bottom:8px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:16px}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.input-hint{color:#a0aec0;margin-top:5px;font-size:12px;display:block}.quick-amount-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.quick-amount-btn{color:#4a5568;cursor:pointer;white-space:nowrap;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.quick-amount-btn:hover:not(:disabled){color:#667eea;background:#edf2f7;border-color:#667eea}.quick-amount-btn:active:not(:disabled){transform:translateY(1px)}.quick-amount-btn:disabled{opacity:.5;cursor:not-allowed}.quick-amount-btn-all{color:#fff;background:#667eea;border-color:#667eea}.quick-amount-btn-all:hover:not(:disabled){color:#fff;background:#5a67d8;border-color:#5a67d8}.modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.cancel-btn{color:#4a5568;cursor:pointer;background:#e2e8f0;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500}.cancel-btn:hover{background:#cbd5e0}.save-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500}.save-btn:hover:not(:disabled){background:#5a67d8}.save-btn:disabled{opacity:.6;cursor:not-allowed}.save-btn.delete-btn{background:#e53e3e}.save-btn.delete-btn:hover:not(:disabled){background:#c53030}.transaction-bullion-info{background:#f8f9fa;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.transaction-bullion-info .info-label{color:#718096;font-size:14px;font-weight:500}.transaction-bullion-info .info-value{color:#2d3748;font-size:16px;font-weight:600}.transaction-textarea{resize:vertical;min-height:80px;transition:min-height .2s}.transaction-textarea:focus{min-height:120px}.confirm-message{background:#fef5e7;border-left:4px solid #ed8936;border-radius:8px;margin-bottom:20px;padding:16px}.confirm-message p{color:#4a5568;margin:0;font-size:14px}@media (width<=768px){.bullions-content{padding:0 16px}.bullions-header{text-align:center;flex-direction:column;gap:15px}.header-actions{flex-direction:column;width:100%}.back-btn,.add-bullion-btn{width:100%}.stats-cards,.controls-bar{flex-direction:column}.sort-buttons{justify-content:space-between}.sort-btn{text-align:center;flex:1;height:44px;padding:0 10px;font-size:12px}.bullions-grid{grid-template-columns:1fr}.empty-state{grid-column:span 1}.card-actions-horizontal{flex-direction:column}.card-actions-horizontal button{white-space:normal;min-width:100%}.modal-content{width:95%;margin:10px}.transaction-bullion-info{text-align:center;flex-direction:column;gap:8px}.stat{flex-direction:column;align-items:flex-start;gap:4px}.stat-description{text-align:left;width:100%}.vault-card .card-body{padding:12px 16px}.vault-card .card-actions-horizontal{padding:10px 16px}}@media (width>=1920px){.bullions-content{max-width:1600px}}.radio-group{flex-direction:column;gap:12px;margin-top:8px;display:flex}.radio-label{cursor:pointer;color:#2d3748;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;transition:background .2s;display:flex}.radio-label:hover{background:#f7fafc}.radio-label input[type=radio]{cursor:pointer;accent-color:#667eea;width:18px;height:18px;margin:0}.react-select-container{width:100%}.react-select__control{box-shadow:none!important;border-color:#e2e8f0!important;border-radius:10px!important;min-height:46px!important}.react-select__control:hover{border-color:#667eea!important}.react-select__control--is-focused{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.react-select__menu{border-radius:10px!important;overflow:hidden!important}.react-select__option{padding:10px 12px!important}.react-select__option--is-focused{background:#edf2f7!important}.react-select__option--is-selected{background:#667eea!important}.react-select__placeholder{color:#a0aec0!important}.react-select__input-container{margin:0!important;padding:0!important}.transfer-target-info{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;margin:12px 0 20px;padding:16px}.target-info-title{color:#2d3748;margin-bottom:12px;font-size:14px;font-weight:600}.target-info-details{flex-direction:column;gap:6px;display:flex}.target-info-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:14px;display:flex}.target-info-row.highlight{border-top:1px solid #e2e8f0;margin-top:4px;padding-top:10px}.target-info-label{color:#718096;font-weight:500}.target-info-value{color:#2d3748;font-weight:500}.target-info-value.highlight-amount{color:#667eea;font-size:16px;font-weight:700}@media (width<=768px){.transfer-target-info{padding:12px}.target-info-row{flex-direction:column;align-items:flex-start;gap:2px}.target-info-row.highlight{flex-direction:row;justify-content:space-between}.target-info-value{font-size:13px}.target-info-value.highlight-amount{font-size:15px}}.transfer-btn{color:#fff;background:#667eea}.transfer-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.save-btn.transfer-btn{background:#667eea}.save-btn.transfer-btn:hover:not(:disabled){background:#5a67d8}@media (width<=768px){.card-actions-horizontal button.transfer-btn{min-width:100%}}.input-error{background-color:#fff5f5!important;border-color:#e53e3e!important;box-shadow:0 0 0 3px #e53e3e1a!important}.input-error:focus{border-color:#e53e3e!important;box-shadow:0 0 0 3px #e53e3e33!important}.amount-warning{color:#e53e3e;background:#fff5f5;border-left:3px solid #e53e3e;border-radius:6px;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;font-size:13px;animation:1.5s ease-in-out infinite warningPulse;display:flex}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.7}}.save-btn.disabled-btn{opacity:.5;cursor:not-allowed;background:#a0aec0!important}.save-btn.disabled-btn:hover{background:#a0aec0!important;transform:none!important}@media (width<=768px){.amount-warning{padding:4px 8px;font-size:12px}}@media (width<=768px){.transfer-modal-wide{margin:10px;width:98%!important;max-width:100%!important}.transfer-modal-wide .modal-body{padding:16px}.transfer-modal-wide .transaction-bullion-info{text-align:center;flex-direction:column;gap:6px;padding:10px 12px}.transfer-modal-wide .target-info-row{flex-direction:column;align-items:flex-start;gap:2px}.transfer-modal-wide .target-info-row.highlight{flex-direction:row;justify-content:space-between}}@media (width>=1200px){.transfer-modal-wide{max-width:750px!important}}.modal-content.transaction-modal{flex-direction:column;max-width:500px;max-height:90vh;display:flex}.transfer-modal-wide{width:95%!important;max-width:650px!important}.modal-form{flex-direction:column;flex:1;max-height:calc(90vh - 60px);display:flex;overflow:hidden}.modal-body-scrollable{flex:1;padding:24px 24px 8px;overflow-y:auto}.modal-body-scrollable::-webkit-scrollbar{width:6px}.modal-body-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-body-scrollable::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:10px}.modal-body-scrollable::-webkit-scrollbar-thumb:hover{background:#a0aec0}.modal-footer{background:#fff;border-top:1px solid #e2e8f0;border-radius:0 0 20px 20px;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (width<=768px){.modal-content.transaction-modal{max-height:95vh;margin:5px;width:98%!important}.transfer-modal-wide{width:98%!important;max-width:100%!important}.modal-body-scrollable{padding:16px}.modal-footer{flex-wrap:wrap;padding:12px 16px}.modal-footer button{flex:1;min-width:80px}.transfer-target-info{padding:12px}.target-info-row{flex-direction:column;align-items:flex-start;gap:2px}.target-info-row.highlight{flex-direction:row;justify-content:space-between}.target-info-value{font-size:13px}.target-info-value.highlight-amount{font-size:15px}}@media (width<=480px){.modal-body-scrollable{padding:12px}.form-group{margin-bottom:12px}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;font-size:14px}.react-select__control{min-height:38px!important}.quick-amount-row{gap:6px;margin-top:8px}.quick-amount-btn{padding:5px 11px;font-size:12px}}.history-page{background:#f5f5f5;max-width:1400px;min-height:100vh;margin:0 auto;padding:20px}.history-header{background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:20px 24px;display:flex;box-shadow:0 2px 8px #0000000d}.history-header-left{align-items:center;gap:16px;display:flex}.history-header-left h1{color:#2d3748;margin:0;font-size:24px}.history-header-right{flex-wrap:wrap;gap:10px;display:flex}.back-btn{color:#4a5568;background:#edf2f7;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.back-btn:hover{background:#e2e8f0;transform:translate(-2px)}.filter-toggle-btn,.reset-btn,.refresh-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .3s}.filter-toggle-btn{color:#4a5568;background:#edf2f7}.filter-toggle-btn:hover{background:#e2e8f0}.reset-btn{color:#4a5568;background:#e2e8f0}.reset-btn:hover{background:#cbd5e0}.refresh-btn{color:#fff;background:#667eea}.refresh-btn:hover{background:#5a67d8;transform:scale(1.02)}.filters-panel{background:#fff;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid;box-shadow:0 2px 8px #0000000d}.filter-select,.filter-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px}.filter-select:focus,.filter-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.history-table-wrapper{background:#fff;border-radius:16px;overflow:auto hidden;box-shadow:0 2px 8px #0000000d}.history-table{border-collapse:collapse;width:100%;min-width:700px}.history-table thead{background:#f7fafc}.history-table th{text-align:left;color:#4a5568;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:14px 16px;font-weight:600}.history-table td{border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:14px}.even-row{background:#fff}.odd-row{background:#f7fafc}.type-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.type-deposit{color:#276749;background:#c6f6d5}.type-withdrawal{color:#9b2c2c;background:#fed7d7}.type-transfer{color:#2a69ac;background:#bee3f8}.type-opening_balance{color:#553c9a;background:#e9d8fd}.type-unknown{color:#4a5568;background:#e2e8f0}.reversal-label{color:#718096;background:#edf2f7;border-radius:10px;margin-left:6px;padding:2px 8px;font-size:11px;display:inline-block}.amount-cell{font-weight:600}.amount-cell.income{color:#48bb78}.amount-cell.expense{color:#e53e3e}.amount-cell.transfer{color:#667eea}.amount-cell.neutral{color:#718096}.description-cell{color:#4a5568;word-break:break-word;max-width:300px}.actions-cell{justify-content:center;align-items:center;gap:4px;display:flex}.rollback-btn{color:#9b2c2c;cursor:pointer;background:#fed7d7;border:none;border-radius:6px;padding:4px 12px;font-size:12px;transition:all .2s}.rollback-btn:hover{background:#feb2b2;transform:scale(1.05)}.rolled-back-label{color:#a0aec0;font-size:12px;font-weight:500}.no-data{text-align:center;color:#a0aec0;padding:60px 20px;font-size:16px}.pagination{background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000d}.page-btn{cursor:pointer;color:#fff;background:#667eea;border:none;border-radius:8px;padding:8px 20px;font-weight:500;transition:all .3s}.page-btn:hover:not(:disabled){background:#5a67d8;transform:scale(1.02)}.page-btn:disabled{color:#a0aec0;cursor:default;background:#e2e8f0}.page-info{color:#4a5568;padding:8px 16px;font-weight:500}.total-info{text-align:center;color:#a0aec0;margin-top:12px;font-size:14px}.history-loading{color:#4a5568;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}@media (width<=768px){.history-page{padding:12px}.history-header{flex-direction:column;align-items:stretch}.history-header-left{flex-direction:column;align-items:flex-start}.history-header-right{flex-wrap:wrap}.history-header-right button{text-align:center;flex:1;min-width:80px}.filters-panel{grid-template-columns:1fr}.history-table td,.history-table th{padding:10px 12px;font-size:13px}.description-cell{max-width:150px}.rollback-btn{padding:3px 8px;font-size:11px}}.bank-detail-container{background:#f5f5f5;min-height:100vh;padding:20px}.bank-detail-content{max-width:1400px;margin:0 auto;padding:0 20px}.bank-detail-header{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 30px;display:flex;box-shadow:0 2px 10px #0000000d}.header-left{align-items:center;gap:16px;display:flex}.header-left h1{color:#667eea;margin:0;font-size:24px}.bank-back-btn{color:#4a5568;cursor:pointer;background:#e2e8f0;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.bank-back-btn:hover{background:#cbd5e0;transform:translateY(-1px)}.bank-stats-cards{gap:20px;margin-bottom:20px;display:flex}.bank-stats-cards .stat-card{text-align:center;background:#fff;border-radius:16px;flex:1;padding:24px;box-shadow:0 2px 10px #0000000d}.bank-stats-cards .stat-card.total-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.bank-stats-cards .stat-card.total-card .stat-label{color:#ffffffe6}.bank-stats-cards .stat-card.total-card .stat-value{color:#fff}.bank-stats-cards .stat-label{color:#718096;margin-bottom:8px;font-size:14px}.bank-stats-cards .stat-value{color:#2d3748;font-size:24px;font-weight:600}.bank-stats-cards .stat-value.large{font-size:32px}.controls-bar{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.controls-bar .search-bar{flex:1;margin-bottom:0}.bank-detail-container .search-bar input{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:12px;width:100%;height:48px;padding:12px 16px;font-size:16px;transition:all .3s}.bank-detail-container .search-bar input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.sort-buttons{gap:10px;display:flex}.sort-btn{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:12px;height:48px;padding:0 16px;font-size:14px;font-weight:500;transition:all .2s}.sort-btn:hover{background:#f7fafc}.sort-btn.active{color:#fff;background:#667eea;border-color:#667eea}.vaults-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.vault-card{background:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 10px #0000000d}.vault-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.vault-card-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;min-height:60px;padding:16px 20px;display:flex}.vault-card-header h3{color:#0f0;cursor:pointer;text-shadow:0 1px 3px #00000026;flex:1;margin:0;font-size:18px;font-weight:600}.vault-card-header h3:hover{color:#38a169}.vault-badge{color:#fff;white-space:nowrap;background:#fff3;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:500}.vault-card-body{padding:16px 20px}.vault-stat{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.vault-stat:last-of-type{border-bottom:none}.vault-stat .stat-name{color:#718096;font-size:14px}.vault-stat .stat-value{color:#2d3748;font-size:14px;font-weight:600}.vault-card-description{color:#718096;word-break:break-word;border-top:1px solid #f0f0f0;margin-top:8px;padding-top:8px;font-size:13px}.empty-state{text-align:center;color:#a0aec0;background:#fff;border-radius:16px;grid-column:1/-1;padding:60px}.bank-detail-container .pagination{background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding:15px;display:flex}.bank-detail-container .page-btn{color:#4a5568;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.bank-detail-container .page-btn:hover:not(:disabled){background:#cbd5e0;transform:translateY(-1px)}.bank-detail-container .page-btn:disabled{opacity:.5;cursor:not-allowed}.bank-detail-container .page-info{color:#4a5568;font-size:14px}.bank-detail-container .page-size-selector{background:#fff;border-radius:12px;justify-content:flex-end;align-items:center;gap:10px;margin-top:15px;padding:10px;display:flex}.bank-detail-container .page-size-selector label{color:#4a5568;font-size:14px}.bank-detail-container .page-size-selector select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:6px 12px;font-size:14px}.loading-spinner{text-align:center;color:#667eea;padding:40px;font-size:18px}.bank-detail-container .error-message{color:#c33;text-align:center;background:#fee;border-radius:8px;margin-bottom:20px;padding:12px}@media (width<=768px){.bank-detail-content{padding:0 16px}.bank-stats-cards,.controls-bar{flex-direction:column}.sort-buttons{justify-content:space-between}.sort-btn{text-align:center;flex:1;height:40px;padding:0 8px;font-size:12px}.vaults-grid{grid-template-columns:1fr}.vault-card-header{text-align:center;flex-direction:column;gap:8px}.bank-detail-container .page-size-selector{justify-content:center}.bank-detail-container{padding:10px}.bank-detail-header{padding:16px}.header-left h1{font-size:20px}.header-actions{gap:15px;display:flex}.bank-stats-cards .stat-value.large{font-size:24px}.vault-card-body{padding:12px 16px}.bank-detail-header{text-align:center;flex-direction:column;gap:15px}.header-left,.header-actions{flex-direction:column;width:100%}.bank-back-btn{width:100%}}.vault-card-title{color:#0f0;cursor:pointer;text-shadow:0 1px 3px #00000026;flex:1;margin:0;font-size:18px;font-weight:600;transition:color .2s}.vault-card-title:hover{color:#38a169}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.loading-screen{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s ease-in-out infinite spin}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}