*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;padding:20px;background:#f5f5f5}.container{max-width:900px;margin:0 auto;background:#fff;padding:30px;box-shadow:0 0 10px #0000001a}.header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #333}.logo{font-size:28px;font-weight:700;color:#004080;margin-bottom:10px}.title{font-size:18px;color:#333;font-weight:700}.date-stamp{text-align:right;font-size:12px;color:#666;margin-top:10px}.section{margin-bottom:25px;border:1px solid #ddd;padding:15px}.section-title{font-weight:700;font-size:14px;color:#333;background:#f0f0f0;padding:8px;margin:-15px -15px 15px}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-size:13px;font-weight:500;color:#555}input[type=text],input[type=date],input[type=number],input[type=password],textarea,select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}textarea{resize:vertical;min-height:60px}.checkbox-group{display:flex;align-items:center;gap:10px}input[type=checkbox]{width:18px;height:18px;cursor:pointer}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}table{width:100%;border-collapse:collapse;margin-bottom:15px}table th,table td{border:1px solid #ddd;padding:8px;text-align:left}table th{background:#f5f5f5;font-size:12px;font-weight:600}table input,table select{width:100%;border:none;padding:5px}#itemsTable th,#itemsTable td{font-size:11px;padding:6px}#itemsTable input,#itemsTable select{font-size:11px;padding:4px}.add-item-btn{background:#004080;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:13px}.add-item-btn:hover{background:#036}.remove-item-btn{background:#d32f2f;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}.submit-btn,.btn{background:#28a745;color:#fff;border:none;padding:15px 40px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;width:100%;margin-top:20px}.submit-btn:hover,.btn:hover{background:#218838}.btn{background:#004080}.btn:hover{background:#036}.radio-group{display:flex;gap:20px;flex-wrap:wrap}.radio-item{display:flex;align-items:center;gap:5px}.total-display{font-size:16px;font-weight:700;text-align:right;margin-top:10px;padding:10px;background:#f0f0f0}.login-container{max-width:400px;margin:100px auto;background:#fff;padding:40px;box-shadow:0 0 10px #0000001a;border-radius:8px}.dashboard-container{max-width:95%;margin:0 auto;background:#fff;padding:30px;box-shadow:0 0 10px #0000001a}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #ddd}.user-info{font-size:14px;color:#666}.logout-btn{background:#d32f2f;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:14px}.logout-btn:hover{background:#b71c1c}.download-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:700;cursor:pointer;font-size:14px;margin-bottom:20px}.download-btn:hover{background:linear-gradient(135deg,#27ae60,#229954)}.filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{background:#f0f0f0;color:#333;border:1px solid #ddd;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px}.filter-btn:hover{background:#e0e0e0}.filter-btn.active{background:#004080;color:#fff}.search-box{margin-bottom:20px}.search-box input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.transactions-table{overflow-x:auto}.transactions-table table{width:100%;border-collapse:collapse}.transactions-table th,.transactions-table td{border:1px solid #ddd;padding:10px;text-align:left;font-size:12px}.transactions-table th{background:#004080;color:#fff;font-weight:700;position:sticky;top:0}.transactions-table tr:hover{background:#f5f5f5}.view-btn{background:#2196f3;color:#fff;border:none;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:11px}.view-btn:hover{background:#1976d2}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal.show{display:block}.modal-content{background-color:#fefefe;margin:2% auto;padding:20px;border:1px solid #888;width:90%;max-width:1200px;border-radius:8px;max-height:90vh;overflow-y:auto}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000}.approve-btn{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px;margin:5px}.approve-btn:hover{background:#45a049}.error-message{color:#d32f2f;font-size:14px;margin-top:10px}.success-message{color:#2ecc71;font-size:14px;margin-top:10px}.loading{text-align:center;padding:40px;color:#666}@media print{body *{visibility:hidden}.modal,.modal *,.modal-content,.modal-content *{visibility:visible}.no-print{display:none!important}.modal{position:fixed!important;top:0!important;left:0!important;right:0!important;background:#fff!important}.modal-content{position:absolute;top:0;left:0;right:0;max-height:none!important;overflow:visible!important;box-shadow:none!important;border:none!important;padding:15px!important;margin:0!important}body{background:#fff!important}.modal-content>div{page-break-inside:avoid;font-size:9px!important;margin-bottom:8px!important;padding:6px!important}.modal-content h2{font-size:14px!important;margin-bottom:10px!important}.modal-content h3{font-size:11px!important;padding-bottom:4px!important;margin-bottom:5px!important}.modal-content p{font-size:8px!important;margin:2px 0!important;line-height:1.2!important}.modal-content strong{font-size:8px!important}.modal-content table{font-size:7px!important}.modal-content th,.modal-content td{padding:3px!important;font-size:7px!important}.modal-content button{display:none!important}@page{size:A4;margin:8mm}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay .modal{display:block;position:relative;background:#fff;padding:30px;border-radius:8px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}