TechRig PC Investments

Notification Message

Invest in High-Performance Computers

Create new account

TechRig

Total Portfolio Value

0.00 ETB

Today's Profit: 0.00 ETB

Deposit

Withdraw

Check-in

Promo

Task

Syncing payout records...

Hardware Overview

Go to Store

RTX 4090 Build

Enterprise Server

AMD Threadripper

Cloud Station

Quantum Node

AI Processing

Liquid Cooled Rig

Extreme Mining

Home

Store

My PCs

Team

Profile

MASTER CONTROL

System Overview

Total Users

Active Users

Total Invested

0 ETB

Total Deposit

0 ETB

Total Withdraw

0 ETB

Net Balance

0 ETB

Daily Income Control

Release today's mining income so users can collect it.

Search & Manage User

Manage Support Links

Update the Telegram links shown to users in the Support section.

Pending Withdrawals

Pending Deposits

Gift Code Generator

Manage Payment Methods

Manage Invitation Tasks

Set required invites and reward amount.

Manage Plans / Products

Fill form to Add New or Click Edit on existing.

} /* --- MODERN CLEAN THEME VARIABLES --- */ :root { --primary: #2563eb; --primary-hover: #1d4ed8; --secondary: #f1f5f9; --bg-color: #f8fafc; --surface: #ffffff; --text-dark: #0f172a; --text-muted: #64748b; --success: #10b981; --danger: #ef4444; --warning: #f59e0b; --border: #e2e8f0; --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); --radius: 16px; } * { box-sizing: border-box; outline: none; -webkit-tap-highlight-color: transparent; } body { margin: 0; padding: 0; background: url('https://img.freepik.com/premium-photo/modern-dark-theme-background-with-abstract-geometric-shapes_1106493-429563.jpg?semt=ais_hybrid&w=740&q=80') no-repeat center center fixed; background-size: cover; color: var(--text-dark); font-family: 'Inter', sans-serif; min-height: 100vh; overflow-x: hidden; top: 0 !important; /* Prevents Google Translate body shift */ } /* --- Hide Google Translate default elements --- */ .skiptranslate { display: none !important; } #google_translate_element { display: none !important; } .goog-te-banner-frame { display: none !important; } .hidden { display: none !important; } h1, h2, h3, h4 { margin: 0; font-weight: 700; color: var(--text-dark); } /* --- AUTHENTICATION SCREEN --- */ #authSection { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px; background: transparent; } .auth-card { background: transparent; padding: 0; border-radius: 0; width: 100%; max-width: 550px; box-shadow: none; text-align: center; } .modern-input { width: 100%; background: var(--secondary); border: 1px solid var(--border); color: var(--text-dark); padding: 16px; margin-bottom: 16px; border-radius: 12px; font-family: 'Inter', sans-serif; font-size: 1em; transition: all 0.2s; } .modern-input:focus { border-color: var(--primary); background: #fff; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); } .btn-primary { width: 100%; padding: 16px; background: var(--primary); color: white; border: none; border-radius: 12px; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 1em; cursor: pointer; transition: all 0.3s; box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2); } .btn-primary:hover { background: var(--primary-hover); transform: translateY(-2px); box-shadow: 0 6px 12px rgba(37, 99, 235, 0.3); } .switch-link { margin-top: 20px; font-size: 0.9em; color: var(--primary); cursor: pointer; font-weight: 600; } /* --- APP CONTAINER --- */ /* Fixed scrolling bug by removing backdrop-filter which disables position:fixed */ .app-container { max-width: 550px; margin: 0 auto; padding-bottom: 90px; min-height: 100vh; display: none; background: rgba(255, 255, 255, 0.95); box-shadow: var(--shadow-lg); position: relative;} .top-bar { display: flex; justify-content: space-between; align-items: center; padding: 20px; background: var(--surface); position: sticky; top: 0; z-index: 100; border-bottom: 1px solid var(--border); } .brand { font-size: 1.3em; font-weight: 800; color: var(--text-dark); display: flex; align-items: center; gap: 8px; width:100%; justify-content:center;} .balance-card { margin: 20px; padding: 25px; background: linear-gradient(135deg, var(--primary) 0%, #4338ca 100%); border-radius: var(--radius); color: white; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2); position: relative; overflow: hidden; } .balance-card::after { content: '\f108'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: -20px; bottom: -20px; font-size: 120px; opacity: 0.1; transform: rotate(-15deg); } .balance-label { font-size: 0.9em; opacity: 0.9; margin-bottom: 5px; font-weight: 500; } .balance-val { font-size: 2.5em; font-weight: 800; } .balance-sub { margin-top: 15px; font-size: 0.9em; background: rgba(255,255,255,0.2); display: inline-block; padding: 5px 12px; border-radius: 20px; } .action-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; padding: 0 15px; margin-bottom: 20px; } .action-item { display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--surface); padding: 12px 2px; border-radius: 12px; cursor: pointer; border: 1px solid var(--border); transition: 0.2s; } .action-item:hover { background: var(--secondary); transform: translateY(-3px); } .action-item i { font-size: 1.3em; margin-bottom: 6px; color: var(--primary); } .action-item span { font-size: 0.65em; font-weight: 700; color: var(--text-dark); text-align: center; } .ticker-wrap { margin: 0 20px 20px; background: var(--secondary); border-radius: 12px; padding: 12px; overflow: hidden; white-space: nowrap; border: 1px solid var(--border); } .ticker-move { display: inline-block; animation: ticker 20s linear infinite; padding-left: 100%; } .ticker-item { margin-right: 30px; font-size: 0.85em; font-weight: 500; color: var(--text-dark); display: inline-flex; align-items: center; gap: 5px; } .ticker-item span { color: var(--success); font-weight: 700; } @keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .section-title { padding: 0 20px; margin: 25px 0 15px; font-size: 1.2em; display: flex; justify-content: space-between; align-items: center; } .intro-pc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: 0 20px; margin-bottom: 25px; } .intro-pc-card { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow); } .intro-pc-card img { width: 100%; height: 110px; object-fit: cover; } .intro-pc-info { padding: 10px; } .intro-pc-info h4 { font-size: 0.9em; margin-bottom: 3px; color: var(--text-dark); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .intro-pc-info p { font-size: 0.75em; color: var(--text-muted); margin: 0; } .pc-card { background: linear-gradient(145deg, var(--surface), #f8fafc); margin: 0 20px 20px; border-radius: 20px; border: 1px solid rgba(37, 99, 235, 0.1); overflow: hidden; transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 10px 25px rgba(0,0,0,0.05); display: flex; flex-direction: column; } .pc-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(37, 99, 235, 0.15); border-color: rgba(37, 99, 235, 0.3); } .pc-header-img { width: 100%; height: 170px; position: relative; overflow: hidden; background: #e2e8f0; } .pc-header-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .pc-card:hover .pc-header-img img { transform: scale(1.08); } .pc-badge-modern { position: absolute; top: 15px; right: 15px; background: rgba(15, 23, 42, 0.85); backdrop-filter: blur(8px); color: white; padding: 6px 14px; border-radius: 20px; font-size: 0.75em; font-weight: 700; letter-spacing: 0.5px; display: flex; align-items: center; gap: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); } .pc-body { padding: 20px; } .pc-title { font-size: 1.25em; font-weight: 800; color: var(--text-dark); margin-bottom: 15px; letter-spacing: -0.5px;} .pc-stats-modern { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px; } .pc-stat-box { background: rgba(37, 99, 235, 0.04); padding: 12px 15px; border-radius: 12px; display: flex; flex-direction: column; justify-content: center; border: 1px solid rgba(37, 99, 235, 0.08); } .pc-stat-label { font-size: 0.7em; color: var(--text-muted); font-weight: 700; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 0.5px;} .pc-stat-value { font-size: 1.15em; font-weight: 800; color: var(--primary); } .pc-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 15px; border-top: 1px dashed var(--border); } .pc-price-wrap { display: flex; flex-direction: column; } .pc-price-label { font-size: 0.75em; color: var(--text-muted); font-weight: 600;} .pc-price-val { font-size: 1.4em; font-weight: 900; color: var(--text-dark); } .btn-buy-modern { background: linear-gradient(135deg, var(--primary), #4338ca); color: white; padding: 12px 24px; border-radius: 12px; font-weight: 700; font-size: 0.95em; border: none; cursor: pointer; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); transition: 0.3s; } .btn-buy-modern:hover { box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4); transform: translateY(-2px); } .btn-sold-modern { background: var(--border); color: var(--text-muted); padding: 12px 24px; border-radius: 12px; font-weight: 700; font-size: 0.95em; border: none; cursor: not-allowed; } .btn-sm { padding: 10px 20px; border-radius: 8px; border: none; font-weight: 600; cursor: pointer; transition: 0.2s; } /* Navigation */ .bottom-nav { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 550px; background: var(--surface); border-top: 1px solid var(--border); display: flex; justify-content: space-around; padding: 10px 0; padding-bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 1000; } .nav-link { display: flex; flex-direction: column; align-items: center; gap: 4px; color: var(--text-muted); font-size: 0.75em; font-weight: 600; cursor: pointer; transition: 0.3s; flex: 1; text-align: center; } .nav-link i { font-size: 1.4em; padding: 8px; border-radius: 12px; transition: 0.3s; } .nav-link.active { color: var(--primary); } .nav-link.active i { background: rgba(37, 99, 235, 0.1); color: var(--primary); } /* Floating Support Button */ .floating-support { position: fixed; bottom: 85px; right: 20px; width: 55px; height: 55px; background: linear-gradient(135deg, var(--primary), #4338ca); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.6em; box-shadow: 0 6px 15px rgba(37, 99, 235, 0.4); cursor: pointer; z-index: 999; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .floating-support:hover { transform: scale(1.1) rotate(10deg); } /* Overlays & Modals */ .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(4px); z-index: 2000; display: none; overflow-y: auto; padding: 20px; } .close-btn { position: absolute; top: 15px; right: 20px; font-size: 1.5em; color: var(--text-muted); cursor: pointer; z-index: 100;} /* Profile & Settings */ .profile-header { text-align: center; padding: 30px 20px; background: var(--surface); border-bottom: 1px solid var(--border); } .avatar { width: 90px; height: 90px; background: var(--secondary); border-radius: 50%; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; font-size: 2.5em; color: var(--primary); border: 3px solid #fff; box-shadow: var(--shadow); } /* Modern Menu Styles for Profile Page */ .modern-menu-group { background: var(--surface); border-radius: 16px; margin: 0 20px 20px; padding: 5px 0; box-shadow: var(--shadow); border: 1px solid var(--border); } .modern-menu-item { display: flex; align-items: center; padding: 16px 20px; cursor: pointer; transition: background 0.2s; color: var(--text-dark); } .modern-menu-item:not(:last-child) { border-bottom: 1px solid var(--secondary); } .modern-menu-item:hover { background: var(--secondary); } .modern-menu-icon { width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 15px; font-size: 1.1em; } .modern-menu-item span { flex-grow: 1; font-weight: 600; font-size: 0.95em; } .modern-menu-item .arr { color: #cbd5e1; font-size: 0.9em; } .list-btn { display: flex; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--border); background: var(--surface); cursor: pointer; transition: 0.2s; } .list-btn:hover { background: var(--secondary); } .list-btn i { font-size: 1.2em; width: 30px; color: var(--text-muted); } .list-btn span { flex-grow: 1; font-weight: 500; color: var(--text-dark); } .list-btn .arr { color: var(--border); } #toast { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); background: var(--text-dark); color: white; padding: 12px 24px; border-radius: 30px; font-weight: 500; z-index: 5000; opacity: 0; transition: 0.3s; pointer-events: none; box-shadow: var(--shadow-lg); } #toast.show { opacity: 1; top: 40px; } /* Admin Box */ .admin-box { background: white; border: 1px solid var(--border); border-radius: 12px; padding: 15px; margin-bottom: 15px; } .admin-box h4 { border-bottom: 1px solid var(--border); padding-bottom: 10px; margin-bottom: 10px; } .plan-item-admin { display:flex; justify-content:space-between; align-items:center; background:var(--secondary); padding:10px; margin-bottom:5px; border-radius:8px; font-size:0.9em; border:1px solid var(--border); } .btn-adm-edit { background: var(--primary); color:white; border:none; padding:5px 10px; cursor:pointer; font-weight:bold; border-radius:6px; } .btn-adm-del { background: var(--danger); color:white; border:none; padding:5px 10px; cursor:pointer; font-weight:bold; border-radius:6px; } .btn-adm-approve { background: var(--success); color:white; border:none; padding:5px 10px; cursor:pointer; font-weight:bold; margin-right: 5px; border-radius:6px; } .status-badge { padding: 4px 8px; border-radius: 6px; font-size: 0.75em; font-weight: bold; } .status-pending { background: #fef3c7; color: #d97706; } .status-paid { background: #d1fae5; color: #059669; } .status-rejected { background: #fee2e2; color: #dc2626; } .page-header { padding: 20px; background: var(--surface); display: flex; align-items: center; gap: 15px; border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 10; } .page-header i { font-size: 1.2em; cursor: pointer; color: var(--text-dark); padding: 5px; transition: 0.2s;} .page-header i:hover { color: var(--primary); } .page-header h3 { margin: 0; font-size: 1.1em; } .about-section { padding: 20px; line-height: 1.6; color: var(--text-dark); } .about-section h4 { color: var(--primary); margin-top: 20px; margin-bottom: 10px; font-size: 1.1em; } .about-section p { font-size: 0.95em; margin-bottom: 15px; color: var(--text-muted); } .about-section ul { padding-left: 20px; margin-bottom: 15px; color: var(--text-muted); font-size: 0.95em; } .about-section li { margin-bottom: 8px; } /* --- MODERN HISTORY TABS & LIST --- */ .history-tabs { display: flex; background: var(--secondary); padding: 5px; border-radius: 12px; margin-bottom: 20px; border: 1px solid var(--border); } .hist-tab { flex: 1; text-align: center; padding: 10px; font-size: 0.9em; font-weight: 600; color: var(--text-muted); cursor: pointer; border-radius: 8px; transition: 0.3s; } .hist-tab.active { background: var(--surface); color: var(--primary); box-shadow: var(--shadow); } .hist-item { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 15px; margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; box-shadow: var(--shadow); transition: transform 0.2s;} .hist-item:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); } .hist-icon-box { width: 45px; height: 45px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.2em; margin-right: 15px; flex-shrink: 0;} .hist-icon-dep { background: rgba(16, 185, 129, 0.1); color: var(--success); } .hist-icon-with { background: rgba(239, 68, 68, 0.1); color: var(--danger); } .hist-details { flex-grow: 1; display:flex; flex-direction:column; gap:4px; overflow: hidden; } .hist-title { font-weight: 700; color: var(--text-dark); font-size: 1.05em; } .hist-date { font-size: 0.75em; color: var(--text-muted); } .hist-amount-box { text-align: right; display:flex; flex-direction:column; align-items: flex-end; gap:4px; } .hist-amount.dep { color: var(--success); font-weight: 800; font-size: 1.1em;} .hist-amount.with { color: var(--text-dark); font-weight: 800; font-size: 1.1em;} .hist-badge { padding: 4px 10px; border-radius: 8px; font-size: 0.7em; font-weight: 700; letter-spacing: 0.5px;}

Notification Message

Invest in High-Performance Computers

Create new account

TechRig

Total Portfolio Value

0.00 ETB

Today's Profit: 0.00 ETB

Deposit

Withdraw

Check-in

Promo

Task

Syncing payout records...