:root{--slider-width:180px;--left-width:190px;--accent-bg:#3b3b3b;--accent-another:#262626;--accent:#fff;--accent-hover:blue}*{box-sizing:border-box}html,body{scroll-behavior:smooth;background-color:var(--accent-bg);min-height:100%;color:var(--accent);margin:0}a{color:var(--accent)}a:hover{color:var(--accent-hover)}.dashboard-container{align-items:center;width:auto;margin-left:15px;transition:left .3s;display:flex;position:relative;left:0}.dashboard-container.open{left:var(--left-width);width:80%}.payment-details-container{align-items:center;width:auto;margin:15px;transition:left .3s;display:flex;position:relative;left:0}.payment-details-container.open{left:var(--left-width);width:80%}.payment-info-container{flex-direction:column;display:flex}.transaction-details,.transaction-logs-provider{border-color:var(--accent-another);background-color:var(--accent-another);border-radius:16px;height:auto;margin:15px;padding:10px}.logs-table{border-collapse:collapse;width:100%}.logs-table th,.logs-table td{text-align:left;padding:8px 12px}.logs-table th:first-child,.logs-table td:first-child{width:80px}.logs-table th:nth-child(2),.logs-table td:nth-child(2){width:250px}.logs-table th:nth-child(3),.logs-table td:nth-child(3){width:auto}.notfound-container{background-color:var(--accent-another);border-radius:12px;flex-direction:column;align-items:center;width:60%;margin:10% auto 0;font-size:36px;transition:all .3s;display:flex;position:relative;left:0}.notfound-container.open{left:var(--slider-width);transition:left .3s}.notfound-home-btn{transition:scale(1) .3s ease;margin-bottom:10px;text-decoration:none}.notfound-home-btn:hover{color:var(--accent);transition:all .3s;transform:scale(1.2)}header{background-color:var(--accent-another);align-items:center;gap:20px;padding:10px;display:flex}.slider-container{align-items:center;display:flex}.slider-btn{z-index:3;width:55px;height:40px;color:var(--accent);background:0 0;border:none;font-size:22px;transition:all .3s;position:relative}.slider-btn:hover{font-size:27px;transition:all .3s}.slider-btn.open{transform:translateX(calc(var(--slider-width) + 10px));transition:all .3s}.slider-btn.open:hover{font-size:27px;transition:all .3s}.slider-menu{width:var(--slider-width);z-index:2;background-color:var(--accent-another);height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.slider-menu.open{transform:translate(0)}.slider-overlay{z-index:1;position:fixed;inset:0}.logo-container{align-items:center;transition:left .3s;display:flex;position:relative;left:0}.logo-container.open{left:var(--left-width)}.logo{margin:0;font-size:30px}.btn-container{flex-direction:column;align-items:start;gap:5px;margin-top:15px;display:flex}.menu-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;margin:7px;font-size:18px}.menu-btn:hover{font-size:20px}.merchant-btn-container,.provider-btn-container{background-color:var(--accent-bg);transition:scale(0) .3s ease;display:none}.merchant-btn-container.open,.provider-btn-container.open{background-color:var(--accent-bg);transition:scale(1) .3s ease;display:inline}