:root{--header-height: 70px}.header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#6a11cb,#2575fc);color:#fff;height:var(--header-height);padding:0 20px;box-shadow:0 4px 6px #0000001a;border-bottom:2px solid #5b9bfc;transition:height .3s ease}.header-title{font-size:1.8rem;font-weight:700;letter-spacing:1px;text-shadow:1px 2px 2px rgba(0,0,0,.3)}.header-options{display:flex;gap:20px}.header-button{background:#fff;color:#6a11cb;border:2px solid #6a11cb;padding:8px 15px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 2px 4px #0000001a}.header-button:hover{background:#6a11cb;color:#fff;border:2px solid #ffffff;transform:scale(1.1);box-shadow:0 4px 8px #0003}@media (max-width: 768px){.header{flex-direction:column;height:auto;padding:10px}.header-title{margin-bottom:10px}.header-options{gap:10px}.header-button{padding:6px 12px;font-size:.9rem}}.header-logo{width:50px;height:50px;margin-right:10px}.header-text{font-size:18px;font-weight:500;align-items:center;letter-spacing:1px;text-shadow:1px 2px 2px rgba(0,0,0,.3)}.form-container{width:100%;max-width:auto;margin:40px auto;padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9}.form-header,.form-subheader{text-align:center;color:#2c3e50}.error,.success{text-align:center;margin-bottom:20px}.error{color:red}.success{color:green}.form-row{display:flex;flex-wrap:wrap;margin-top:20px;margin-bottom:20px}.form-field{flex:1 1 30%;min-width:150px}.form-field input,.form-field select{width:50%;padding:5px;margin:5px 0 15px;border:1px solid #ccc;border-radius:4px;font-size:14px}.btn{display:block;width:10%;padding:10px;margin-inline:auto;background-color:#2ae636;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer}.btn:hover{background-color:#0b6307}@media (max-width: 768px){.form-container{padding:20px}.form-field{flex:1 1 100%}.submit-btn{font-size:14px}}.receipt-list-container{max-width:600px;margin:24px auto;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;font-family:Roboto,Arial,sans-serif}.receipt-list-container h1{font-size:24px;font-weight:600;color:#333;text-align:center;margin-bottom:20px}.receipt-list-container p{font-size:16px;line-height:1.6;color:#555;margin-bottom:12px}.receipt-list-container .error{color:#d32f2f;font-size:16px;text-align:center;margin-bottom:20px;font-weight:700}.receipt-list-container ul{list-style:none;margin:0;padding:0}.receipt-list-container .receipt-item{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:10px;background-color:#f5f5f5;box-shadow:0 2px 6px #00000014;margin-bottom:16px;transition:transform .2s ease,box-shadow .3s ease}.receipt-list-container .receipt-item:hover{transform:translateY(-3px);box-shadow:0 6px 14px #0000001f}.receipt-list-container .receipt-item strong{font-size:16px;font-weight:500;color:#333}.receipt-list-container .receipt-item a{color:#1e88e5;font-weight:500;text-decoration:none;transition:color .2s ease}.receipt-list-container .receipt-item a:hover{color:#1565c0;text-decoration:underline}.receipt-list-container .receipt-item button{align-self:flex-start;padding:8px 16px;font-size:14px;font-weight:500;color:#fff;background-color:#d32f2f;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,box-shadow .2s ease}.receipt-list-container .receipt-item button:hover{background-color:#b71c1c;box-shadow:0 3px 8px #00000026}.receipt-list-container .receipt-item button:focus{outline:none;box-shadow:0 0 0 3px #d32f2f4d}.receipt-list-container .search-bar{width:100%;padding:12px 16px;font-size:15px;border:1px solid #ddd;border-radius:8px;background-color:#fafafa;transition:border-color .3s ease,box-shadow .3s ease;margin-bottom:20px}.receipt-list-container .search-bar:focus{border-color:#1e88e5;box-shadow:0 0 0 3px #1e88e533;outline:none}@media (max-width: 600px){.receipt-list-container{padding:16px}.receipt-list-container h1{font-size:20px}.receipt-list-container .receipt-item{padding:12px}.receipt-list-container .receipt-item button{padding:6px 12px;font-size:13px}}.icon{vertical-align:middle;line-height:1px;font-size:20px}.icon_header{vertical-align:middle;line-height:1px;font-size:26px}.icon,.icon_header{margin-right:5px}.close_icon{color:red;margin-left:30px;margin-top:10px;cursor:pointer}.grid-container{display:grid;grid-template-columns:260px 1fr 1fr 1fr;grid-template-rows:.2fr 3fr;grid-template-areas:"sidebar header header header" "sidebar main main main";height:100vh}.header{grid-area:header;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-shadow:0 6px 7px -3px #00000059}.menu-icon{display:none}#sidebar{grid-area:sidebar;height:100%;background-color:#263043;overflow-y:auto;transition:all .5s;-webkit-transition:all .5s}.sidebar-title{display:flex;justify-content:space-between;align-items:center;padding:15px 30px 0;margin-bottom:30px}.sidebar-title>span{display:none}.sidebar-brand{margin-top:15px;font-size:20px;font-weight:700}.sidebar-list{padding:0;list-style-type:none}.sidebar-list-item{padding:20px;font-size:18px}.sidebar-list-item:hover{background-color:#fff3;cursor:pointer}.sidebar-list-item>a{text-decoration:none;color:#9e9ea4}.sidebar-responsive{display:inline!important;position:absolute;z-index:12!important}.main-container{grid-area:main;overflow-y:auto;padding:20px;color:#fffffff2}.main-title{display:flex;justify-content:space-between}.main-cards{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;margin:15px 0}.card{display:flex;flex-direction:column;justify-content:space-around;padding:8px 15px;border-radius:5px}.card:first-child{background-color:#2962ff}.card:nth-child(2){background-color:#ff6d00}.card:nth-child(3){background-color:#2e7d32}.card:nth-child(4){background-color:#d50000}.card-inner{display:flex;align-items:center;justify-content:space-between}.card-inner>.card_icon{font-size:25px}.charts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:60px;height:300px}@media screen and (max-width: 992px){.grid-container{grid-template-columns:1fr;grid-template-rows:.2fr 3fr;grid-template-areas:"header" "main"}#sidebar{display:none}.sidebar,.header{height:auto}.menu-icon{display:inline}.sidebar-title>span{display:inline}}@media screen and (max-width: 768px){.main-cards{grid-template-columns:1fr;gap:10px;margin-bottom:0}.sidebar{height:auto}.charts{grid-template-columns:1fr;margin-top:30px}}@media screen and (max-width: 576px){.hedaer-left{display:none}.sidebar{height:auto}}*{margin:0;padding:0;text-decoration:none}.container{display:flex}main{width:100%;padding:20px}.sidebar{background:linear-gradient(to right,#78f098,#5373dd);color:#faf6f6;height:auto;width:200px;transition:all .5s}.top_section{display:flex;align-items:center;padding:20px 15px}.logo{font-size:30px}.bars{display:flex;font-size:25px;margin-left:50px}.link{display:flex;color:#0b0b0b;padding:10px 15px;gap:15px;transition:all .5s}.link:hover{background:#87cefa;color:#fff;transition:all .5s}.active{background:#87cefa;color:#000}.icon,.link_text{font-size:20px}