TradeJournal Pro TradeJournal Pro
Total P/L
$0
Win Rate
0%
Profit Factor
0
Average R
0
Trades
| Date | Ticker | Direction | Entry | Stop | Exit | Risk | R | P/L | Delete |
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Inter,Arial,sans-serif;
}
body{
background:#0f172a;
color:#fff;
}
.container{
width:95%;
max-width:1600px;
margin:30px auto;
}
h1{
font-size:34px;
margin-bottom:25px;
}
h2{
margin-bottom:15px;
color:#f8fafc;
}
.stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-bottom:30px;
}
.card{
background:#1e293b;
padding:25px;
border-radius:18px;
border:1px solid #334155;
transition:.3s;
}
.card:hover{
transform:translateY(-4px);
border-color:#3b82f6;
}
.card h3{
color:#94a3b8;
margin-bottom:10px;
font-size:15px;
}
.card h2{
font-size:32px;
color:#38bdf8;
}
.trade-form{
background:#1e293b;
padding:25px;
border-radius:18px;
margin-bottom:30px;
border:1px solid #334155;
}
form{
display:grid;
grid-template-columns:repeat(8,1fr);
gap:15px;
}
input,
select{
background:#0f172a;
color:white;
border:1px solid #334155;
padding:12px;
border-radius:10px;
font-size:15px;
}
input:focus,
select:focus{
outline:none;
border-color:#38bdf8;
}
button{
background:#2563eb;
color:white;
border:none;
border-radius:10px;
cursor:pointer;
font-weight:bold;
transition:.3s;
}
button:hover{
background:#1d4ed8;
}
.chart{
background:#1e293b;
padding:25px;
border-radius:18px;
border:1px solid #334155;
margin-bottom:30px;
}
canvas{
width:100%!important;
height:350px!important;
}
.table-section{
background:#1e293b;
padding:25px;
border-radius:18px;
border:1px solid #334155;
}
table{
width:100%;
border-collapse:collapse;
}
thead{
background:#0f172a;
}
th{
padding:15px;
text-align:left;
color:#cbd5e1;
font-size:14px;
}
td{
padding:14px;
border-bottom:1px solid #334155;
color:#e2e8f0;
}
tr:hover{
background:#172033;
}
.green{
color:#22c55e;
font-weight:bold;
}
.red{
color:#ef4444;
font-weight:bold;
}
.deleteBtn{
background:#dc2626;
padding:8px 14px;
border:none;
color:white;
border-radius:8px;
cursor:pointer;
}
.deleteBtn:hover{
background:#b91c1c;
}
::-webkit-scrollbar{
width:10px;
}
::-webkit-scrollbar-thumb{
background:#334155;
border-radius:10px;
}
::-webkit-scrollbar-track{
background:#0f172a;
}
@media(max-width:1200px){
.stats{
grid-template-columns:repeat(2,1fr);
}
form{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:700px){
.stats{
grid-template-columns:1fr;
}
form{
grid-template-columns:1fr;
}
table{
display:block;
overflow-x:auto;
white-space:nowrap;
}
}
