.page-container{min-height:100vh;background-color:#F9FAFB}.dark .page-container{background-color:#111827}.page-content{max-width:1280px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:2rem}.centered-content{max-width:1280px;margin:0 auto;padding:4rem 1rem;text-align:center}.page-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem}.dark .page-title{color:#F9FAFB}.page-subtitle{color:#6B7280}.dark .page-subtitle{color:#9CA3AF}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#111827}.dark .section-title{color:#F9FAFB}.gradient-title{font-size:2.25rem;font-weight:700;background:linear-gradient(90deg,#2563EB,#9333EA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width:768px){.gradient-title{font-size:3rem}}.btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#2563EB;color:white}.btn-primary:hover:not(:disabled){background-color:#1D4ED8}.btn-warning{background-color:#D97706;color:white;padding:.75rem 1.5rem;font-weight:600}.btn-warning:hover:not(:disabled){background-color:#B45309}.btn-success{background-color:#16A34A;color:white}.btn-success:hover:not(:disabled){background-color:#15803D}.card{background:white;border-radius:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.5rem}.dark .card{background:#1F2937}.card-shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.card:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .2s}.stats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.stats-grid-2{grid-template-columns:repeat(2,1fr)}.stats-grid-3{grid-template-columns:repeat(3,1fr)}.stats-grid-4{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:700}@media (min-width:768px){.stat-value{font-size:1.875rem}}.stat-value--blue{color:#2563EB}.stat-value--purple{color:#9333EA}.stat-value--green{color:#16A34A}.stat-value--orange{color:#EA580C}.stat-label{font-size:.875rem;color:#6B7280;margin-top:.25rem}.dark .stat-label{color:#9CA3AF}.empty-state{text-align:center;padding:4rem 1rem;background:white;border-radius:.75rem}.dark .empty-state{background:#1F2937}.empty-state-icon{font-size:2rem;color:#9CA3AF;margin-bottom:1rem}.empty-state-title{font-size:1.25rem;font-weight:600;color:#6B7280;margin-bottom:.5rem}.dark .empty-state-title{color:#9CA3AF}.dark .empty-state-message,.empty-state-message{color:#6B7280}.loading-spinner{display:inline-block;width:2rem;height:2rem;border:4px solid #2563eb;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{text-align:center;padding:4rem 1rem}.loading-text{margin-top:1rem;color:#6B7280}.dark .loading-text{color:#9CA3AF}.responsive-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.text-secondary{color:#6B7280}.dark .text-secondary,.text-muted{color:#9CA3AF}.dark .text-muted{color:#6B7280}.text-center{text-align:center}.section-spacing{display:flex;flex-direction:column;gap:2rem}.header-spacing{margin-bottom:.5rem}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.page-header-title{font-size:1.5rem;font-weight:700;color:#111827}.dark .page-header-title{color:#F9FAFB}.not-connected-message{font-size:1.25rem;color:#6B7280}.dark .not-connected-message{color:#9CA3AF}.footer{background:white;border-top:1px solid #e5e7eb;margin-top:auto}.dark .footer{background:#1F2937;border-top-color:#374151}.footer-container{max-width:1280px;margin:0 auto;padding:0 1rem}.footer-content{justify-content:space-between;height:4rem;flex-wrap:wrap;gap:1rem}.footer-content,.footer-left{display:flex;align-items:center}.footer-text{font-size:.875rem;color:#6B7280}.dark .footer-text{color:#9CA3AF}.footer-right,.footer-support-btn{display:flex;align-items:center}.footer-support-btn{gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:transparent;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.dark .footer-support-btn{border-color:#4B5563;color:#D1D5DB}.footer-support-btn:hover{background:#F3F4F6;border-color:#9CA3AF}.dark .footer-support-btn:hover{background:#374151;border-color:#6B7280}.footer-support-icon{font-size:1rem}.footer-support-text{font-weight:500}@media (max-width:640px){.footer-content{justify-content:space-between}.footer-left{font-size:.75rem}.footer-support-btn{padding:.375rem .75rem;font-size:.75rem}}.support-modal{max-width:32rem;width:100%}.support-form{gap:1.5rem}.form-group,.support-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:#374151}.dark .form-label{color:#D1D5DB}.form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;outline:none;transition:border-color .2s}.form-input:focus{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-input--disabled{background-color:#F3F4F6;color:#6B7280;cursor:not-allowed}.dark .form-input{background:#374151;border-color:#4B5563;color:#D1D5DB}.dark .form-input:focus{border-color:#3B82F6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.dark .form-input--disabled{background-color:#1F2937;color:#6B7280}.form-textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;outline:none;transition:border-color .2s;resize:vertical;min-height:120px;font-family:inherit}.form-textarea:focus{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.dark .form-textarea{background:#374151;border-color:#4B5563;color:#D1D5DB}.dark .form-textarea:focus{border-color:#3B82F6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-helper{font-size:.75rem;color:#6B7280;text-align:right}.dark .form-helper{color:#9CA3AF}.header-support-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:transparent;border:1px solid #e5e7eb;border-radius:.375rem;color:#6B7280;font-size:.75rem;cursor:pointer;transition:all .2s}.header-support-btn:hover{background:#F3F4F6;color:#374151}.dark .header-support-btn{border-color:#4B5563;color:#9CA3AF}.dark .header-support-btn:hover{background:#374151;color:#D1D5DB}.network-indicator{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6B7280}.dark .network-indicator{color:#9CA3AF}.network-dot{width:.5rem;height:.5rem;background:#10B981;border-radius:50%}.network-name{font-weight:500}