.card{

background:#fff;

border-radius:16px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

padding:25px;

margin-bottom:25px;

}
input,
select{

width:100%;

padding:12px 14px;

border:1px solid #D1D5DB;

border-radius:10px;

font-size:16px;

transition:.25s;

}

input:focus,
select:focus{

border-color:#2563EB;

box-shadow:0 0 0 3px rgba(37,99,235,.15);

outline:none;

}
table{

width:100%;

border-collapse:collapse;

background:#fff;

}

th{

background:#1E3A8A;

color:#fff;

padding:14px;

}

td{

padding:14px;

border-bottom:1px solid #ECECEC;

}
.recommended{

background:#FEF3C7;

font-weight:bold;

color:#15803D;

}
.baseline{

background:#EFF6FF;

color:#1D4ED8;

font-weight:bold;

}
.iv-negative{

color:#DC2626;

font-weight:600;

}
.iv-positive{

color:#15803D;

font-weight:600;

}
.iv-box{

display:flex;

justify-content:space-between;

align-items:center;

padding:18px;

border:2px solid #FCD34D;

border-radius:12px;

background:#FFFDF3;

}
.main-grid{

display:grid;

grid-template-columns:420px 1fr;

gap:25px;

align-items:start;

}

.calculator-container{

    display:grid;

    grid-template-columns:1fr 1.4fr;

    gap:25px;

}

.input-panel{

    background:#fff;

    border-radius:15px;

    padding:20px;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

}

.output-panel{

    background:#fff;

    border-radius:15px;

    padding:20px;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

}
/* Recommended IV Row */
.recommended-row{

    background:#FFF3CD !important;

    color:#0F5132;

    font-weight:bold;

}

.recommended-row td{

    background:#FFF3CD !important;

}

/* Optional: Hover effect */
.recommended-row:hover td{

    background:#FFE69C !important;

}


.positive{
    color:#16a34a;      /* Green */
    font-weight:700;
}

.negative{
    color:#dc2626;      /* Red */
    font-weight:700;
}


.profit-row td{
    background:#dcfce7 !important;
    color:#166534;
    font-weight:600;
}

.loss-row td{
    background:#fee2e2 !important;
    color:#991b1b;
    font-weight:600;
}

.recommended-row td{
    background:#fef3c7 !important;
    color:#92400e;
    font-weight:700;
}
