body{
    font-family: Arial, Helvetica, sans-serif;
    margin:0;
    padding:30px;
    background:#17433F;
    color:#FFF4E1;
}

h1,h3{ color:#FFF4E1; }

.container{ display:flex; gap:10px; align-items:center; margin-bottom:10px; }

input, button{
    padding:6px 8px;
    margin:2px;
}

table{
    border-collapse:collapse;
    width:100%;
    margin-bottom:10px;
}

th, td{
    padding:6px 10px;
    text-align:left;
}

th{ background:#558467; }

.extras-table td{ vertical-align:top; border:none; padding:15px; }

.checkbox-container{ margin-top:8px; }

.checkbox-row{ display:flex; align-items:center; gap:6px; margin:3px 0; }

.select-all-box{ font-weight:bold; margin-bottom:5px; display:block; }

#saveBtn{
    background:#B87C4C;
    color:white;
    border:none;
    padding:10px 20px;
    cursor:pointer;
    border-radius:4px;
    font-weight:bold;
}

#saveBtn:hover{ opacity:0.9; }

/* ===== Split layout ===== */
.page{
    display:flex;
    gap:25px;
    align-items:flex-start;
}

#entryScreen{
    flex:1 1 0;
    min-width:0;
}

#summaryScreen{
    display:none;
    flex:1 1 0;
    min-width:0;
    position:sticky;
    top:30px;
}

.summary-card{
    background:#2B5748;
    border-radius:8px;
    padding:25px;
    box-shadow:0 2px 10px rgba(0,0,0,0.3);
}

.chart-wrap{
    width:300;
    height:240px;
    margin:20px auto;
}

#backBtn{
    background:#555;
    color:white;
    border:none;
    padding:8px 16px;
    cursor:pointer;
    border-radius:4px;
    margin-bottom:15px;
}

.extra-row{
    background: #3a2f1f;
}
.extra-row td{
    font-weight: bold;
    color: #ffd28a;
}

#newBillBtn{
    background:#2e7d4f;
    color:white;
    border:none;
    padding:8px 16px;
    cursor:pointer;
    border-radius:4px;
    margin-bottom:15px;
    margin-left:8px;
}
#newBillBtn:hover{ opacity:0.9; }

#downloadPdfBtn, #downloadExcelBtn{
    background:#3a5fa0;
    color:white;
    border:none;
    padding:8px 16px;
    cursor:pointer;
    border-radius:4px;
    margin-bottom:15px;
    margin-left:8px;
}
#downloadPdfBtn:hover, #downloadExcelBtn:hover{ opacity:0.9; }


body{
    font-family: Arial, Helvetica, sans-serif;
    margin:0;
    padding:30px;
    background:#17433F;
    color:#FFF4E1;
}

h1,h3{ color:#FFF4E1; }

.container{ display:flex; gap:10px; align-items:center; margin-bottom:10px; }

input, button{
    padding:6px 8px;
    margin:2px;
}

table{
    border-collapse:collapse;
    width:100%;
    margin-bottom:10px;
}

th, td{
    padding:6px 10px;
    text-align:left;
}

th{ background:#558467; }

.extras-table td{ vertical-align:top; border:none; padding:15px; }

.checkbox-container{ margin-top:8px; }

.checkbox-row{ display:flex; align-items:center; gap:6px; margin:3px 0; }

.select-all-box{ font-weight:bold; margin-bottom:5px; display:block; }

#saveBtn{
    background:#B87C4C;
    color:white;
    border:none;
    padding:10px 20px;
    cursor:pointer;
    border-radius:4px;
    font-weight:bold;
}

#saveBtn:hover{ opacity:0.9; }

/* ===== Split layout ===== */
.page{
    display:flex;
    gap:25px;
    align-items:flex-start;
}

#entryScreen{
    flex:1 1 0;
    min-width:0;
}

#summaryScreen{
    display:none;
    flex:1 1 0;
    min-width:0;
    position:sticky;
    top:30px;
}

.summary-card{
    background:#2B5748;
    border-radius:8px;
    padding:25px;
    box-shadow:0 2px 10px rgba(0,0,0,0.3);
}

.chart-wrap{
    width:300;
    height:240px;
    margin:20px auto;
}

#backBtn{
    background:#555;
    color:white;
    border:none;
    padding:8px 16px;
    cursor:pointer;
    border-radius:4px;
    margin-bottom:15px;
}

.extra-row{
    background: #3a2f1f;
}
.extra-row td{
    font-weight: bold;
    color: #ffd28a;
}

#newBillBtn{
    background:#2e7d4f;
    color:white;
    border:none;
    padding:8px 16px;
    cursor:pointer;
    border-radius:4px;
    margin-bottom:15px;
    margin-left:8px;
}
#newBillBtn:hover{ opacity:0.9; }

#downloadPdfBtn, #downloadExcelBtn{
    background:#3a5fa0;
    color:white;
    border:none;
    padding:8px 16px;
    cursor:pointer;
    border-radius:4px;
    margin-bottom:15px;
    margin-left:8px;
}
#downloadPdfBtn:hover, #downloadExcelBtn:hover{ opacity:0.9; }

.container{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:40px;
}

.header-left{
    flex:1;
}

.header-right{
    width:200px;
}

.header-right video{
    width:100%;
    border-radius:10px;
}