*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
-webkit-tap-highlight-color:transparent;
}

body{
background:#071126;
color:white;
padding:18px;
}

.hidden{
display:none;
}

.login-screen{
height:100vh;
display:flex;
justify-content:center;
align-items:center;
}

.login-card{
background:#131f38;
padding:25px;
border-radius:24px;
width:100%;
max-width:350px;
box-shadow:0 10px 30px rgba(0,0,0,.35);
}

.login-card h1{
text-align:center;
margin-bottom:20px;
font-size:28px;
}

.topbar{
margin-bottom:22px;
}

.topbar h1{
font-size:38px;
font-weight:800;
}

.stats-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
margin-bottom:20px;
}

.stat-card{
background:#131f38;
padding:20px;
border-radius:24px;
text-align:center;
}

.stat-card p{
color:#8da2c0;
margin-bottom:12px;
font-size:15px;
}

.stat-card h2{
font-size:30px;
font-weight:800;
}

.form-card,.operations-card{
background:#131f38;
padding:18px;
border-radius:24px;
margin-bottom:18px;
}

.form-card h3,.operations-header h3{
margin-bottom:15px;
font-size:22px;
}

input,select{
width:100%;
border:none;
background:#2b3b59;
color:white;
padding:16px;
border-radius:18px;
font-size:17px;
margin-bottom:12px;
}

.row{
display:flex;
gap:10px;
}

.row select{
width:35%;
}

.row input{
width:65%;
}

button{
border:none;
cursor:pointer;
}

.add-btn,.login-card button{
width:100%;
padding:16px;
border-radius:18px;
font-size:18px;
font-weight:700;
background:linear-gradient(90deg,#7c3aed,#a855f7);
color:white;
}

.operations-header{
display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
}

.hidden-sales{
display:none;
}

.sale-item{
background:#1a2947;
padding:16px;
border-radius:20px;
margin-top:14px;
}

.sale-top{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:12px;
}

.sale-name{
font-size:22px;
font-weight:700;
}

.sale-profit{
color:#22c55e;
font-size:22px;
font-weight:800;
}

.sale-info{
display:flex;
justify-content:space-between;
margin-bottom:14px;
color:#c8d4e7;
font-size:15px;
}

.action-row{
display:flex;
justify-content:flex-end;
gap:10px;
}

.icon-btn{
width:44px;
height:44px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
color:white;
}

.edit-btn{
background:#f59e0b;
}

.delete-btn{
background:#ef4444;
}

@media(max-width:480px){
.topbar h1{
font-size:30px;
}

.stat-card h2{
font-size:24px;
}
}