body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif;background:#121217;color:#fff;}
.tabs{display:flex;justify-content:center;gap:10px;padding:10px;background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);}
.tab{padding:8px 16px;border:none;border-radius:20px;background:rgba(255,255,255,0.1);cursor:pointer;}
.tab.active{background:rgba(255,255,255,0.3);}
.panels{width:90%;max-width:800px;margin:20px auto;}
.panel{background:rgba(255,255,255,0.05);border-radius:16px;backdrop-filter:blur(15px);padding:20px;margin-bottom:20px;}
.panel.hidden{display:none;}
.header h1{text-align:center;margin:0;font-size:22px;}
.header p{text-align:center;color:#ccc;margin-bottom:20px;}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:10px;}
.stat-card{background:rgba(255,255,255,0.1);border-radius:12px;backdrop-filter:blur(10px);padding:15px;text-align:center;}
.stat-title{font-size:14px;color:#aaa;}
.stat-value{font-size:20px;color:#10b981;margin-top:5px;}
.profit-box{background:rgba(255,255,255,0.1);border-radius:12px;padding:15px;text-align:center;font-size:24px;color:#10b981;margin:10px 0;backdrop-filter:blur(10px);}
.btn{padding:12px;border:none;border-radius:10px;background:#10b981;font-size:16px;cursor:pointer;margin-top:10px;}
.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;}
.form-grid label{display:flex;flex-direction:column;font-size:14px;color:#ddd;}
.form-grid input{margin-top:5px;padding:8px;border:none;border-radius:8px;background:rgba(255,255,255,0.15);color:#fff;}
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;}
.filter-bar button{padding:8px 12px;border:none;border-radius:8px;background:rgba(255,255,255,0.1);cursor:pointer;color:#fff;backdrop-filter:blur(10px);}
.history-table{width:100%;border-collapse:collapse;}
.history-table th,.history-table td{padding:12px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);font-size:14px;}
.history-table th{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);}
@media(min-width:768px){.tabs{justify-content:center;} .form-grid{grid-template-columns:repeat(3,1fr);} }