.description-cell{display:flex;align-items:center;gap:10px}.icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.8em;background-color:#ccc}.method-cell,.date-cell{color:#666}.amount-cell{font-weight:700;text-align:right}.amount-cell.positive{color:#28a745}.amount-cell.negative{color:#d9534f}.transactions-list{max-width:800px;margin:0 auto;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:24px;font-family:Arial,sans-serif}.transaction-panel h2{font-size:1.4rem;color:#333;margin-bottom:8px}.transaction-panel p{color:#777;margin-bottom:16px;font-size:1rem}table{width:100%;border-collapse:collapse;margin-top:16px;font-size:1rem}table th,table td{text-align:left;padding:12px}table th{color:#888;font-size:.9rem;text-transform:uppercase;border-bottom:2px solid #eeeeee}table tr:not(:last-child) td{border-bottom:1px solid #f3f3f3}table td{color:#555;font-size:1rem}.average-expense{text-transform:none}@media (max-width: 768px){.transactions-list{padding:16px}table th,table td{padding:10px;font-size:.9rem}}.categories-card{padding:20px;border:1px solid #ccc;border-radius:12px;background-color:#fff;box-shadow:0 4px 6px #0000001a;max-width:800px;margin:0 auto 50px;font-family:Arial,sans-serif}.categories-card .container{display:flex;flex-direction:column;gap:24px}.chart{display:flex;height:40px;border-radius:6px;overflow:hidden;border:1px solid #ddd}.chart-segment{flex-grow:1;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px}.chart-segment:not(:first-child){border-left:1px solid #fff}.categories-list{display:flex;flex-direction:column;gap:12px}.category-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #f0f0f0;border-radius:6px;background-color:#fafafa;transition:background-color .3s}.category-item:hover{background-color:#f5f5f5}.category-color{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.category-name{flex-grow:1;font-size:16px;color:#444;margin-left:8px;text-transform:capitalize}.category-percentage{font-size:14px;color:#888;margin-left:auto}.tooltip{position:absolute;background:#000000b3;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;white-space:nowrap;pointer-events:none;transform:translate(-50%,-20px);z-index:1000;opacity:1;transition:opacity .2s ease-in-out}.tooltip.visible{opacity:1}*{padding:0;margin:0;box-sizing:border-box}body{background:#f5f5f5}.App{padding:20px 10px 50px}.container{max-width:1200px;margin:0 auto;padding:0 10px}.create-btn{position:fixed;bottom:10px;right:10px;width:50px;height:50px;border-radius:50%;border:none;background-color:#87cefa;box-shadow:0 0 5px #87cefa;display:flex;justify-content:center;align-items:center;cursor:pointer}.create-btn:before,.create-btn:after{content:"";position:absolute;height:25px;width:2px;border-radius:2px;background-color:#fff}.create-btn:after{width:25px;height:2px}._myModal_1y9lb_1{position:fixed;top:0;bottom:0;right:0;left:0;display:none;background:#00000080}._myModalContent_1y9lb_11{padding:25px;background:#fff;border-radius:16px;min-width:250px;max-width:80%}._myModal_1y9lb_1._active_1y9lb_19{display:flex;justify-content:center;align-items:center}.create-form{display:flex;flex-direction:column;gap:20px}.create-form input{padding:10px 15px;font-size:18px;border-radius:5px;border:1px solid black}.form-section{display:flex;flex-wrap:wrap;gap:20px}.create-form button{padding:20px;font-size:20px;border-radius:5px;border:none;background-color:#87cefa;color:#fff}.select{background:#87cefa;border-radius:5px;padding:10px;color:#f7f7f7;font-weight:400;font-size:18px;border:2px solid #87CEFA;box-shadow:0 0 4px #87cefa}.select option{font-size:16px;font-weight:400;background:#f7f7f7;color:#87cefa}
