:root {
--th-primary: #2563eb;
--th-primary-dark: #1d4ed8;
--th-primary-light: #3b82f6;
--th-primary-ultralight: #93c5fd;
--th-accent: #06b6d4;
--th-success: #10b981;
--th-warning: #f59e0b;
--th-error: #ef4444;
--th-bg: #0f172a;
--th-card-bg: #1e293b;
--th-text: #f8fafc;
--th-text-secondary: #cbd5e1;
--th-border: #334155;
--th-grid-bg: rgba(30,41,59,0.7);
}
.th-system-container {
font-family: 'Inter', sans-serif;
background: var(--th-bg);
color: var(--th-text);
border-radius: 16px;
padding: 25px;
box-shadow: 0 8px 32px rgba(0,0,0,0.3);
position: relative;
overflow: hidden;
margin: 20px 0;
}
.th-system-header { display: flex; align-items: center; margin-bottom: 24px; }
.th-lock-icon { position: relative; width: 40px; height: 40px; }
.th-lock-shackle { position: absolute; width: 20px; height: 20px; border: 4px solid var(--th-primary); border-bottom: none; border-radius: 20px 20px 0 0; top: 2px; left: 50%; transform: translateX(-50%); }
.th-lock-body { position: absolute; width: 28px; height: 22px; background: var(--th-primary); border-radius: 4px; bottom: 0; left: 50%; transform: translateX(-50%); }
.th-header-text h3 { font-size: 24px; font-weight: 700; margin: 0; background: linear-gradient(90deg, var(--th-primary-light), var(--th-accent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.th-animated-title { position: relative; overflow: hidden; }
.th-animated-title::after { content: ''; position: absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(90deg, transparent, rgba(6,182,212,0.3), transparent); background-size:200% 100%; animation: title-shine 3s infinite; }
@keyframes title-shine { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
.th-wallet-label { font-size: 14px; color: var(--th-text-secondary); margin-bottom: 12px; }
.th-wallet-container { display: flex; gap: 12px; }
.th-wallet-code-container { background: rgba(15,23,42,0.6); border: 1px solid var(--th-border); border-radius: 8px; padding: 14px 16px; flex: 1; }
.th-wallet-code-container code { font-family: monospace; font-size: 14px; }
.th-copy-button { background: var(--th-primary); color: white; border: none; border-radius: 8px; padding: 0 16px; font-weight: 600; cursor: pointer; min-width: 100px; }
.th-copy-button:hover { background: var(--th-primary-dark); }
.th-qrcode-container { display: flex; justify-content: center; margin-top: 16px; padding: 16px; background: rgba(15,23,42,0.3); border-radius: 8px; border: 1px solid var(--th-border); }
.th-qrcode-container img { background: white; padding: 8px; border-radius: 8px; max-width: 180px; }
.th-status-indicator { display: flex; align-items: center; padding: 16px; background: rgba(15,23,42,0.4); border-radius: 8px; margin-bottom: 16px; }
.th-status-pulse { width: 18px; height: 18px; border-radius: 50%; background: var(--th-success); margin-right: 16px; }
.th-status-message { font-weight: 500; font-size: 15px; }
.th-details-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.th-detail-card { background: var(--th-grid-bg); border: 1px solid rgba(51,65,85,0.5); border-radius: 8px; padding: 16px; display: flex; align-items: center; }
.th-detail-icon svg { width: 24px; height: 24px; fill: var(--th-primary-ultralight); margin-right: 12px; }
.th-detail-label { font-size: 12px; color: var(--th-text-secondary); }
.th-detail-value { font-size: 16px; font-weight: 600; }
.th-progress-container { height: 4px; background: rgba(15,23,42,0.5); border-radius: 4px; margin-top: 8px; overflow: hidden; }
.th-progress-bar { height: 100%; width: 100%; background: linear-gradient(90deg, var(--th-success), var(--th-accent)); }
.th-section-title { display: flex; align-items: center; margin-bottom: 16px; }
.th-section-title svg { width: 20px; height: 20px; margin-right: 8px; fill: var(--th-text); }
.th-section-title h4 { font-size: 16px; margin: 0; font-weight: 600; }
.th-no-transactions { padding: 40px 20px; text-align: center; color: var(--th-text-secondary); font-style: italic; background: rgba(15,23,42,0.3); border-radius: 8px; border: 1px dashed var(--th-border); }
.th-notice-info, .th-notice-warning { display: flex; margin-bottom: 16px; padding: 16px; border-radius: 8px; }
.th-notice-info { background: rgba(37,99,235,0.1); border: 1px solid rgba(37,99,235,0.3); }
.th-notice-warning { background: rgba(245,158,11,0.1); border: 1px solid rgba(245,158,11,0.3); }
.th-notice-text { margin-left: 12px; font-size: 14px; }
CScrow - TH Panel
Wallet-Adresse:
bc1qwm3u47hkk9e70d6n2mxd8vqj74u8wpg3r26uma
Kopieren
Zahlung erfolgreich eingegangen!
Kontostand
0.18499934 BTC
Euro
17808 €
Bestätigungen
87
